@ukic/canary-web-components 3.0.0-canary.5 → 3.0.0-canary.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-55099147.js → helpers-0d86316e.js} +33 -29
- package/dist/cjs/helpers-0d86316e.js.map +1 -0
- package/dist/cjs/{helpers-c80f6ce4.js → helpers-e0da4ae1.js} +17 -17
- package/dist/cjs/{helpers-c80f6ce4.js.map → helpers-e0da4ae1.js.map} +1 -1
- package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +8 -1
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +2 -2
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +2 -2
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +10 -7
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +17 -8
- package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +15 -6
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +5 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +5 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +9 -4
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-table.cjs.entry.js +72 -61
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-input.cjs.entry.js +7 -2
- package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-picker.cjs.entry.js +6 -1
- package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +3 -3
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-empty-state_2.cjs.entry.js +6 -3
- package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +4 -5
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +4 -5
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +7 -8
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +6 -7
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +3 -3
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +13 -4
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +9 -6
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +7 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +6 -7
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +5 -6
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +4 -4
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +1 -1
- package/dist/cjs/ic-pagination_4.cjs.entry.js +36 -7
- package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +9 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +5 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +7 -3
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +5 -5
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +6 -2
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +5 -2
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +20 -20
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +3 -0
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +7 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +10 -6
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-item.cjs.entry.js +13 -4
- package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-view.cjs.entry.js +16 -4
- package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +4 -1
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +22 -10
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
- package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +10 -0
- package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.css +10 -0
- package/dist/collection/components/ic-data-table/ic-data-table.js +70 -59
- package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
- package/dist/collection/components/ic-data-table/story-data.js +86 -2
- package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
- package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +38 -0
- package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
- package/dist/collection/components/ic-date-input/ic-date-input.css +2 -1
- package/dist/collection/components/ic-date-input/ic-date-input.js +8 -1
- package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
- package/dist/collection/components/ic-date-picker/ic-date-picker.js +8 -1
- package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +4 -1
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
- package/dist/collection/components/ic-tree-item/ic-tree-item.css +20 -3
- package/dist/collection/components/ic-tree-item/ic-tree-item.js +31 -3
- package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
- package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +3 -0
- package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -1
- package/dist/collection/components/ic-tree-view/ic-tree-view.css +16 -2
- package/dist/collection/components/ic-tree-view/ic-tree-view.js +51 -1
- package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
- package/dist/collection/utils/helpers.js +21 -24
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js +6 -6
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +30 -26
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/helpers2.js +16 -16
- package/dist/components/helpers2.js.map +1 -1
- package/dist/components/ic-accordion.js +9 -1
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +2 -2
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-badge.js +2 -2
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-button2.js +11 -8
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-horizontal.js +20 -9
- package/dist/components/ic-card-horizontal.js.map +1 -1
- package/dist/components/ic-card-vertical.js +18 -7
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +5 -0
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +5 -0
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +11 -4
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-data-table.js +71 -60
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-date-input2.js +8 -2
- package/dist/components/ic-date-input2.js.map +1 -1
- package/dist/components/ic-date-picker.js +7 -1
- package/dist/components/ic-date-picker.js.map +1 -1
- package/dist/components/ic-divider2.js +4 -4
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +5 -6
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +5 -6
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +8 -9
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +7 -8
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +3 -3
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +13 -2
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-link2.js +10 -7
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-menu-item2.js +9 -1
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +3 -3
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +7 -8
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +6 -7
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +5 -5
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-pagination-bar2.js +4 -1
- package/dist/components/ic-pagination-bar2.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +6 -1
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination2.js +5 -0
- package/dist/components/ic-pagination2.js.map +1 -1
- package/dist/components/ic-radio-group.js +8 -0
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +6 -1
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +8 -3
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-select2.js +10 -3
- package/dist/components/ic-select2.js.map +1 -1
- package/dist/components/ic-side-navigation.js +6 -6
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-switch.js +8 -3
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab.js +5 -2
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +22 -6
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +22 -22
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +3 -0
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +9 -1
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-top-navigation.js +11 -7
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-tree-item.js +15 -4
- package/dist/components/ic-tree-item.js.map +1 -1
- package/dist/components/ic-tree-view.js +19 -4
- package/dist/components/ic-tree-view.js.map +1 -1
- package/dist/core/core.css +63 -43
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-690d0bbd.entry.js → p-006d37d0.entry.js} +2 -2
- package/dist/core/p-006d37d0.entry.js.map +1 -0
- package/dist/core/p-06cda732.entry.js +2 -0
- package/dist/core/p-06cda732.entry.js.map +1 -0
- package/dist/core/{p-6f92ee7a.entry.js → p-07881c14.entry.js} +2 -2
- package/dist/core/{p-e4b9221b.entry.js → p-1084a7f9.entry.js} +2 -2
- package/dist/core/p-1084a7f9.entry.js.map +1 -0
- package/dist/core/p-1893f635.entry.js +2 -0
- package/dist/core/p-1893f635.entry.js.map +1 -0
- package/dist/core/{p-3106c4fd.entry.js → p-19f85b60.entry.js} +2 -2
- package/dist/core/p-21f6619f.entry.js +2 -0
- package/dist/core/p-21f6619f.entry.js.map +1 -0
- package/dist/core/{p-70543f44.entry.js → p-2412ba0b.entry.js} +2 -2
- package/dist/core/p-2664bfab.entry.js +2 -0
- package/dist/core/p-2664bfab.entry.js.map +1 -0
- package/dist/core/{p-9235425c.entry.js → p-26a41692.entry.js} +2 -2
- package/dist/core/p-29a86adf.entry.js +2 -0
- package/dist/core/p-29a86adf.entry.js.map +1 -0
- package/dist/core/p-2c38ff71.entry.js +2 -0
- package/dist/core/p-2c38ff71.entry.js.map +1 -0
- package/dist/core/p-324be8cf.entry.js +2 -0
- package/dist/core/p-324be8cf.entry.js.map +1 -0
- package/dist/core/{p-160de322.entry.js → p-3272931c.entry.js} +2 -2
- package/dist/core/p-34e57694.entry.js +2 -0
- package/dist/core/p-34e57694.entry.js.map +1 -0
- package/dist/core/{p-0687cc81.entry.js → p-35caddb3.entry.js} +2 -2
- package/dist/core/p-35caddb3.entry.js.map +1 -0
- package/dist/core/{p-3bbfefcc.entry.js → p-38aca488.entry.js} +2 -2
- package/dist/core/p-38aca488.entry.js.map +1 -0
- package/dist/core/{p-91cf88d6.entry.js → p-39190da3.entry.js} +2 -2
- package/dist/core/p-39190da3.entry.js.map +1 -0
- package/dist/core/p-3ae329ab.entry.js +2 -0
- package/dist/core/p-3ae329ab.entry.js.map +1 -0
- package/dist/core/{p-f5d1e747.entry.js → p-3b84953c.entry.js} +2 -2
- package/dist/core/{p-3b3a8108.entry.js → p-3bc4bc81.entry.js} +2 -2
- package/dist/core/{p-fca3589b.entry.js → p-47f2f713.entry.js} +2 -2
- package/dist/core/{p-b2389339.js → p-4bcd86cf.js} +2 -2
- package/dist/core/p-4bcd86cf.js.map +1 -0
- package/dist/core/{p-29623ad5.entry.js → p-5284ccab.entry.js} +2 -2
- package/dist/core/p-5284ccab.entry.js.map +1 -0
- package/dist/core/{p-c4dc8fdf.entry.js → p-5d749879.entry.js} +2 -2
- package/dist/core/{p-7c843bc8.entry.js → p-670c10af.entry.js} +2 -2
- package/dist/core/p-670c10af.entry.js.map +1 -0
- package/dist/core/{p-dd3a9cb1.entry.js → p-68eb216b.entry.js} +2 -2
- package/dist/core/{p-ffe923ae.entry.js → p-6a2ed698.entry.js} +2 -2
- package/dist/core/{p-bdce46ca.entry.js → p-6aa0f42b.entry.js} +2 -2
- package/dist/core/p-6aa0f42b.entry.js.map +1 -0
- package/dist/core/p-6d179eed.entry.js +2 -0
- package/dist/core/p-6d179eed.entry.js.map +1 -0
- package/dist/core/p-7765a219.entry.js +2 -0
- package/dist/core/p-7765a219.entry.js.map +1 -0
- package/dist/core/p-77a98aa2.entry.js +2 -0
- package/dist/core/p-77a98aa2.entry.js.map +1 -0
- package/dist/core/{p-7e358f32.entry.js → p-78f747ee.entry.js} +2 -2
- package/dist/core/p-78f747ee.entry.js.map +1 -0
- package/dist/core/{p-bd5aada7.entry.js → p-7a9de1bb.entry.js} +2 -2
- package/dist/core/{p-25597c03.js → p-808715e2.js} +2 -2
- package/dist/core/p-808715e2.js.map +1 -0
- package/dist/core/{p-9da6df82.entry.js → p-83f39782.entry.js} +2 -2
- package/dist/core/{p-acb0eddb.entry.js → p-8e300091.entry.js} +2 -2
- package/dist/core/{p-3d478ba9.entry.js → p-92398f47.entry.js} +2 -2
- package/dist/core/{p-3d478ba9.entry.js.map → p-92398f47.entry.js.map} +1 -1
- package/dist/core/{p-b4eb1c6d.entry.js → p-95d1c9e6.entry.js} +2 -2
- package/dist/core/{p-b4dd4835.entry.js → p-9b600ef3.entry.js} +2 -2
- package/dist/core/p-9b600ef3.entry.js.map +1 -0
- package/dist/core/{p-c894bc8f.entry.js → p-a0dfd2cf.entry.js} +2 -2
- package/dist/core/p-a0dfd2cf.entry.js.map +1 -0
- package/dist/core/p-a7cda2d6.entry.js +2 -0
- package/dist/core/p-a7cda2d6.entry.js.map +1 -0
- package/dist/core/p-aa876e5e.entry.js +2 -0
- package/dist/core/p-aa876e5e.entry.js.map +1 -0
- package/dist/core/p-b047cd84.entry.js +2 -0
- package/dist/core/p-b047cd84.entry.js.map +1 -0
- package/dist/core/p-b1c68968.entry.js +2 -0
- package/dist/core/p-b1c68968.entry.js.map +1 -0
- package/dist/core/{p-a67c358a.entry.js → p-b7e5b682.entry.js} +2 -2
- package/dist/core/{p-df05b999.entry.js → p-b9081a99.entry.js} +2 -2
- package/dist/core/p-b9081a99.entry.js.map +1 -0
- package/dist/core/{p-47ae7d10.entry.js → p-c6bdbee1.entry.js} +2 -2
- package/dist/core/p-c6bdbee1.entry.js.map +1 -0
- package/dist/core/p-ca4bfffd.entry.js +2 -0
- package/dist/core/p-ca4bfffd.entry.js.map +1 -0
- package/dist/core/p-ccd141a9.entry.js +2 -0
- package/dist/core/p-ccd141a9.entry.js.map +1 -0
- package/dist/core/{p-e532fa26.entry.js → p-d5648fdc.entry.js} +2 -2
- package/dist/core/p-d5648fdc.entry.js.map +1 -0
- package/dist/core/p-d7bc2e7f.entry.js +2 -0
- package/dist/core/p-d7bc2e7f.entry.js.map +1 -0
- package/dist/core/{p-43891495.entry.js → p-d981ef7a.entry.js} +2 -2
- package/dist/core/{p-43891495.entry.js.map → p-d981ef7a.entry.js.map} +1 -1
- package/dist/core/{p-bc7d33e1.entry.js → p-e0b556b4.entry.js} +2 -2
- package/dist/core/p-e0b556b4.entry.js.map +1 -0
- package/dist/core/{p-10afa533.entry.js → p-eb6e3878.entry.js} +2 -2
- package/dist/core/{p-40f94113.entry.js → p-efd608ab.entry.js} +2 -2
- package/dist/core/{p-f08723ca.entry.js → p-f02d5539.entry.js} +2 -2
- package/dist/core/p-f95e52d8.entry.js +2 -0
- package/dist/core/p-f95e52d8.entry.js.map +1 -0
- package/dist/core/{p-a0c3f221.entry.js → p-fafc157b.entry.js} +2 -2
- package/dist/core/p-fafc157b.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-d399f9c8.js → helpers-759bbf51.js} +17 -17
- package/dist/esm/{helpers-d399f9c8.js.map → helpers-759bbf51.js.map} +1 -1
- package/dist/esm/{helpers-d3091c8c.js → helpers-fcc7a364.js} +31 -27
- package/dist/esm/helpers-fcc7a364.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +1 -1
- package/dist/esm/ic-accordion.entry.js +8 -1
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +2 -2
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +1 -1
- package/dist/esm/ic-badge.entry.js +2 -2
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +1 -1
- package/dist/esm/ic-button_3.entry.js +10 -7
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +17 -8
- package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +15 -6
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +5 -1
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +5 -1
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +9 -4
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +1 -1
- package/dist/esm/ic-data-table-title-bar.entry.js +1 -1
- package/dist/esm/ic-data-table.entry.js +72 -61
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-input.entry.js +7 -2
- package/dist/esm/ic-date-input.entry.js.map +1 -1
- package/dist/esm/ic-date-picker.entry.js +6 -1
- package/dist/esm/ic-date-picker.entry.js.map +1 -1
- package/dist/esm/ic-dialog.entry.js +1 -1
- package/dist/esm/ic-divider.entry.js +3 -3
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-empty-state_2.entry.js +6 -3
- package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +4 -5
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +4 -5
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +7 -8
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +6 -7
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +3 -3
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +13 -4
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +1 -1
- package/dist/esm/ic-link.entry.js +9 -6
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +1 -1
- package/dist/esm/ic-menu-item.entry.js +7 -1
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +6 -7
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +5 -6
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +4 -4
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +1 -1
- package/dist/esm/ic-page-header.entry.js +1 -1
- package/dist/esm/ic-pagination_4.entry.js +36 -7
- 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 +9 -1
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +5 -1
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +7 -3
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +5 -5
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +1 -1
- package/dist/esm/ic-step.entry.js +1 -1
- package/dist/esm/ic-stepper.entry.js +1 -1
- package/dist/esm/ic-switch.entry.js +6 -2
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +1 -1
- package/dist/esm/ic-tab-panel.entry.js +1 -1
- package/dist/esm/ic-tab.entry.js +5 -2
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +20 -20
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +3 -0
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +7 -1
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +10 -6
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-tree-item.entry.js +13 -4
- package/dist/esm/ic-tree-item.entry.js.map +1 -1
- package/dist/esm/ic-tree-view.entry.js +16 -4
- package/dist/esm/ic-tree-view.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +4 -3
- package/dist/types/components/ic-data-table/ic-data-table.d.ts +2 -0
- package/dist/types/components/ic-data-table/story-data.d.ts +78 -0
- package/dist/types/components/ic-date-input/ic-date-input.d.ts +1 -0
- package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +1 -0
- package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +6 -0
- package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +9 -0
- package/dist/types/components.d.ts +24 -0
- package/dist/types/utils/helpers.d.ts +9 -9
- package/dist/types/utils/types.d.ts +5 -5
- package/hydrate/index.js +403 -233
- package/package.json +3 -3
- package/dist/cjs/helpers-55099147.js.map +0 -1
- package/dist/core/p-006afa83.entry.js +0 -2
- package/dist/core/p-006afa83.entry.js.map +0 -1
- package/dist/core/p-0687cc81.entry.js.map +0 -1
- package/dist/core/p-12b1db1b.entry.js +0 -2
- package/dist/core/p-12b1db1b.entry.js.map +0 -1
- package/dist/core/p-199ce579.entry.js +0 -2
- package/dist/core/p-199ce579.entry.js.map +0 -1
- package/dist/core/p-25597c03.js.map +0 -1
- package/dist/core/p-29623ad5.entry.js.map +0 -1
- package/dist/core/p-2d6fffa4.entry.js +0 -2
- package/dist/core/p-2d6fffa4.entry.js.map +0 -1
- package/dist/core/p-31082e64.entry.js +0 -2
- package/dist/core/p-31082e64.entry.js.map +0 -1
- package/dist/core/p-3bbfefcc.entry.js.map +0 -1
- package/dist/core/p-47ae7d10.entry.js.map +0 -1
- package/dist/core/p-59d48811.entry.js +0 -2
- package/dist/core/p-59d48811.entry.js.map +0 -1
- package/dist/core/p-690d0bbd.entry.js.map +0 -1
- package/dist/core/p-6f7cf143.entry.js +0 -2
- package/dist/core/p-6f7cf143.entry.js.map +0 -1
- package/dist/core/p-7a1f1e0d.entry.js +0 -2
- package/dist/core/p-7a1f1e0d.entry.js.map +0 -1
- package/dist/core/p-7c843bc8.entry.js.map +0 -1
- package/dist/core/p-7e358f32.entry.js.map +0 -1
- package/dist/core/p-81da002e.entry.js +0 -2
- package/dist/core/p-81da002e.entry.js.map +0 -1
- package/dist/core/p-83c09d8d.entry.js +0 -2
- package/dist/core/p-83c09d8d.entry.js.map +0 -1
- package/dist/core/p-8d933976.entry.js +0 -2
- package/dist/core/p-8d933976.entry.js.map +0 -1
- package/dist/core/p-91cf88d6.entry.js.map +0 -1
- package/dist/core/p-92f443aa.entry.js +0 -2
- package/dist/core/p-92f443aa.entry.js.map +0 -1
- package/dist/core/p-982deb94.entry.js +0 -2
- package/dist/core/p-982deb94.entry.js.map +0 -1
- package/dist/core/p-99c76218.entry.js +0 -2
- package/dist/core/p-99c76218.entry.js.map +0 -1
- package/dist/core/p-9ae77f11.entry.js +0 -2
- package/dist/core/p-9ae77f11.entry.js.map +0 -1
- package/dist/core/p-a0c3f221.entry.js.map +0 -1
- package/dist/core/p-b2389339.js.map +0 -1
- package/dist/core/p-b4dd4835.entry.js.map +0 -1
- package/dist/core/p-bc7d33e1.entry.js.map +0 -1
- package/dist/core/p-bdce46ca.entry.js.map +0 -1
- package/dist/core/p-be7bc371.entry.js +0 -2
- package/dist/core/p-be7bc371.entry.js.map +0 -1
- package/dist/core/p-c12f3582.entry.js +0 -2
- package/dist/core/p-c12f3582.entry.js.map +0 -1
- package/dist/core/p-c5ea1e19.entry.js +0 -2
- package/dist/core/p-c5ea1e19.entry.js.map +0 -1
- package/dist/core/p-c894bc8f.entry.js.map +0 -1
- package/dist/core/p-df05b999.entry.js.map +0 -1
- package/dist/core/p-e4b9221b.entry.js.map +0 -1
- package/dist/core/p-e532fa26.entry.js.map +0 -1
- package/dist/core/p-e89e5ec8.entry.js +0 -2
- package/dist/core/p-e89e5ec8.entry.js.map +0 -1
- package/dist/core/p-f4414801.entry.js +0 -2
- package/dist/core/p-f4414801.entry.js.map +0 -1
- package/dist/esm/helpers-d3091c8c.js.map +0 -1
- /package/dist/core/{p-6f92ee7a.entry.js.map → p-07881c14.entry.js.map} +0 -0
- /package/dist/core/{p-3106c4fd.entry.js.map → p-19f85b60.entry.js.map} +0 -0
- /package/dist/core/{p-70543f44.entry.js.map → p-2412ba0b.entry.js.map} +0 -0
- /package/dist/core/{p-9235425c.entry.js.map → p-26a41692.entry.js.map} +0 -0
- /package/dist/core/{p-160de322.entry.js.map → p-3272931c.entry.js.map} +0 -0
- /package/dist/core/{p-f5d1e747.entry.js.map → p-3b84953c.entry.js.map} +0 -0
- /package/dist/core/{p-3b3a8108.entry.js.map → p-3bc4bc81.entry.js.map} +0 -0
- /package/dist/core/{p-fca3589b.entry.js.map → p-47f2f713.entry.js.map} +0 -0
- /package/dist/core/{p-c4dc8fdf.entry.js.map → p-5d749879.entry.js.map} +0 -0
- /package/dist/core/{p-dd3a9cb1.entry.js.map → p-68eb216b.entry.js.map} +0 -0
- /package/dist/core/{p-ffe923ae.entry.js.map → p-6a2ed698.entry.js.map} +0 -0
- /package/dist/core/{p-bd5aada7.entry.js.map → p-7a9de1bb.entry.js.map} +0 -0
- /package/dist/core/{p-9da6df82.entry.js.map → p-83f39782.entry.js.map} +0 -0
- /package/dist/core/{p-acb0eddb.entry.js.map → p-8e300091.entry.js.map} +0 -0
- /package/dist/core/{p-b4eb1c6d.entry.js.map → p-95d1c9e6.entry.js.map} +0 -0
- /package/dist/core/{p-a67c358a.entry.js.map → p-b7e5b682.entry.js.map} +0 -0
- /package/dist/core/{p-10afa533.entry.js.map → p-eb6e3878.entry.js.map} +0 -0
- /package/dist/core/{p-40f94113.entry.js.map → p-efd608ab.entry.js.map} +0 -0
- /package/dist/core/{p-f08723ca.entry.js.map → p-f02d5539.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
@@ -7539,12 +7539,12 @@ var IcInformationStatus$1;
|
|
7539
7539
|
IcInformationStatus["Error"] = "error";
|
7540
7540
|
IcInformationStatus["Success"] = "success";
|
7541
7541
|
})(IcInformationStatus$1 || (IcInformationStatus$1 = {}));
|
7542
|
-
var
|
7543
|
-
(function (
|
7544
|
-
|
7545
|
-
|
7546
|
-
|
7547
|
-
})(
|
7542
|
+
var IcBrandForegroundEnum$1;
|
7543
|
+
(function (IcBrandForegroundEnum) {
|
7544
|
+
IcBrandForegroundEnum["Default"] = "default";
|
7545
|
+
IcBrandForegroundEnum["Dark"] = "dark";
|
7546
|
+
IcBrandForegroundEnum["Light"] = "light";
|
7547
|
+
})(IcBrandForegroundEnum$1 || (IcBrandForegroundEnum$1 = {}));
|
7548
7548
|
|
7549
7549
|
var errorIcon = `<svg aria-labelledby="error-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">
|
7550
7550
|
<title id="error-title">Error</title>
|
@@ -7795,9 +7795,9 @@ const getInputDescribedByText$1 = (inputId, helperText, validationText) => `${he
|
|
7795
7795
|
* are part of an IC component.
|
7796
7796
|
*
|
7797
7797
|
* ""
|
7798
|
-
* @returns
|
7798
|
+
* @returns IcBrandForeground depending on the context
|
7799
7799
|
*/
|
7800
|
-
const
|
7800
|
+
const getBrandFromContext$1 = (el, brandFromEvent = null) => {
|
7801
7801
|
var _a;
|
7802
7802
|
const parentElement = el.parentElement || el.getRootNode().host.parentElement;
|
7803
7803
|
const blockColorParent = parentElement.closest(IC_BLOCK_COLOR_COMPONENTS$1.join(","));
|
@@ -7806,19 +7806,19 @@ const getThemeFromContext$1 = (el, themeFromEvent = null) => {
|
|
7806
7806
|
const parentTag = blockColorParent.tagName.toLowerCase();
|
7807
7807
|
const currentTag = el.tagName.toLowerCase();
|
7808
7808
|
if ((_a = IC_BLOCK_COLOR_EXCEPTIONS$1[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(currentTag)) {
|
7809
|
-
return
|
7809
|
+
return IcBrandForegroundEnum$1.Default;
|
7810
7810
|
}
|
7811
|
-
else if (
|
7811
|
+
else if (brandFromEvent !== null &&
|
7812
7812
|
!IC_FIXED_COLOR_COMPONENTS$1.includes(parentTag)) {
|
7813
|
-
return
|
7813
|
+
return brandFromEvent;
|
7814
7814
|
}
|
7815
|
-
else if (blockColorParent.classList.contains(`${parentTag}-${
|
7816
|
-
blockColorParent.classList.contains(
|
7817
|
-
return
|
7815
|
+
else if (blockColorParent.classList.contains(`${parentTag}-${IcBrandForegroundEnum$1.Dark}`) ||
|
7816
|
+
blockColorParent.classList.contains(IcBrandForegroundEnum$1.Dark)) {
|
7817
|
+
return IcBrandForegroundEnum$1.Dark;
|
7818
7818
|
}
|
7819
|
-
return
|
7819
|
+
return IcBrandForegroundEnum$1.Light;
|
7820
7820
|
}
|
7821
|
-
return
|
7821
|
+
return IcBrandForegroundEnum$1.Default;
|
7822
7822
|
};
|
7823
7823
|
/**
|
7824
7824
|
* Checks if the current device is a mobile or tablet device.
|
@@ -7934,13 +7934,13 @@ const getCssProperty$1 = (cssVar) => getComputedStyle(document.documentElement).
|
|
7934
7934
|
* Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:
|
7935
7935
|
* - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast
|
7936
7936
|
* - Adding them together and dividing by 1000
|
7937
|
-
* This is a similar calculation to its CSS counterpart: "--ic-
|
7937
|
+
* This is a similar calculation to its CSS counterpart: "--ic-brand-text-color"
|
7938
7938
|
* @returns number representing the brightness of the theme colour
|
7939
7939
|
*/
|
7940
|
-
const
|
7941
|
-
const themeRed = getCssProperty$1("--ic-
|
7942
|
-
const themeGreen = getCssProperty$1("--ic-
|
7943
|
-
const themeBlue = getCssProperty$1("--ic-
|
7940
|
+
const getBrandColorBrightness = () => {
|
7941
|
+
const themeRed = getCssProperty$1("--ic-brand-color-primary-r");
|
7942
|
+
const themeGreen = getCssProperty$1("--ic-brand-color-primary-g");
|
7943
|
+
const themeBlue = getCssProperty$1("--ic-brand-color-primary-b");
|
7944
7944
|
return ((parseInt(themeRed) * 299 +
|
7945
7945
|
parseInt(themeGreen) * 587 +
|
7946
7946
|
parseInt(themeBlue) * 114) /
|
@@ -7949,11 +7949,11 @@ const getThemeColorBrightness = () => {
|
|
7949
7949
|
/**
|
7950
7950
|
* Returns if dark or light foreground colors should be used for color contrast reasons
|
7951
7951
|
* @returns "dark" or "light"
|
7952
|
-
* @param brightness - Optional custom brightness value. Defaults to `
|
7952
|
+
* @param brightness - Optional custom brightness value. Defaults to `getBrandColorBrightness`
|
7953
7953
|
*/
|
7954
|
-
const
|
7955
|
-
?
|
7956
|
-
:
|
7954
|
+
const getBrandForegroundAppearance = (brightness = getBrandColorBrightness()) => brightness > DARK_MODE_THRESHOLD
|
7955
|
+
? IcBrandForegroundEnum$1.Dark
|
7956
|
+
: IcBrandForegroundEnum$1.Light;
|
7957
7957
|
const getSlot = (element, name) => {
|
7958
7958
|
if (element && element.querySelector) {
|
7959
7959
|
return element.querySelector(`[slot="${name}"]`);
|
@@ -8074,6 +8074,10 @@ const removeFormResetListener$1 = (el, callbackFn) => {
|
|
8074
8074
|
(_a = el.closest("FORM")) === null || _a === void 0 ? void 0 : _a.removeEventListener("reset", callbackFn);
|
8075
8075
|
};
|
8076
8076
|
const pxToRem$1 = (px, base = 16) => `${(1 / base) * parseInt(px)}rem`;
|
8077
|
+
/**
|
8078
|
+
* Removes the disabled attribute from the provided element when its value is set to false.
|
8079
|
+
* This effectively makes it null, to not confuse screen readers that cannot interpret the false value
|
8080
|
+
*/
|
8077
8081
|
const removeDisabledFalse$1 = (disabled, element) => {
|
8078
8082
|
if (!disabled) {
|
8079
8083
|
element.removeAttribute("disabled");
|
@@ -8165,6 +8169,9 @@ class Accordion {
|
|
8165
8169
|
this.size = "medium";
|
8166
8170
|
this.theme = "inherit";
|
8167
8171
|
}
|
8172
|
+
watchDisabledHandler() {
|
8173
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
8174
|
+
}
|
8168
8175
|
// Every time expanded is set via toggleExpanded or accordionGroup, animate to open or close
|
8169
8176
|
handleExpandedWatch() {
|
8170
8177
|
this.animateExpandedContent();
|
@@ -8177,6 +8184,9 @@ class Accordion {
|
|
8177
8184
|
this.accordionBtnHeading.focus();
|
8178
8185
|
}
|
8179
8186
|
}
|
8187
|
+
componentWillLoad() {
|
8188
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
8189
|
+
}
|
8180
8190
|
disconnectedCallback() {
|
8181
8191
|
if (this.expandedContentEl) {
|
8182
8192
|
this.expandedContentEl.removeEventListener("transitionend", (e) => this.setExpandedContentStyle(e, this.expandedContentEl), true);
|
@@ -8208,6 +8218,7 @@ class Accordion {
|
|
8208
8218
|
}
|
8209
8219
|
get el() { return getElement(this); }
|
8210
8220
|
static get watchers() { return {
|
8221
|
+
"disabled": ["watchDisabledHandler"],
|
8211
8222
|
"expanded": ["handleExpandedWatch"]
|
8212
8223
|
}; }
|
8213
8224
|
static get style() { return icAccordionCss; }
|
@@ -8421,7 +8432,7 @@ class Alert {
|
|
8421
8432
|
render() {
|
8422
8433
|
const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, } = this;
|
8423
8434
|
return (visible && (hAsync(Host, { role: announced ? "alert" : null, class: {
|
8424
|
-
[
|
8435
|
+
[IcBrandForegroundEnum$1.Dark]: true,
|
8425
8436
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
8426
8437
|
} }, hAsync("div", { class: {
|
8427
8438
|
["container"]: true,
|
@@ -8643,7 +8654,7 @@ class Badge {
|
|
8643
8654
|
if (colorRGBA) {
|
8644
8655
|
const { r, g, b, a } = colorRGBA;
|
8645
8656
|
this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;
|
8646
|
-
this.foregroundColour =
|
8657
|
+
this.foregroundColour = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);
|
8647
8658
|
}
|
8648
8659
|
};
|
8649
8660
|
this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber
|
@@ -9092,7 +9103,7 @@ var arrowDropdown$1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="non
|
|
9092
9103
|
<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
|
9093
9104
|
</svg>`;
|
9094
9105
|
|
9095
|
-
const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}/*!@.button,\n::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@:host(.with-badge) .button*/.with-badge.sc-ic-button-h .button.sc-ic-button{border-radius:0.2188rem}/*!@.button:hover,\n::slotted(a:hover)*/.button.sc-ic-button:hover,.sc-ic-button-s>a:hover{cursor:pointer}/*!@.button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible,\n::slotted(a:focus-visible)*/.button.sc-ic-button:focus-visible,.sc-ic-button-s>a:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button*/.ic-button-disabled.sc-ic-button-h,.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-disabled .sc-ic-button-s>a,.ic-button-loading.sc-ic-button-h,.ic-button-loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.top-icon) .button*/.top-icon.sc-ic-button-h .button.sc-ic-button{flex-direction:column;--height:fit-content}/*!@:host(.top-icon) .button .icon-container*/.top-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin-right:0}/*!@:host(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-icon-primary) .button*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}/*!@:host(.ic-button-variant-primary) ::slotted(a),\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}/*!@:host(.ic-button-variant-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) .button:hover*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover)}/*!@:host(.ic-button-variant-primary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:hover{background-color:var(--ic-button-primary-background-hover) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary) .button:active*/.ic-button-variant-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}/*!@:host(.ic-button-variant-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:active{background-color:var(--ic-button-primary-background-pressed) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button*/.ic-button-variant-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}/*!@:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-button-primary-background-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a{background-color:var(--ic-button-primary-background-monochrome) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-primary.monochrome) .button:hover*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-primary-background-hover-monochrome\n ) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button:active*/.ic-button-variant-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-primary-background-pressed-monochrome\n ) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button*/.ic-button-variant-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.monochrome .sc-ic-button-s>a{background-color:var(\n --ic-button-primary-background-disabled-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-icon-secondary) .button*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}/*!@:host(.ic-button-variant-secondary) ::slotted(a),\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important}/*!@:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) .button:hover*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-hover-active\n ) !important}/*!@:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) .button:active*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-pressed-active\n ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button*/.ic-button-variant-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n --loading-button-background,\n var(--ic-button-secondary-background-pressed-active)\n ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-text-pressed-active);--button-loading-outer-color:var(--ic-button-secondary-background-pressed)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button*/.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background) .button,\n:host(.ic-button-variant-icon-secondary.background) .button*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-secondary-background-non-transparent)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent\n ) !important}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button*/.ic-button-variant-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n )}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:hover,\n:host(.ic-button-variant-icon-secondary.background) .button:hover*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-hover\n ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:active,\n:host(.ic-button-variant-icon-secondary.background) .button:active*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n )}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.monochrome) .button*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:none;border:var(--ic-border-width) solid\n var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a{background-color:none !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:hover*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-hover-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:active*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button*/.ic-button-variant-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-secondary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-monochrome\n )}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button*/.ic-button-variant-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n .button,\n:host(\n .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n )\n .button*/.ic-button-variant-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n )}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n ::slotted(a),\n:host(\n .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n )\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n ) !important}/*!@:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-active)}/*!@:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) .button:hover*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-tertiary-background-hover-active\n ) !important}/*!@:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:active{background-color:var(\n --ic-button-tertiary-background-pressed-active\n ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button*/.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button,\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a)*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-tertiary-background-hover-monochrome\n ) !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-tertiary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n )}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button*/.ic-button-variant-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-icon-destructive) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}/*!@:host(.ic-button-variant-destructive) ::slotted(a),\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}/*!@:host(.ic-button-variant-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) .button:hover*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-destructive-background-hover)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:hover{background-color:var(--ic-button-destructive-background-hover) !important}/*!@:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:active{background-color:var(--ic-button-destructive-background-pressed) !important}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button*/.ic-button-variant-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled .sc-ic-button-s>a{background-color:var(--ic-button-destructive-background-disabled) !important}/*!@:host(.ic-button-variant-icon) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon) .button:hover*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}/*!@:host(.ic-button-variant-icon) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}/*!@:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon.ic-button-loading) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.ic-button-variant-icon.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti)}/*!@:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:active:not(:focus){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti) !important}/*!@:host(.ic-button-variant-icon.ic-button-disabled) .button*/.ic-button-variant-icon.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none !important}/*!@:host(.ic-button-variant-icon-primary) .button,\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-primary) .icon-container*/.ic-button-variant-icon-primary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:var(--ic-button-icon-monochrome)}/*!@:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-secondary) .icon-container*/.ic-button-variant-icon-secondary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-tertiary) .icon-container*/.ic-button-variant-icon-tertiary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-destructive) .icon-container*/.ic-button-variant-icon-destructive.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-size-medium) .button*/.ic-button-size-medium.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.ic-button-size-medium) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-small) .button*/.ic-button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.ic-button-size-small) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-large) .button*/.ic-button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.ic-button-size-large) ::slotted(a)*/.sc-ic-button-h.ic-button-size-large .sc-ic-button-s>a{height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}/*!@:host(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button*/.ic-button-size-medium.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}/*!@:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button*/.ic-button-size-small.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}/*!@:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button*/.ic-button-size-large.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a)*/.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}/*!@:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button*/.ic-button-full-width.sc-ic-button-h,.ic-button-full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@:host(.ic-button-full-width) ::slotted(a)*/.sc-ic-button-h.ic-button-full-width .sc-ic-button-s>a{width:100% !important}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}/*!@div.right-icon*/div.right-icon.sc-ic-button{margin-right:auto;margin-left:var(--ic-space-xs)}/*!@:host(.ic-button-full-width) .right-icon*/.ic-button-full-width.sc-ic-button-h .right-icon.sc-ic-button{margin-right:var(--ic-space-xs)}/*!@::slotted(:not(ic-badge))*/.sc-ic-button-s>:not(ic-badge){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.ic-button-variant-icon) .button .icon-container*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button.sc-ic-button-s>svg,.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.search-submit-button .button:not(:active):focus .sc-ic-button-s>svg{color:var(--ic-button-primary-text)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a)*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{background-color:inherit;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a{color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon) .icon-container*/.button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button:hover,\n:host(.button-variant-icon) ::slotted(a:hover)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) ::slotted(a)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.dismiss-icon) .button,\n:host(.clear-button) .button,\n:host(.dismiss-icon) ::slotted(a),\n:host(.clear-button) ::slotted(a)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button,.clear-button.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a{background-color:inherit;color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon) .button:hover,\n:host(.clear-button) .button:hover,\n:host(.dismiss-icon) ::slotted(a:hover),\n:host(.clear-button) ::slotted(a:hover)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button:hover,.clear-button.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a:hover,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a:hover,.clear-button .sc-ic-button-s>a:hover{color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon),\n:host(.clear-button)*/.dismiss-icon.sc-ic-button-h,.clear-button.sc-ic-button-h{color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}/*!@:host(.dismiss-icon) .button:focus,\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button:focus,.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n:host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}/*!@:host .arrow-dropdown*/.sc-ic-button-h .arrow-dropdown.sc-ic-button{margin-top:auto}/*!@:host .dropdown-expanded*/.sc-ic-button-h .dropdown-expanded.sc-ic-button{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}/*!@:host(.dropdown-no-icon) .button*/.dropdown-no-icon.sc-ic-button-h .button.sc-ic-button{padding-right:var(--ic-space-xs)}/*!@slot[name=\"router-item\"]::slotted(a)*/slot[name=\"router-item\"].sc-ic-button-s>a{pointer-events:all}/*!@::slotted(a)*/.sc-ic-button-s>a{font-size:0.875rem !important;border:none !important;vertical-align:middle !important}@media (forced-colors: active){/*!@.button,\n ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}/*!@.search-submit-button ::slotted(a),\n .ic-button-variant-icon ::slotted(a),\n .clear-button ::slotted(a),\n .search-submit-button ::slotted(svg),\n .ic-button-variant-icon ::slotted(svg),\n .clear-button ::slotted(svg)*/.search-submit-button .sc-ic-button-s>a,.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a,.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a,.search-submit-button.sc-ic-button-s>svg,.search-submit-button .sc-ic-button-s>svg,.ic-button-variant-icon.sc-ic-button-s>svg,.ic-button-variant-icon .sc-ic-button-s>svg,.clear-button.sc-ic-button-s>svg,.clear-button .sc-ic-button-s>svg{color:HighlightText}/*!@:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n :host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:white}/*!@:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n :host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{color:white !important;background-color:inherit}}/*!@:host(.flip) ::slotted(svg)*/.sc-ic-button-h.flip .sc-ic-button-s>svg{transform:scaleX(-1)}";
|
9106
|
+
const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}/*!@.button,\n::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@:host(.with-badge) .button*/.with-badge.sc-ic-button-h .button.sc-ic-button{border-radius:0.2188rem}/*!@.button:hover,\n::slotted(a:hover)*/.button.sc-ic-button:hover,.sc-ic-button-s>a:hover{cursor:pointer}/*!@.button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible,\n::slotted(a:focus-visible)*/.button.sc-ic-button:focus-visible,.sc-ic-button-s>a:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button*/.ic-button-disabled.sc-ic-button-h,.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-disabled .sc-ic-button-s>a,.ic-button-loading.sc-ic-button-h,.ic-button-loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.top-icon) .button*/.top-icon.sc-ic-button-h .button.sc-ic-button{flex-direction:column;--height:fit-content}/*!@:host(.top-icon) .button .icon-container*/.top-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin-right:0}/*!@:host(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-icon-primary) .button*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}/*!@:host(.ic-button-variant-primary) ::slotted(a),\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}/*!@:host(.ic-button-variant-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) .button:hover*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover)}/*!@:host(.ic-button-variant-primary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:hover{background-color:var(--ic-button-primary-background-hover) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary) .button:active*/.ic-button-variant-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}/*!@:host(.ic-button-variant-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:active{background-color:var(--ic-button-primary-background-pressed) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button*/.ic-button-variant-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}/*!@:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-button-primary-background-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a{background-color:var(--ic-button-primary-background-monochrome) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-primary.monochrome) .button:hover*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-primary-background-hover-monochrome\n ) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button:active*/.ic-button-variant-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-primary-background-pressed-monochrome\n ) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button*/.ic-button-variant-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.monochrome .sc-ic-button-s>a{background-color:var(\n --ic-button-primary-background-disabled-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-icon-secondary) .button*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}/*!@:host(.ic-button-variant-secondary) ::slotted(a),\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important}/*!@:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) .button:hover*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-hover-active\n ) !important}/*!@:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) .button:active*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-pressed-active\n ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button*/.ic-button-variant-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n --loading-button-background,\n var(--ic-button-secondary-background-pressed-active)\n ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-text-pressed-active);--button-loading-outer-color:var(--ic-button-secondary-background-pressed)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button*/.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background) .button,\n:host(.ic-button-variant-icon-secondary.background) .button*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-secondary-background-non-transparent)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent\n ) !important}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button*/.ic-button-variant-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n )}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:hover,\n:host(.ic-button-variant-icon-secondary.background) .button:hover*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-hover\n ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:active,\n:host(.ic-button-variant-icon-secondary.background) .button:active*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n )}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.monochrome) .button*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:none;border:var(--ic-border-width) solid\n var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a{background-color:none !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:hover*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-hover-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:active*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button*/.ic-button-variant-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-secondary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-monochrome\n )}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button*/.ic-button-variant-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n );color:var(--ic-button-primary-text)}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n .button,\n:host(\n .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n )\n .button*/.ic-button-variant-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n );color:var(--ic-button-secondary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n ::slotted(a),\n:host(\n .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n )\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n ) !important}/*!@:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-active)}/*!@:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) .button:hover*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-tertiary-background-hover-active\n ) !important}/*!@:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:active{background-color:var(\n --ic-button-tertiary-background-pressed-active\n ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button*/.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button,\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a)*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-tertiary-background-hover-monochrome\n ) !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-tertiary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n )}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button*/.ic-button-variant-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-icon-destructive) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}/*!@:host(.ic-button-variant-destructive) ::slotted(a),\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}/*!@:host(.ic-button-variant-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) .button:hover*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-destructive-background-hover)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:hover{background-color:var(--ic-button-destructive-background-hover) !important}/*!@:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:active{background-color:var(--ic-button-destructive-background-pressed) !important}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button*/.ic-button-variant-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled .sc-ic-button-s>a{background-color:var(--ic-button-destructive-background-disabled) !important}/*!@:host(.ic-button-variant-icon) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon) .button:hover*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}/*!@:host(.ic-button-variant-icon) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}/*!@:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon.ic-button-loading) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.ic-button-variant-icon.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti)}/*!@:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:active:not(:focus){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti) !important}/*!@:host(.ic-button-variant-icon.ic-button-disabled) .button*/.ic-button-variant-icon.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none !important}/*!@:host(.ic-button-variant-icon-primary) .button,\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-primary) .icon-container*/.ic-button-variant-icon-primary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:var(--ic-button-icon-monochrome)}/*!@:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-secondary) .icon-container*/.ic-button-variant-icon-secondary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-tertiary) .icon-container*/.ic-button-variant-icon-tertiary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-destructive) .icon-container*/.ic-button-variant-icon-destructive.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-size-medium) .button*/.ic-button-size-medium.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.ic-button-size-medium) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-small) .button*/.ic-button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.ic-button-size-small) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-large) .button*/.ic-button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.ic-button-size-large) ::slotted(a)*/.sc-ic-button-h.ic-button-size-large .sc-ic-button-s>a{height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}/*!@:host(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button*/.ic-button-size-medium.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}/*!@:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button*/.ic-button-size-small.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}/*!@:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button*/.ic-button-size-large.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a)*/.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}/*!@:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button*/.ic-button-full-width.sc-ic-button-h,.ic-button-full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@:host(.ic-button-full-width) ::slotted(a)*/.sc-ic-button-h.ic-button-full-width .sc-ic-button-s>a{width:100% !important}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}/*!@div.right-icon*/div.right-icon.sc-ic-button{margin-right:auto;margin-left:var(--ic-space-xs)}/*!@:host(.ic-button-full-width) .right-icon*/.ic-button-full-width.sc-ic-button-h .right-icon.sc-ic-button{margin-right:var(--ic-space-xs)}/*!@::slotted(:not(ic-badge))*/.sc-ic-button-s>:not(ic-badge){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.ic-button-variant-icon) .button .icon-container*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button.sc-ic-button-s>svg,.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.search-submit-button .button:not(:active):focus .sc-ic-button-s>svg{color:var(--ic-button-primary-text)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a)*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{background-color:inherit;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a{color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon) .icon-container*/.button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button:hover,\n:host(.button-variant-icon) ::slotted(a:hover)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) ::slotted(a)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.dismiss-icon) .button,\n:host(.clear-button) .button,\n:host(.dismiss-icon) ::slotted(a),\n:host(.clear-button) ::slotted(a)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button,.clear-button.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a{background-color:inherit;color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon) .button:hover,\n:host(.clear-button) .button:hover,\n:host(.dismiss-icon) ::slotted(a:hover),\n:host(.clear-button) ::slotted(a:hover)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button:hover,.clear-button.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a:hover,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a:hover,.clear-button .sc-ic-button-s>a:hover{color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon),\n:host(.clear-button)*/.dismiss-icon.sc-ic-button-h,.clear-button.sc-ic-button-h{color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}/*!@:host(.dismiss-icon) .button:focus,\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button:focus,.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n:host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}/*!@:host .arrow-dropdown*/.sc-ic-button-h .arrow-dropdown.sc-ic-button{margin-top:auto}/*!@:host .dropdown-expanded*/.sc-ic-button-h .dropdown-expanded.sc-ic-button{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}/*!@:host(.dropdown-no-icon) .button*/.dropdown-no-icon.sc-ic-button-h .button.sc-ic-button{padding-right:var(--ic-space-xs)}/*!@slot[name=\"router-item\"]::slotted(a)*/slot[name=\"router-item\"].sc-ic-button-s>a{pointer-events:all}/*!@::slotted(a)*/.sc-ic-button-s>a{font-size:0.875rem !important;border:none !important;vertical-align:middle !important}/*!@:host(#menu-button.ic-theme-light)*/#menu-button.ic-theme-light.sc-ic-button-h{--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-dark-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-dark-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(--ic-action-dark-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-dark-pressed);--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-dark\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-pressed-dark\n )}/*!@:host(#menu-button.ic-theme-dark)*/#menu-button.ic-theme-dark.sc-ic-button-h{--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-light-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-light-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(--ic-action-light-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-light-pressed);--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-light\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-default\n )}@media (forced-colors: active){/*!@.button,\n ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}/*!@.search-submit-button ::slotted(a),\n .ic-button-variant-icon ::slotted(a),\n .clear-button ::slotted(a),\n .search-submit-button ::slotted(svg),\n .ic-button-variant-icon ::slotted(svg),\n .clear-button ::slotted(svg)*/.search-submit-button .sc-ic-button-s>a,.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a,.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a,.search-submit-button.sc-ic-button-s>svg,.search-submit-button .sc-ic-button-s>svg,.ic-button-variant-icon.sc-ic-button-s>svg,.ic-button-variant-icon .sc-ic-button-s>svg,.clear-button.sc-ic-button-s>svg,.clear-button .sc-ic-button-s>svg{color:HighlightText}/*!@:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n :host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:white}/*!@:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n :host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{color:white !important;background-color:inherit}}/*!@:host(.flip) ::slotted(svg)*/.sc-ic-button-h.flip .sc-ic-button-s>svg{transform:scaleX(-1)}";
|
9096
9107
|
|
9097
9108
|
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
9098
9109
|
var t = {};
|
@@ -9287,7 +9298,7 @@ class Button {
|
|
9287
9298
|
}
|
9288
9299
|
}
|
9289
9300
|
}
|
9290
|
-
|
9301
|
+
brandChangeHandler({ detail }) {
|
9291
9302
|
this.updateTheme(detail.mode);
|
9292
9303
|
}
|
9293
9304
|
/**
|
@@ -9316,10 +9327,13 @@ class Button {
|
|
9316
9327
|
}
|
9317
9328
|
return !!this.routerSlot;
|
9318
9329
|
}
|
9319
|
-
updateTheme(
|
9320
|
-
const foregroundColor =
|
9321
|
-
if (foregroundColor !==
|
9322
|
-
this.theme =
|
9330
|
+
updateTheme(mode = null) {
|
9331
|
+
const foregroundColor = getBrandFromContext$1(this.el, mode);
|
9332
|
+
if (foregroundColor !== IcBrandForegroundEnum$1.Default) {
|
9333
|
+
this.theme =
|
9334
|
+
foregroundColor === IcBrandForegroundEnum$1.Light
|
9335
|
+
? IcBrandForegroundEnum$1.Dark
|
9336
|
+
: IcBrandForegroundEnum$1.Light;
|
9323
9337
|
this.monochrome = true;
|
9324
9338
|
}
|
9325
9339
|
}
|
@@ -9438,7 +9452,7 @@ class Button {
|
|
9438
9452
|
"title": [32],
|
9439
9453
|
"setFocus": [64]
|
9440
9454
|
},
|
9441
|
-
"$listeners$": [[2, "click", "handleHostClick"], [4, "
|
9455
|
+
"$listeners$": [[2, "click", "handleHostClick"], [4, "brandChange", "brandChangeHandler"]],
|
9442
9456
|
"$lazyBundleId$": "-",
|
9443
9457
|
"$attrsToReflect$": [["dropdownExpanded", "dropdown-expanded"]]
|
9444
9458
|
}; }
|
@@ -9462,12 +9476,12 @@ var IcInformationStatus;
|
|
9462
9476
|
IcInformationStatus["Error"] = "error";
|
9463
9477
|
IcInformationStatus["Success"] = "success";
|
9464
9478
|
})(IcInformationStatus || (IcInformationStatus = {}));
|
9465
|
-
var
|
9466
|
-
(function (
|
9467
|
-
|
9468
|
-
|
9469
|
-
|
9470
|
-
})(
|
9479
|
+
var IcBrandForegroundEnum;
|
9480
|
+
(function (IcBrandForegroundEnum) {
|
9481
|
+
IcBrandForegroundEnum["Default"] = "default";
|
9482
|
+
IcBrandForegroundEnum["Dark"] = "dark";
|
9483
|
+
IcBrandForegroundEnum["Light"] = "light";
|
9484
|
+
})(IcBrandForegroundEnum || (IcBrandForegroundEnum = {}));
|
9471
9485
|
var IcDateInputMonths;
|
9472
9486
|
(function (IcDateInputMonths) {
|
9473
9487
|
IcDateInputMonths[IcDateInputMonths["January"] = 0] = "January";
|
@@ -9579,9 +9593,9 @@ const renderHiddenInput = (always, container, name, value, disabled) => {
|
|
9579
9593
|
* are part of an IC component.
|
9580
9594
|
*
|
9581
9595
|
* ""
|
9582
|
-
* @returns
|
9596
|
+
* @returns IcBrandForeground depending on the context
|
9583
9597
|
*/
|
9584
|
-
const
|
9598
|
+
const getBrandFromContext = (el, brandFromEvent = null) => {
|
9585
9599
|
var _a;
|
9586
9600
|
const parentElement = el.parentElement || el.getRootNode().host.parentElement;
|
9587
9601
|
const blockColorParent = parentElement.closest(IC_BLOCK_COLOR_COMPONENTS.join(","));
|
@@ -9590,18 +9604,18 @@ const getThemeFromContext = (el, themeFromEvent = null) => {
|
|
9590
9604
|
const parentTag = blockColorParent.tagName.toLowerCase();
|
9591
9605
|
const currentTag = el.tagName.toLowerCase();
|
9592
9606
|
if ((_a = IC_BLOCK_COLOR_EXCEPTIONS[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(currentTag)) {
|
9593
|
-
return
|
9607
|
+
return IcBrandForegroundEnum.Default;
|
9594
9608
|
}
|
9595
|
-
else if (
|
9609
|
+
else if (brandFromEvent !== null &&
|
9596
9610
|
!IC_FIXED_COLOR_COMPONENTS.includes(parentTag)) {
|
9597
|
-
return
|
9611
|
+
return brandFromEvent;
|
9598
9612
|
}
|
9599
|
-
else if (blockColorParent.classList.contains(
|
9600
|
-
return
|
9613
|
+
else if (blockColorParent.classList.contains(IcBrandForegroundEnum.Dark)) {
|
9614
|
+
return IcBrandForegroundEnum.Dark;
|
9601
9615
|
}
|
9602
|
-
return
|
9616
|
+
return IcBrandForegroundEnum.Light;
|
9603
9617
|
}
|
9604
|
-
return
|
9618
|
+
return IcBrandForegroundEnum.Default;
|
9605
9619
|
};
|
9606
9620
|
const isEmptyString = (value) => value ? value.trim().length === 0 : true;
|
9607
9621
|
// A helper function that checks if a prop has been defined
|
@@ -9704,7 +9718,7 @@ const addDataToPosition = (dataObject, newKeys, newValue) => {
|
|
9704
9718
|
return newData;
|
9705
9719
|
};
|
9706
9720
|
|
9707
|
-
const icCardHorizontalCss = "/*!@html*/html.sc-ic-card-horizontal{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-card-horizontal{margin:0}/*!@main*/main.sc-ic-card-horizontal{display:block}/*!@h1*/h1.sc-ic-card-horizontal{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-card-horizontal{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-card-horizontal{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-card-horizontal{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-card-horizontal{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-card-horizontal,strong.sc-ic-card-horizontal{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-card-horizontal,kbd.sc-ic-card-horizontal,samp.sc-ic-card-horizontal{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-card-horizontal{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-card-horizontal,sup.sc-ic-card-horizontal{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-card-horizontal{bottom:-0.25em}/*!@sup*/sup.sc-ic-card-horizontal{top:-0.5em}/*!@img*/img.sc-ic-card-horizontal{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card-horizontal,input.sc-ic-card-horizontal,optgroup.sc-ic-card-horizontal,select.sc-ic-card-horizontal,textarea.sc-ic-card-horizontal{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-card-horizontal,input.sc-ic-card-horizontal{overflow:visible}/*!@button,\nselect*/button.sc-ic-card-horizontal,select.sc-ic-card-horizontal{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card-horizontal,[type=\"button\"].sc-ic-card-horizontal,[type=\"reset\"].sc-ic-card-horizontal,[type=\"submit\"].sc-ic-card-horizontal{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-card-horizontal::-moz-focus-inner,[type=\"button\"].sc-ic-card-horizontal::-moz-focus-inner,[type=\"reset\"].sc-ic-card-horizontal::-moz-focus-inner,[type=\"submit\"].sc-ic-card-horizontal::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-card-horizontal:-moz-focusring,[type=\"button\"].sc-ic-card-horizontal:-moz-focusring,[type=\"reset\"].sc-ic-card-horizontal:-moz-focusring,[type=\"submit\"].sc-ic-card-horizontal:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-card-horizontal{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-card-horizontal{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-card-horizontal{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-card-horizontal{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card-horizontal,[type=\"radio\"].sc-ic-card-horizontal{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card-horizontal::-webkit-inner-spin-button,[type=\"number\"].sc-ic-card-horizontal::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card-horizontal{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card-horizontal::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-card-horizontal::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-card-horizontal{display:block}/*!@summary*/summary.sc-ic-card-horizontal{display:list-item}/*!@template*/template.sc-ic-card-horizontal{display:none}/*!@[hidden]*/[hidden].sc-ic-card-horizontal{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-card-horizontal,body.sc-ic-card-horizontal,div.sc-ic-card-horizontal,span.sc-ic-card-horizontal,applet.sc-ic-card-horizontal,object.sc-ic-card-horizontal,iframe.sc-ic-card-horizontal,h1.sc-ic-card-horizontal,h2.sc-ic-card-horizontal,h3.sc-ic-card-horizontal,h4.sc-ic-card-horizontal,h5.sc-ic-card-horizontal,h6.sc-ic-card-horizontal,p.sc-ic-card-horizontal,blockquote.sc-ic-card-horizontal,pre.sc-ic-card-horizontal,a.sc-ic-card-horizontal,abbr.sc-ic-card-horizontal,acronym.sc-ic-card-horizontal,address.sc-ic-card-horizontal,big.sc-ic-card-horizontal,cite.sc-ic-card-horizontal,code.sc-ic-card-horizontal,del.sc-ic-card-horizontal,dfn.sc-ic-card-horizontal,em.sc-ic-card-horizontal,img.sc-ic-card-horizontal,ins.sc-ic-card-horizontal,kbd.sc-ic-card-horizontal,q.sc-ic-card-horizontal,s.sc-ic-card-horizontal,samp.sc-ic-card-horizontal,small.sc-ic-card-horizontal,strike.sc-ic-card-horizontal,strong.sc-ic-card-horizontal,sub.sc-ic-card-horizontal,sup.sc-ic-card-horizontal,tt.sc-ic-card-horizontal,var.sc-ic-card-horizontal,b.sc-ic-card-horizontal,u.sc-ic-card-horizontal,i.sc-ic-card-horizontal,center.sc-ic-card-horizontal,dl.sc-ic-card-horizontal,dt.sc-ic-card-horizontal,dd.sc-ic-card-horizontal,ol.sc-ic-card-horizontal,ul.sc-ic-card-horizontal,li.sc-ic-card-horizontal,fieldset.sc-ic-card-horizontal,form.sc-ic-card-horizontal,label.sc-ic-card-horizontal,legend.sc-ic-card-horizontal,table.sc-ic-card-horizontal,caption.sc-ic-card-horizontal,tbody.sc-ic-card-horizontal,tfoot.sc-ic-card-horizontal,thead.sc-ic-card-horizontal,tr.sc-ic-card-horizontal,th.sc-ic-card-horizontal,td.sc-ic-card-horizontal,article.sc-ic-card-horizontal,aside.sc-ic-card-horizontal,canvas.sc-ic-card-horizontal,details.sc-ic-card-horizontal,embed.sc-ic-card-horizontal,figure.sc-ic-card-horizontal,figcaption.sc-ic-card-horizontal,footer.sc-ic-card-horizontal,header.sc-ic-card-horizontal,hgroup.sc-ic-card-horizontal,menu.sc-ic-card-horizontal,nav.sc-ic-card-horizontal,output.sc-ic-card-horizontal,ruby.sc-ic-card-horizontal,section.sc-ic-card-horizontal,summary.sc-ic-card-horizontal,time.sc-ic-card-horizontal,mark.sc-ic-card-horizontal,audio.sc-ic-card-horizontal,video.sc-ic-card-horizontal{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-card-horizontal-h{display:flex;--card-max-width:548px;--image-size:114px;--message-max-lines:2}/*!@.card.small*/.card.small.sc-ic-card-horizontal{--card-max-width:360px}/*!@.card.large*/.card.large.sc-ic-card-horizontal{--card-max-width:720px;--image-size:142px;--message-max-lines:3}/*!@.card.extra-large*/.card.extra-large.sc-ic-card-horizontal{--card-max-width:1130px;--image-size:186px;--message-max-lines:5}/*!@a*/a.sc-ic-card-horizontal{text-decoration:none !important;color:var(--ic-card-text-primary) !important}/*!@button*/button.sc-ic-card-horizontal{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}/*!@.card,\n.card.clickable*/.card.sc-ic-card-horizontal,.card.clickable.sc-ic-card-horizontal{display:flex;flex-direction:row;border:var(--ic-space-1px) solid var(--ic-card-border-primary);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-card-text-primary);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}/*!@.dark.card,\n.dark.card.clickable*/.dark.card.sc-ic-card-horizontal,.dark.card.clickable.sc-ic-card-horizontal{border:var(--ic-border-width) solid\n var(--ic-color-border-neutral-pressed-dark)}/*!@.card.clickable:hover*/.card.clickable.sc-ic-card-horizontal:hover{background-color:var(--ic-card-background-hover);border:var(--ic-space-1px) solid var(--ic-card-hover-border-color);cursor:pointer}/*!@.card.clickable:focus,\n.card.clickable.focussed*/.card.clickable.sc-ic-card-horizontal:focus,.card.clickable.focussed.sc-ic-card-horizontal{background-color:var(--ic-card-background-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-space-1px) solid var(--ic-card-pressed-border-color)}/*!@.card.clickable:active*/.card.clickable.sc-ic-card-horizontal:active{background-color:var(--ic-card-background-pressed);box-shadow:var(--ic-border-focus)}/*!@.card.disabled*/.card.disabled.sc-ic-card-horizontal{border:var(--ic-space-1px) dashed var(--ic-card-disabled-border-color)}/*!@.card-header*/.card-header.sc-ic-card-horizontal{display:flex;align-items:center}/*!@.icon*/.icon.sc-ic-card-horizontal{display:flex;align-items:center;padding-right:var(--ic-space-xs)}/*!@.card ::slotted(svg)*/.card .sc-ic-card-horizontal-s>svg{fill:var(--ic-card-icon)}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-horizontal-s>svg{fill:var(--ic-card-disabled-text)}/*!@.card.clickable .card-title*/.card.clickable.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{--ic-typography-color:var(--ic-card-clickable-text);color:var(--ic-card-clickable-text);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}/*!@.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title*/.card.clickable.sc-ic-card-horizontal:hover .card-title.sc-ic-card-horizontal,.card.clickable.sc-ic-card-horizontal:focus .card-title.sc-ic-card-horizontal,.card.clickable.focussed.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}/*!@.card.clickable:active .card-title*/.card.clickable.sc-ic-card-horizontal:active .card-title.sc-ic-card-horizontal{text-decoration:none}/*!@.card.disabled .card-title*/.card.disabled.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-card-disabled-text);color:var(--ic-card-disabled-text);--ic-typography-color:var(--ic-card-disabled-text)}/*!@.card-message*/.card-message.sc-ic-card-horizontal{margin-top:var(--ic-space-xxxs);align-items:left}/*!@.card.disabled .card-message*/.card.disabled.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal{--ic-typography-color:var(--ic-card-disabled-text)}/*!@.image*/.image.sc-ic-card-horizontal{display:flex;height:var(--image-size);width:var(--image-size);border-radius:var(--ic-border-radius)}/*!@.card-content*/.card-content.sc-ic-card-horizontal{display:flex;flex-direction:column;padding:var(--ic-space-md)}/*!@.card .card-title ::slotted([slot=\"heading\"]),\n.card .card-title ic-typography p*/.card .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}/*!@.card.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-icon .card-title ic-typography p*/.card.with-icon .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-icon.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}/*!@.card.with-image .card-title ::slotted([slot=\"heading\"]),\n.card.with-image .card-title ic-typography p*/.card.with-image .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-image.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(\n var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n )}/*!@.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-image.with-icon .card-title ic-typography p*/.card.with-image.with-icon .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-image.with-icon.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(\n var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n )}/*!@.card .card-message ::slotted([slot=\"message\"]),\n.card .card-message ic-typography*/.card .card-message .sc-ic-card-horizontal-s>[slot=\"message\"],.card.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}@media (forced-colors: active){/*!@.card ::slotted(svg)*/.card .sc-ic-card-horizontal-s>svg{fill:currentcolor}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-horizontal-s>svg{fill:GrayText !important}/*!@.card.disabled*/.card.disabled.sc-ic-card-horizontal{border-color:GrayText !important}/*!@.card.disabled .card-message,\n .card.disabled .card-title*/.card.disabled.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal,.card.disabled.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{color:GrayText;--ic-typography-color:GrayText}}";
|
9721
|
+
const icCardHorizontalCss = "/*!@html*/html.sc-ic-card-horizontal{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-card-horizontal{margin:0}/*!@main*/main.sc-ic-card-horizontal{display:block}/*!@h1*/h1.sc-ic-card-horizontal{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-card-horizontal{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-card-horizontal{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-card-horizontal{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-card-horizontal{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-card-horizontal,strong.sc-ic-card-horizontal{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-card-horizontal,kbd.sc-ic-card-horizontal,samp.sc-ic-card-horizontal{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-card-horizontal{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-card-horizontal,sup.sc-ic-card-horizontal{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-card-horizontal{bottom:-0.25em}/*!@sup*/sup.sc-ic-card-horizontal{top:-0.5em}/*!@img*/img.sc-ic-card-horizontal{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card-horizontal,input.sc-ic-card-horizontal,optgroup.sc-ic-card-horizontal,select.sc-ic-card-horizontal,textarea.sc-ic-card-horizontal{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-card-horizontal,input.sc-ic-card-horizontal{overflow:visible}/*!@button,\nselect*/button.sc-ic-card-horizontal,select.sc-ic-card-horizontal{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card-horizontal,[type=\"button\"].sc-ic-card-horizontal,[type=\"reset\"].sc-ic-card-horizontal,[type=\"submit\"].sc-ic-card-horizontal{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-card-horizontal::-moz-focus-inner,[type=\"button\"].sc-ic-card-horizontal::-moz-focus-inner,[type=\"reset\"].sc-ic-card-horizontal::-moz-focus-inner,[type=\"submit\"].sc-ic-card-horizontal::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-card-horizontal:-moz-focusring,[type=\"button\"].sc-ic-card-horizontal:-moz-focusring,[type=\"reset\"].sc-ic-card-horizontal:-moz-focusring,[type=\"submit\"].sc-ic-card-horizontal:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-card-horizontal{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-card-horizontal{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-card-horizontal{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-card-horizontal{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card-horizontal,[type=\"radio\"].sc-ic-card-horizontal{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card-horizontal::-webkit-inner-spin-button,[type=\"number\"].sc-ic-card-horizontal::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card-horizontal{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card-horizontal::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-card-horizontal::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-card-horizontal{display:block}/*!@summary*/summary.sc-ic-card-horizontal{display:list-item}/*!@template*/template.sc-ic-card-horizontal{display:none}/*!@[hidden]*/[hidden].sc-ic-card-horizontal{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-card-horizontal,body.sc-ic-card-horizontal,div.sc-ic-card-horizontal,span.sc-ic-card-horizontal,applet.sc-ic-card-horizontal,object.sc-ic-card-horizontal,iframe.sc-ic-card-horizontal,h1.sc-ic-card-horizontal,h2.sc-ic-card-horizontal,h3.sc-ic-card-horizontal,h4.sc-ic-card-horizontal,h5.sc-ic-card-horizontal,h6.sc-ic-card-horizontal,p.sc-ic-card-horizontal,blockquote.sc-ic-card-horizontal,pre.sc-ic-card-horizontal,a.sc-ic-card-horizontal,abbr.sc-ic-card-horizontal,acronym.sc-ic-card-horizontal,address.sc-ic-card-horizontal,big.sc-ic-card-horizontal,cite.sc-ic-card-horizontal,code.sc-ic-card-horizontal,del.sc-ic-card-horizontal,dfn.sc-ic-card-horizontal,em.sc-ic-card-horizontal,img.sc-ic-card-horizontal,ins.sc-ic-card-horizontal,kbd.sc-ic-card-horizontal,q.sc-ic-card-horizontal,s.sc-ic-card-horizontal,samp.sc-ic-card-horizontal,small.sc-ic-card-horizontal,strike.sc-ic-card-horizontal,strong.sc-ic-card-horizontal,sub.sc-ic-card-horizontal,sup.sc-ic-card-horizontal,tt.sc-ic-card-horizontal,var.sc-ic-card-horizontal,b.sc-ic-card-horizontal,u.sc-ic-card-horizontal,i.sc-ic-card-horizontal,center.sc-ic-card-horizontal,dl.sc-ic-card-horizontal,dt.sc-ic-card-horizontal,dd.sc-ic-card-horizontal,ol.sc-ic-card-horizontal,ul.sc-ic-card-horizontal,li.sc-ic-card-horizontal,fieldset.sc-ic-card-horizontal,form.sc-ic-card-horizontal,label.sc-ic-card-horizontal,legend.sc-ic-card-horizontal,table.sc-ic-card-horizontal,caption.sc-ic-card-horizontal,tbody.sc-ic-card-horizontal,tfoot.sc-ic-card-horizontal,thead.sc-ic-card-horizontal,tr.sc-ic-card-horizontal,th.sc-ic-card-horizontal,td.sc-ic-card-horizontal,article.sc-ic-card-horizontal,aside.sc-ic-card-horizontal,canvas.sc-ic-card-horizontal,details.sc-ic-card-horizontal,embed.sc-ic-card-horizontal,figure.sc-ic-card-horizontal,figcaption.sc-ic-card-horizontal,footer.sc-ic-card-horizontal,header.sc-ic-card-horizontal,hgroup.sc-ic-card-horizontal,menu.sc-ic-card-horizontal,nav.sc-ic-card-horizontal,output.sc-ic-card-horizontal,ruby.sc-ic-card-horizontal,section.sc-ic-card-horizontal,summary.sc-ic-card-horizontal,time.sc-ic-card-horizontal,mark.sc-ic-card-horizontal,audio.sc-ic-card-horizontal,video.sc-ic-card-horizontal{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-card-horizontal-h{display:flex;--card-max-width:548px;--image-size:114px;--message-max-lines:2}/*!@.card.small*/.card.small.sc-ic-card-horizontal{--card-max-width:360px}/*!@.card.large*/.card.large.sc-ic-card-horizontal{--card-max-width:720px;--image-size:142px;--message-max-lines:3}/*!@.card.extra-large*/.card.extra-large.sc-ic-card-horizontal{--card-max-width:1130px;--image-size:186px;--message-max-lines:5}/*!@a*/a.sc-ic-card-horizontal{text-decoration:none !important;color:var(--ic-card-text-primary) !important}/*!@button*/button.sc-ic-card-horizontal{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}/*!@.card,\n.card.clickable*/.card.sc-ic-card-horizontal,.card.clickable.sc-ic-card-horizontal{display:flex;flex-direction:row;border:var(--ic-space-1px) solid var(--ic-card-border-primary);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-card-text-primary);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}/*!@.dark.card,\n.dark.card.clickable*/.dark.card.sc-ic-card-horizontal,.dark.card.clickable.sc-ic-card-horizontal{border:var(--ic-border-width) solid\n var(--ic-color-border-neutral-pressed-dark)}/*!@.card.clickable:hover*/.card.clickable.sc-ic-card-horizontal:hover{background-color:var(--ic-card-background-hover);border:var(--ic-space-1px) solid var(--ic-card-hover-border-color);cursor:pointer}/*!@.card.clickable:focus,\n.card.clickable.focussed*/.card.clickable.sc-ic-card-horizontal:focus,.card.clickable.focussed.sc-ic-card-horizontal{background-color:var(--ic-card-background-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-space-1px) solid var(--ic-card-pressed-border-color)}/*!@.card.clickable:active*/.card.clickable.sc-ic-card-horizontal:active{background-color:var(--ic-card-background-pressed);box-shadow:var(--ic-border-focus)}/*!@.card.disabled*/.card.disabled.sc-ic-card-horizontal{border:var(--ic-space-1px) dashed var(--ic-card-disabled-border-color)}/*!@.card-header*/.card-header.sc-ic-card-horizontal{display:flex;align-items:center}/*!@.icon*/.icon.sc-ic-card-horizontal{display:flex;align-items:center;padding-right:var(--ic-space-xs)}/*!@.card ::slotted(svg)*/.card .sc-ic-card-horizontal-s>svg{fill:var(--ic-card-icon)}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-horizontal-s>svg{fill:var(--ic-card-disabled-text)}/*!@.card.clickable .card-title*/.card.clickable.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{--ic-typography-color:var(--ic-card-clickable-text);color:var(--ic-card-clickable-text);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}/*!@.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title*/.card.clickable.sc-ic-card-horizontal:hover .card-title.sc-ic-card-horizontal,.card.clickable.sc-ic-card-horizontal:focus .card-title.sc-ic-card-horizontal,.card.clickable.focussed.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}/*!@.card.clickable:active .card-title*/.card.clickable.sc-ic-card-horizontal:active .card-title.sc-ic-card-horizontal{text-decoration:none}/*!@.card.disabled .card-title*/.card.disabled.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-card-disabled-text);color:var(--ic-card-disabled-text);--ic-typography-color:var(--ic-card-disabled-text)}/*!@.card-message*/.card-message.sc-ic-card-horizontal{margin-top:var(--ic-space-xxxs);align-items:left}/*!@.card.disabled .card-message*/.card.disabled.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal{--ic-typography-color:var(--ic-card-disabled-text)}/*!@.image*/.image.sc-ic-card-horizontal{display:flex;border-radius:var(--ic-border-radius)}/*!@.image ::slotted([slot=\"image\"])*/.image .sc-ic-card-horizontal-s>[slot=\"image\"]{height:var(--image-size);width:var(--image-size)}/*!@.card-content*/.card-content.sc-ic-card-horizontal{display:flex;flex-direction:column;padding:var(--ic-space-md)}/*!@.card .card-title ::slotted([slot=\"heading\"]),\n.card .card-title ic-typography p*/.card .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}/*!@.card.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-icon .card-title ic-typography p*/.card.with-icon .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-icon.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}/*!@.card.with-image .card-title ::slotted([slot=\"heading\"]),\n.card.with-image .card-title ic-typography p*/.card.with-image .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-image.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(\n var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n )}/*!@.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-image.with-icon .card-title ic-typography p*/.card.with-image.with-icon .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-image.with-icon.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(\n var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n )}/*!@.card .card-message ::slotted([slot=\"message\"]),\n.card .card-message ic-typography*/.card .card-message .sc-ic-card-horizontal-s>[slot=\"message\"],.card.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}@media (forced-colors: active){/*!@.card ::slotted(svg)*/.card .sc-ic-card-horizontal-s>svg{fill:currentcolor}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-horizontal-s>svg{fill:GrayText !important}/*!@.card.disabled*/.card.disabled.sc-ic-card-horizontal{border-color:GrayText !important}/*!@.card.disabled .card-message,\n .card.disabled .card-title*/.card.disabled.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal,.card.disabled.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{color:GrayText;--ic-typography-color:GrayText}}";
|
9708
9722
|
|
9709
9723
|
/**
|
9710
9724
|
* @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.
|
@@ -9743,6 +9757,9 @@ class Card {
|
|
9743
9757
|
this.target = undefined;
|
9744
9758
|
this.theme = "inherit";
|
9745
9759
|
}
|
9760
|
+
watchDisabledHandler() {
|
9761
|
+
removeDisabledFalse(this.disabled, this.el);
|
9762
|
+
}
|
9746
9763
|
disconnectedCallback() {
|
9747
9764
|
var _a;
|
9748
9765
|
if (this.parentIsAnchorTag) {
|
@@ -9776,7 +9793,7 @@ class Card {
|
|
9776
9793
|
event.stopImmediatePropagation();
|
9777
9794
|
}
|
9778
9795
|
}
|
9779
|
-
|
9796
|
+
brandChangeHandler(ev) {
|
9780
9797
|
this.updateTheme(ev.detail.mode);
|
9781
9798
|
}
|
9782
9799
|
/**
|
@@ -9790,10 +9807,13 @@ class Card {
|
|
9790
9807
|
this.el.shadowRoot.querySelector("button").focus();
|
9791
9808
|
}
|
9792
9809
|
}
|
9793
|
-
updateTheme(
|
9794
|
-
const foregroundColor =
|
9795
|
-
if (foregroundColor !==
|
9796
|
-
this.theme =
|
9810
|
+
updateTheme(mode = null) {
|
9811
|
+
const foregroundColor = getBrandFromContext(this.el, mode);
|
9812
|
+
if (foregroundColor !== IcBrandForegroundEnum.Default) {
|
9813
|
+
this.theme =
|
9814
|
+
foregroundColor === IcBrandForegroundEnum.Light
|
9815
|
+
? IcBrandForegroundEnum.Dark
|
9816
|
+
: IcBrandForegroundEnum.Light;
|
9797
9817
|
}
|
9798
9818
|
}
|
9799
9819
|
render() {
|
@@ -9815,13 +9835,16 @@ class Card {
|
|
9815
9835
|
clickable: clickable && !disabled,
|
9816
9836
|
disabled,
|
9817
9837
|
focussed: isFocussed,
|
9818
|
-
dark: appearance ===
|
9838
|
+
dark: appearance === IcBrandForegroundEnum.Dark,
|
9819
9839
|
[`${size}`]: true,
|
9820
9840
|
"with-icon": isSlotUsed(this.el, "icon"),
|
9821
9841
|
"with-image": isSlotUsed(this.el, "image"),
|
9822
9842
|
}, tabindex: clickable && !parentIsAnchorTag ? 0 : null, "aria-disabled": disabled ? "true" : null, disabled: disabled ? true : null }, attrs), isSlotUsed(this.el, "image") && (hAsync("div", { class: "image" }, hAsync("slot", { name: "image" }))), hAsync("div", { class: "card-content" }, hAsync("div", { class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: "card-title" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h4" }, hAsync("p", null, heading))))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { class: "card-message" }, message && (hAsync("ic-typography", { variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { name: "message" })))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }))));
|
9823
9843
|
}
|
9824
9844
|
get el() { return getElement(this); }
|
9845
|
+
static get watchers() { return {
|
9846
|
+
"disabled": ["watchDisabledHandler"]
|
9847
|
+
}; }
|
9825
9848
|
static get style() { return icCardHorizontalCss; }
|
9826
9849
|
static get cmpMeta() { return {
|
9827
9850
|
"$flags$": 9,
|
@@ -9844,7 +9867,7 @@ class Card {
|
|
9844
9867
|
"parentIsAnchorTag": [32],
|
9845
9868
|
"setFocus": [64]
|
9846
9869
|
},
|
9847
|
-
"$listeners$": [[2, "click", "handleHostClick"], [4, "
|
9870
|
+
"$listeners$": [[2, "click", "handleHostClick"], [4, "brandChange", "brandChangeHandler"]],
|
9848
9871
|
"$lazyBundleId$": "-",
|
9849
9872
|
"$attrsToReflect$": []
|
9850
9873
|
}; }
|
@@ -9912,6 +9935,9 @@ class CardVertical {
|
|
9912
9935
|
this.target = undefined;
|
9913
9936
|
this.theme = "inherit";
|
9914
9937
|
}
|
9938
|
+
watchDisabledHandler() {
|
9939
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
9940
|
+
}
|
9915
9941
|
disconnectedCallback() {
|
9916
9942
|
var _a;
|
9917
9943
|
if (this.parentIsAnchorTag) {
|
@@ -9945,7 +9971,7 @@ class CardVertical {
|
|
9945
9971
|
event.stopImmediatePropagation();
|
9946
9972
|
}
|
9947
9973
|
}
|
9948
|
-
|
9974
|
+
brandChangeHandler(ev) {
|
9949
9975
|
this.updateTheme(ev.detail.mode);
|
9950
9976
|
}
|
9951
9977
|
/**
|
@@ -9959,11 +9985,14 @@ class CardVertical {
|
|
9959
9985
|
this.el.shadowRoot.querySelector("button").focus();
|
9960
9986
|
}
|
9961
9987
|
}
|
9962
|
-
updateTheme(
|
9963
|
-
const foregroundColor =
|
9964
|
-
if (foregroundColor !==
|
9988
|
+
updateTheme(mode = null) {
|
9989
|
+
const foregroundColor = getBrandFromContext$1(this.el, mode);
|
9990
|
+
if (foregroundColor !== IcBrandForegroundEnum$1.Default) {
|
9965
9991
|
this.monochrome = true;
|
9966
|
-
this.theme =
|
9992
|
+
this.theme =
|
9993
|
+
foregroundColor === IcBrandForegroundEnum$1.Light
|
9994
|
+
? IcBrandForegroundEnum$1.Dark
|
9995
|
+
: IcBrandForegroundEnum$1.Light;
|
9967
9996
|
}
|
9968
9997
|
}
|
9969
9998
|
render() {
|
@@ -9995,6 +10024,9 @@ class CardVertical {
|
|
9995
10024
|
}, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed$1(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { name: "expanded-content" }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { name: "badge" }))));
|
9996
10025
|
}
|
9997
10026
|
get el() { return getElement(this); }
|
10027
|
+
static get watchers() { return {
|
10028
|
+
"disabled": ["watchDisabledHandler"]
|
10029
|
+
}; }
|
9998
10030
|
static get style() { return icCardVerticalCss; }
|
9999
10031
|
static get cmpMeta() { return {
|
10000
10032
|
"$flags$": 9,
|
@@ -10020,7 +10052,7 @@ class CardVertical {
|
|
10020
10052
|
"parentIsAnchorTag": [32],
|
10021
10053
|
"setFocus": [64]
|
10022
10054
|
},
|
10023
|
-
"$listeners$": [[2, "click", "handleHostClick"], [4, "
|
10055
|
+
"$listeners$": [[2, "click", "handleHostClick"], [4, "brandChange", "brandChangeHandler"]],
|
10024
10056
|
"$lazyBundleId$": "-",
|
10025
10057
|
"$attrsToReflect$": []
|
10026
10058
|
}; }
|
@@ -10063,6 +10095,9 @@ class Checkbox {
|
|
10063
10095
|
this.value = undefined;
|
10064
10096
|
this.hideLabel = false;
|
10065
10097
|
}
|
10098
|
+
watchDisabledHandler() {
|
10099
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
10100
|
+
}
|
10066
10101
|
watchIndeterminateHandler() {
|
10067
10102
|
this.displayIndeterminate = this.nativeIndeterminateBehaviour
|
10068
10103
|
? this.indeterminate
|
@@ -10133,6 +10168,7 @@ class Checkbox {
|
|
10133
10168
|
static get delegatesFocus() { return true; }
|
10134
10169
|
get el() { return getElement(this); }
|
10135
10170
|
static get watchers() { return {
|
10171
|
+
"disabled": ["watchDisabledHandler"],
|
10136
10172
|
"indeterminate": ["watchIndeterminateHandler"]
|
10137
10173
|
}; }
|
10138
10174
|
static get style() { return icCheckboxCss; }
|
@@ -10183,6 +10219,9 @@ class CheckboxGroup {
|
|
10183
10219
|
this.validationStatus = "";
|
10184
10220
|
this.validationText = "";
|
10185
10221
|
}
|
10222
|
+
watchDisabledHandler() {
|
10223
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
10224
|
+
}
|
10186
10225
|
labelNameHandler(newValue, oldValue, propName) {
|
10187
10226
|
Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {
|
10188
10227
|
if (propName === "label")
|
@@ -10242,6 +10281,7 @@ class CheckboxGroup {
|
|
10242
10281
|
}
|
10243
10282
|
get el() { return getElement(this); }
|
10244
10283
|
static get watchers() { return {
|
10284
|
+
"disabled": ["watchDisabledHandler"],
|
10245
10285
|
"label": ["labelNameHandler"],
|
10246
10286
|
"name": ["labelNameHandler"],
|
10247
10287
|
"theme": ["watchThemeHandler"]
|
@@ -10318,10 +10358,14 @@ class Chip {
|
|
10318
10358
|
this.theme = "inherit";
|
10319
10359
|
this.transparentBackground = true;
|
10320
10360
|
this.variant = "filled";
|
10361
|
+
this.dismissLabel = "Dismiss";
|
10321
10362
|
}
|
10322
10363
|
customColorHandler() {
|
10323
10364
|
this.setChipColour();
|
10324
10365
|
}
|
10366
|
+
watchDisabledHandler() {
|
10367
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
10368
|
+
}
|
10325
10369
|
componentWillLoad() {
|
10326
10370
|
removeDisabledFalse$1(this.disabled, this.el);
|
10327
10371
|
this.customColorHandler();
|
@@ -10345,7 +10389,7 @@ class Chip {
|
|
10345
10389
|
(_a = this.el.shadowRoot.querySelector("button")) === null || _a === void 0 ? void 0 : _a.focus();
|
10346
10390
|
}
|
10347
10391
|
render() {
|
10348
|
-
const { label, variant, size, dismissible, visible, disabled, hovered, theme, customColorClass, } = this;
|
10392
|
+
const { label, variant, size, dismissible, visible, disabled, hovered, theme, customColorClass, dismissLabel, } = this;
|
10349
10393
|
return (hAsync(Host, { class: {
|
10350
10394
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
10351
10395
|
[`${customColorClass}`]: variant === "filled" && customColorClass !== "",
|
@@ -10357,12 +10401,13 @@ class Chip {
|
|
10357
10401
|
dismissible,
|
10358
10402
|
hovered,
|
10359
10403
|
"non-transparent": this.variant === "outlined" && !this.transparentBackground,
|
10360
|
-
} }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": this.inAGGrid } }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label:
|
10404
|
+
} }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": this.inAGGrid } }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { id: "dismiss-icon", class: "dismiss-icon", "aria-label": `${dismissLabel} ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { name: "badge" })))));
|
10361
10405
|
}
|
10362
10406
|
static get delegatesFocus() { return true; }
|
10363
10407
|
get el() { return getElement(this); }
|
10364
10408
|
static get watchers() { return {
|
10365
|
-
"customColor": ["customColorHandler"]
|
10409
|
+
"customColor": ["customColorHandler"],
|
10410
|
+
"disabled": ["watchDisabledHandler"]
|
10366
10411
|
}; }
|
10367
10412
|
static get style() { return icChipCss; }
|
10368
10413
|
static get cmpMeta() { return {
|
@@ -10377,6 +10422,7 @@ class Chip {
|
|
10377
10422
|
"theme": [1],
|
10378
10423
|
"transparentBackground": [4, "transparent-background"],
|
10379
10424
|
"variant": [1],
|
10425
|
+
"dismissLabel": [1, "dismiss-label"],
|
10380
10426
|
"customColorClass": [32],
|
10381
10427
|
"hovered": [32],
|
10382
10428
|
"visible": [32],
|
@@ -10582,7 +10628,7 @@ var descendingIcon = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24
|
|
10582
10628
|
<path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>
|
10583
10629
|
</svg>`;
|
10584
10630
|
|
10585
|
-
const icDataTableCss = "/*!@:host*/.sc-ic-data-table-h{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}/*!@tbody*/tbody.sc-ic-data-table{vertical-align:top}/*!@.table-container*/.table-container.sc-ic-data-table{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}/*!@.cell-container*/.cell-container.sc-ic-data-table{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}/*!@.truncation-show-hide*/.truncation-show-hide.sc-ic-data-table{overflow:visible;display:block}/*!@.cell-icon.truncation-show-hide*/.cell-icon.truncation-show-hide.sc-ic-data-table{display:flex}/*!@.cell-container:not(.data-type-element, .truncation-show-hide)*/.cell-container.sc-ic-data-table:not(.data-type-element,.truncation-show-hide).sc-ic-data-table{overflow-x:hidden}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-data-table{position:sticky;top:20px}/*!@.table-row-container*/.table-row-container.sc-ic-data-table{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}/*!@:host([show-pagination=\"true\"]) .table-row-container*/[show-pagination=\"true\"].sc-ic-data-table-h .table-row-container.sc-ic-data-table{height:calc(100% - 3.5625rem)}/*!@table*/table.sc-ic-data-table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}/*!@.table-row-container:focus*/.table-row-container.sc-ic-data-table:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}/*!@:host([embedded=\"true\"]) .table-row-container*/[embedded=\"true\"].sc-ic-data-table-h .table-row-container.sc-ic-data-table{border:var(--ic-space-1px) solid var(--ic-data-table-border)}/*!@.column-header-inner-container*/.column-header-inner-container.sc-ic-data-table{padding:var(--ic-space-xs);box-sizing:border-box}/*!@.column-header-inner-container ic-tooltip*/.column-header-inner-container.sc-ic-data-table ic-tooltip.sc-ic-data-table{pointer-events:none}/*!@.column-header-inner-container ic-tooltip.show-trunc-tooltip*/.column-header-inner-container.sc-ic-data-table ic-tooltip.show-trunc-tooltip.sc-ic-data-table{pointer-events:auto}/*!@.column-header-inner-container ic-tooltip .column-header-text*/.column-header-inner-container.sc-ic-data-table ic-tooltip.sc-ic-data-table .column-header-text.sc-ic-data-table{--ic-line-clamp:1}/*!@.column-header-sticky*/.column-header-sticky.sc-ic-data-table{position:sticky;top:0;z-index:1}/*!@.column-header-overlay*/.column-header-overlay.sc-ic-data-table{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%)}/*!@.row-header-sticky*/.row-header-sticky.sc-ic-data-table{position:sticky;left:0}/*!@.column-header,\n.table-row*/.column-header.sc-ic-data-table,.table-row.sc-ic-data-table{box-sizing:border-box}/*!@.table-row-selected*/.table-row-selected.sc-ic-data-table{background-color:var(--ic-data-table-cell-background-selected) !important}/*!@.table-row:hover*/.table-row.sc-ic-data-table:hover{background-color:var(--ic-data-table-cell-background-hover) !important}/*!@.table-row-selected:hover*/.table-row-selected.sc-ic-data-table:hover{background-color:var(\n --ic-data-table-cell-background-selected-hover\n ) !important}/*!@.sort-button*/.sort-button.sc-ic-data-table{margin-left:auto}/*!@.sort-button:hover*/.sort-button.sc-ic-data-table:hover{background-color:var(--ic-data-table-icon-button-background-hover)}/*!@.sort-button:active*/.sort-button.sc-ic-data-table:active{background-color:var(--ic-data-table-icon-button-background-pressed)}/*!@.sort-button svg*/.sort-button.sc-ic-data-table svg.sc-ic-data-table{color:var(--ic-data-table-sort-toggle-icon)}/*!@.sort-button-unsorted svg*/.sort-button-unsorted.sc-ic-data-table svg.sc-ic-data-table{color:var(--ic-data-table-sort-toggle-icon-default)}/*!@.table-density-dense .column-header-inner-container,\ntd.table-density-dense*/.table-density-dense.sc-ic-data-table .column-header-inner-container.sc-ic-data-table,td.table-density-dense.sc-ic-data-table{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}/*!@.text-dense*/.text-dense.sc-ic-data-table{font-size:var(--ic-font-size-label)}/*!@.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious*/.table-density-spacious.sc-ic-data-table .column-header-inner-container.sc-ic-data-table,td.table-density-spacious.sc-ic-data-table{padding:0.625rem var(--ic-space-xs) !important}/*!@.text-spacious*/.text-spacious.sc-ic-data-table{font-size:1.125rem}/*!@.column-header-text*/.column-header-text.sc-ic-data-table{font-weight:var(--ic-font-weight-bold)}/*!@.dummy-column-header-text*/.dummy-column-header-text.sc-ic-data-table{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}/*!@.row-header,\n.column-header*/.row-header.sc-ic-data-table,.column-header.sc-ic-data-table{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}/*!@.column-header*/.column-header.sc-ic-data-table{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}/*!@.column-header:last-child*/.column-header.sc-ic-data-table:last-child{border-right:none}/*!@.scrollable .column-header:last-child*/.scrollable.sc-ic-data-table .column-header.sc-ic-data-table:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important}/*!@:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header*/[embedded=\"true\"].sc-ic-data-table-h tr.sc-ic-data-table:last-child .table-cell.sc-ic-data-table,[embedded=\"true\"].sc-ic-data-table-h tr.sc-ic-data-table:last-child .row-header.sc-ic-data-table{border-bottom:none}/*!@.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left*/.column-header-alignment-left.sc-ic-data-table,.row-header-alignment-left.sc-ic-data-table,.cell-alignment-left.sc-ic-data-table{text-align:left !important;justify-content:start !important}/*!@.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right*/.column-header-alignment-right.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table,.cell-alignment-right.sc-ic-data-table{text-align:right !important;justify-content:end !important}/*!@.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography*/.cell-alignment-right.truncation-tooltip.sc-ic-data-table ic-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}/*!@.cell-alignment-right.truncation-show-hide ic-typography*/.cell-alignment-right.truncation-show-hide.sc-ic-data-table ic-typography.sc-ic-data-table{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}/*!@.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center*/.column-header-alignment-center.sc-ic-data-table,.row-header-alignment-center.sc-ic-data-table,.cell-alignment-center.sc-ic-data-table{text-align:center !important;justify-content:center !important}/*!@.table-row*/.table-row.sc-ic-data-table{background-color:var(--ic-data-table-cell-background)}/*!@.table-row:nth-child(even)*/.table-row.sc-ic-data-table:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}/*!@.table-cell*/.table-cell.sc-ic-data-table{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}/*!@.table-cell.with-overflow*/.table-cell.with-overflow.sc-ic-data-table{overflow:visible}/*!@.data-type-string,\n.data-type-address*/.data-type-string.sc-ic-data-table,.data-type-address.sc-ic-data-table{text-align:left;vertical-align:top}/*!@.data-type-number,\n.data-type-date*/.data-type-number.sc-ic-data-table,.data-type-date.sc-ic-data-table{text-align:right;justify-content:end;vertical-align:top}/*!@.cell-alignment-top*/.cell-alignment-top.sc-ic-data-table{vertical-align:top;align-items:flex-start}/*!@.cell-alignment-middle*/.cell-alignment-middle.sc-ic-data-table{vertical-align:middle;align-items:center}/*!@.cell-alignment-bottom*/.cell-alignment-bottom.sc-ic-data-table{vertical-align:bottom;align-items:flex-end}/*!@.cell-emphasis-low ic-typography*/.cell-emphasis-low.sc-ic-data-table ic-typography.sc-ic-data-table{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}/*!@.cell-emphasis-high ic-typography*/.cell-emphasis-high.sc-ic-data-table ic-typography.sc-ic-data-table{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}/*!@.pagination-container*/.pagination-container.sc-ic-data-table{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n var(--ic-data-table-pagination-bar-keyline)}/*!@.screen-reader-sort-text,\n.table-caption*/.screen-reader-sort-text.sc-ic-data-table,.table-caption.sc-ic-data-table{position:absolute;left:-100rem}/*!@.table-cell,\n.column-header,\n.row-header*/.table-cell.sc-ic-data-table,.column-header.sc-ic-data-table,.row-header.sc-ic-data-table{word-wrap:break-word;white-space:pre-wrap}/*!@.loading-empty*/.loading-empty.sc-ic-data-table{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}/*!@.updating-state*/.updating-state.sc-ic-data-table{padding:0;border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline)}/*!@.updating-state-headers*/.updating-state-headers.sc-ic-data-table{border-bottom:none}/*!@.loading*/.loading.sc-ic-data-table{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow)}/*!@.loading.show-background*/.loading.show-background.sc-ic-data-table{background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}/*!@.loading.show*/.loading.show.sc-ic-data-table{opacity:1}/*!@.icon,\n::slotted(svg)*/.icon.sc-ic-data-table,.sc-ic-data-table-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}/*!@.column-header .icon > svg,\n.column-header ::slotted(svg)*/.column-header.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.column-header.sc-ic-data-table-s>svg,.column-header .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon)}/*!@.table-cell .icon > svg,\n.table-cell ::slotted(svg)*/.table-cell.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.table-cell.sc-ic-data-table-s>svg,.table-cell .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-default-emphasis)}/*!@.cell-emphasis-high .icon > svg,\n.cell-emphasis-high ::slotted(svg)*/.cell-emphasis-high.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.cell-emphasis-high.sc-ic-data-table-s>svg,.cell-emphasis-high .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-high-emphasis)}/*!@.cell-emphasis-low .icon > svg,\n.cell-emphasis-low ::slotted(svg)*/.cell-emphasis-low.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.cell-emphasis-low.sc-ic-data-table-s>svg,.cell-emphasis-low .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-low-emphasis)}/*!@.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg)*/.column-header-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.cell-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.column-header-alignment-right>.sc-ic-data-table-s>svg,.row-header-alignment-right>.sc-ic-data-table-s>svg,.cell-alignment-right>.sc-ic-data-table-s>svg{margin-right:auto}/*!@.column-header-alignment-center > ic-typography,\n.row-header-alignment-right > ic-typography,\n.cell-alignment-center > ic-typography*/.column-header-alignment-center.sc-ic-data-table>ic-typography.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table>ic-typography.sc-ic-data-table,.cell-alignment-center.sc-ic-data-table>ic-typography.sc-ic-data-table{flex:1}/*!@.icon > svg*/.icon.sc-ic-data-table>svg.sc-ic-data-table{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}/*!@.truncation-tooltip ic-typography*/.truncation-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}/*!@.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography*/.truncation-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table,.truncation-show-hide.sc-ic-data-table ic-typography.sc-ic-data-table{white-space:normal}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-data-table{overflow:hidden;width:100%}@media screen and (min-width: 577px){/*!@.column-header-inner-container*/.column-header-inner-container.sc-ic-data-table{display:flex;align-items:center}}";
|
10631
|
+
const icDataTableCss = "/*!@:host*/.sc-ic-data-table-h{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}/*!@tbody*/tbody.sc-ic-data-table{vertical-align:top}/*!@.table-container*/.table-container.sc-ic-data-table{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}/*!@.cell-container*/.cell-container.sc-ic-data-table{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}/*!@.truncation-show-hide*/.truncation-show-hide.sc-ic-data-table{overflow:visible;display:block}/*!@.cell-icon.truncation-show-hide*/.cell-icon.truncation-show-hide.sc-ic-data-table{display:flex}/*!@.cell-container:not(.data-type-element, .truncation-show-hide)*/.cell-container.sc-ic-data-table:not(.data-type-element,.truncation-show-hide).sc-ic-data-table{overflow-x:hidden}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-data-table{position:sticky;top:20px}/*!@.table-row-container*/.table-row-container.sc-ic-data-table{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}/*!@:host([show-pagination=\"true\"]) .table-row-container*/[show-pagination=\"true\"].sc-ic-data-table-h .table-row-container.sc-ic-data-table{height:calc(100% - 3.5625rem)}/*!@table*/table.sc-ic-data-table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}/*!@.table-row-container:focus*/.table-row-container.sc-ic-data-table:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}/*!@:host([embedded=\"true\"]) .table-row-container*/[embedded=\"true\"].sc-ic-data-table-h .table-row-container.sc-ic-data-table{border:var(--ic-space-1px) solid var(--ic-data-table-border)}/*!@.column-header-inner-container*/.column-header-inner-container.sc-ic-data-table{padding:var(--ic-space-xs);box-sizing:border-box}/*!@.column-header-inner-container ic-tooltip*/.column-header-inner-container.sc-ic-data-table ic-tooltip.sc-ic-data-table{pointer-events:none}/*!@.column-header-inner-container ic-tooltip.show-trunc-tooltip*/.column-header-inner-container.sc-ic-data-table ic-tooltip.show-trunc-tooltip.sc-ic-data-table{pointer-events:auto}/*!@.column-header-inner-container ic-tooltip .column-header-text*/.column-header-inner-container.sc-ic-data-table ic-tooltip.sc-ic-data-table .column-header-text.sc-ic-data-table{--ic-line-clamp:1}/*!@.column-header-sticky*/.column-header-sticky.sc-ic-data-table{position:sticky;top:0;z-index:1}/*!@.column-header-overlay*/.column-header-overlay.sc-ic-data-table{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%)}/*!@.row-header-sticky*/.row-header-sticky.sc-ic-data-table{position:sticky;left:0}/*!@.column-header,\n.table-row*/.column-header.sc-ic-data-table,.table-row.sc-ic-data-table{box-sizing:border-box}/*!@.table-row-selected*/.table-row-selected.sc-ic-data-table{background-color:var(--ic-data-table-cell-background-selected) !important}/*!@.table-row:hover*/.table-row.sc-ic-data-table:hover{background-color:var(--ic-data-table-cell-background-hover) !important}/*!@.table-row-selected:hover*/.table-row-selected.sc-ic-data-table:hover{background-color:var(\n --ic-data-table-cell-background-selected-hover\n ) !important}/*!@.sort-button*/.sort-button.sc-ic-data-table{margin-left:auto}/*!@.sort-button:hover*/.sort-button.sc-ic-data-table:hover{background-color:var(--ic-data-table-icon-button-background-hover)}/*!@.sort-button:active*/.sort-button.sc-ic-data-table:active{background-color:var(--ic-data-table-icon-button-background-pressed)}/*!@.sort-button svg*/.sort-button.sc-ic-data-table svg.sc-ic-data-table{color:var(--ic-data-table-sort-toggle-icon)}/*!@.sort-button-unsorted svg*/.sort-button-unsorted.sc-ic-data-table svg.sc-ic-data-table{color:var(--ic-data-table-sort-toggle-icon-default)}/*!@.table-density-dense .column-header-inner-container,\ntd.table-density-dense*/.table-density-dense.sc-ic-data-table .column-header-inner-container.sc-ic-data-table,td.table-density-dense.sc-ic-data-table{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}/*!@.text-dense*/.text-dense.sc-ic-data-table{font-size:var(--ic-font-size-label)}/*!@.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious*/.table-density-spacious.sc-ic-data-table .column-header-inner-container.sc-ic-data-table,td.table-density-spacious.sc-ic-data-table{padding:0.625rem var(--ic-space-xs) !important}/*!@.text-spacious*/.text-spacious.sc-ic-data-table{font-size:1.125rem}/*!@.column-header-text*/.column-header-text.sc-ic-data-table{font-weight:var(--ic-font-weight-bold)}/*!@.dummy-column-header-text*/.dummy-column-header-text.sc-ic-data-table{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}/*!@.row-header,\n.column-header*/.row-header.sc-ic-data-table,.column-header.sc-ic-data-table{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}/*!@.column-header*/.column-header.sc-ic-data-table{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}/*!@.column-header:last-child*/.column-header.sc-ic-data-table:last-child{border-right:none}/*!@.scrollable .column-header:last-child*/.scrollable.sc-ic-data-table .column-header.sc-ic-data-table:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important}/*!@:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header*/[embedded=\"true\"].sc-ic-data-table-h tr.sc-ic-data-table:last-child .table-cell.sc-ic-data-table,[embedded=\"true\"].sc-ic-data-table-h tr.sc-ic-data-table:last-child .row-header.sc-ic-data-table{border-bottom:none}/*!@.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left*/.column-header-alignment-left.sc-ic-data-table,.row-header-alignment-left.sc-ic-data-table,.cell-alignment-left.sc-ic-data-table{text-align:left !important;justify-content:start !important}/*!@.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right*/.column-header-alignment-right.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table,.cell-alignment-right.sc-ic-data-table{text-align:right !important;justify-content:end !important}/*!@.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography*/.cell-alignment-right.truncation-tooltip.sc-ic-data-table ic-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}/*!@.cell-alignment-right.truncation-show-hide ic-typography*/.cell-alignment-right.truncation-show-hide.sc-ic-data-table ic-typography.sc-ic-data-table{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}/*!@.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center*/.column-header-alignment-center.sc-ic-data-table,.row-header-alignment-center.sc-ic-data-table,.cell-alignment-center.sc-ic-data-table{text-align:center !important;justify-content:center !important}/*!@.table-row*/.table-row.sc-ic-data-table{background-color:var(--ic-data-table-cell-background)}/*!@.table-row:nth-child(even)*/.table-row.sc-ic-data-table:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}/*!@.table-cell*/.table-cell.sc-ic-data-table{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}/*!@.table-cell.with-overflow*/.table-cell.with-overflow.sc-ic-data-table{overflow:visible}/*!@.data-type-string,\n.data-type-address*/.data-type-string.sc-ic-data-table,.data-type-address.sc-ic-data-table{text-align:left;vertical-align:top}/*!@.data-type-number,\n.data-type-date*/.data-type-number.sc-ic-data-table,.data-type-date.sc-ic-data-table{text-align:right;justify-content:end;vertical-align:top}/*!@.cell-alignment-top*/.cell-alignment-top.sc-ic-data-table{vertical-align:top;align-items:flex-start}/*!@.cell-alignment-middle*/.cell-alignment-middle.sc-ic-data-table{vertical-align:middle;align-items:center}/*!@.cell-alignment-bottom*/.cell-alignment-bottom.sc-ic-data-table{vertical-align:bottom;align-items:flex-end}/*!@.cell-emphasis-low ic-typography*/.cell-emphasis-low.sc-ic-data-table ic-typography.sc-ic-data-table{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}/*!@.cell-emphasis-high ic-typography*/.cell-emphasis-high.sc-ic-data-table ic-typography.sc-ic-data-table{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}/*!@.pagination-container*/.pagination-container.sc-ic-data-table{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n var(--ic-data-table-pagination-bar-keyline)}/*!@.screen-reader-sort-text,\n.table-caption*/.screen-reader-sort-text.sc-ic-data-table,.table-caption.sc-ic-data-table{position:absolute;left:-100rem}/*!@.table-cell,\n.column-header,\n.row-header*/.table-cell.sc-ic-data-table,.column-header.sc-ic-data-table,.row-header.sc-ic-data-table{word-wrap:break-word;white-space:pre-wrap}/*!@.loading-empty*/.loading-empty.sc-ic-data-table{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}/*!@.updating-state*/.updating-state.sc-ic-data-table{padding:0;border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline)}/*!@.updating-state-headers*/.updating-state-headers.sc-ic-data-table{border-bottom:none}/*!@.loading*/.loading.sc-ic-data-table{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow)}/*!@.loading.show-background*/.loading.show-background.sc-ic-data-table{background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}/*!@.loading.show*/.loading.show.sc-ic-data-table{opacity:1}/*!@.icon,\n::slotted(svg)*/.icon.sc-ic-data-table,.sc-ic-data-table-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}/*!@.column-header .icon > svg,\n.column-header ::slotted(svg)*/.column-header.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.column-header.sc-ic-data-table-s>svg,.column-header .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon)}/*!@.table-cell .icon > svg,\n.table-cell ::slotted(svg)*/.table-cell.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.table-cell.sc-ic-data-table-s>svg,.table-cell .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-default-emphasis)}/*!@.cell-emphasis-high .icon > svg,\n.cell-emphasis-high ::slotted(svg)*/.cell-emphasis-high.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.cell-emphasis-high.sc-ic-data-table-s>svg,.cell-emphasis-high .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-high-emphasis)}/*!@.cell-emphasis-low .icon > svg,\n.cell-emphasis-low ::slotted(svg)*/.cell-emphasis-low.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.cell-emphasis-low.sc-ic-data-table-s>svg,.cell-emphasis-low .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-low-emphasis)}/*!@.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg)*/.column-header-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.cell-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.column-header-alignment-right>.sc-ic-data-table-s>svg,.row-header-alignment-right>.sc-ic-data-table-s>svg,.cell-alignment-right>.sc-ic-data-table-s>svg{margin-right:auto}/*!@.column-header-alignment-center > ic-typography,\n.row-header-alignment-right > ic-typography,\n.cell-alignment-center > ic-typography*/.column-header-alignment-center.sc-ic-data-table>ic-typography.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table>ic-typography.sc-ic-data-table,.cell-alignment-center.sc-ic-data-table>ic-typography.sc-ic-data-table{flex:1}/*!@.icon > svg*/.icon.sc-ic-data-table>svg.sc-ic-data-table{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}/*!@.truncation-tooltip ic-typography*/.truncation-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}/*!@.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography*/.truncation-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table,.truncation-show-hide.sc-ic-data-table ic-typography.sc-ic-data-table{white-space:normal}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-data-table{overflow:hidden;width:100%}/*!@.action-element*/.action-element.sc-ic-data-table{display:flex;justify-content:right}/*!@.cell-grid-wrapper*/.cell-grid-wrapper.sc-ic-data-table{display:grid;grid-template-columns:auto auto}@media screen and (min-width: 577px){/*!@.column-header-inner-container*/.column-header-inner-container.sc-ic-data-table{display:flex;align-items:center}}";
|
10586
10632
|
|
10587
10633
|
/**
|
10588
10634
|
* @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.
|
@@ -10791,7 +10837,7 @@ class DataTable {
|
|
10791
10837
|
this.timerStarted = null;
|
10792
10838
|
}, this.minimumLoadingDisplayDuration);
|
10793
10839
|
};
|
10794
|
-
this.isObject = (value) => typeof value === "object";
|
10840
|
+
this.isObject = (value) => value !== undefined && value !== null && typeof value === "object";
|
10795
10841
|
this.notDefaultDensity = () => this.density !== "default";
|
10796
10842
|
this.getCellContent = (cell, dataType) => {
|
10797
10843
|
switch (dataType) {
|
@@ -10857,6 +10903,44 @@ class DataTable {
|
|
10857
10903
|
}
|
10858
10904
|
return {};
|
10859
10905
|
};
|
10906
|
+
this.adjustWidthForActionElement = () => {
|
10907
|
+
const elements = this.el.shadowRoot.querySelectorAll(".action-element");
|
10908
|
+
elements.forEach((element) => {
|
10909
|
+
const width = element.firstChild.getBoundingClientRect()
|
10910
|
+
.width;
|
10911
|
+
const gridWrapper = element.closest(".cell-grid-wrapper");
|
10912
|
+
gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;
|
10913
|
+
});
|
10914
|
+
};
|
10915
|
+
this.createCellContent = (columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis) => {
|
10916
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
10917
|
+
return (hAsync("div", { innerHTML: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element" &&
|
10918
|
+
!isSlotUsed(this.el, cellSlotName)
|
10919
|
+
? cell
|
10920
|
+
: null, class: Object.assign({ "cell-container": (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element", [`cell-alignment-${((_a = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _a === void 0 ? void 0 : _a.vertical) ||
|
10921
|
+
((_b = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _b === void 0 ? void 0 : _b.vertical) ||
|
10922
|
+
rowAlignment ||
|
10923
|
+
this.getCellAlignment(cell, "vertical")}`]: !!((_c = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _c === void 0 ? void 0 : _c.vertical) ||
|
10924
|
+
!!((_d = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _d === void 0 ? void 0 : _d.vertical) ||
|
10925
|
+
!!rowAlignment ||
|
10926
|
+
!!this.getCellAlignment(cell, "vertical"), [`cell-alignment-${((_e = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _e === void 0 ? void 0 : _e.horizontal) ||
|
10927
|
+
((_f = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _f === void 0 ? void 0 : _f.horizontal) ||
|
10928
|
+
this.getCellAlignment(cell, "horizontal")}`]: !!((_g = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _g === void 0 ? void 0 : _g.horizontal) ||
|
10929
|
+
!!((_h = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _h === void 0 ? void 0 : _h.horizontal) ||
|
10930
|
+
!!this.getCellAlignment(cell, "horizontal"), [`data-type-${columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType}`]: true, [this.TEXT_WRAP_STRING]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.textWrap) ||
|
10931
|
+
(rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap) ||
|
10932
|
+
!!this.getCellOptions(cell, "textWrap"), ["cell-icon"]: hasIcon || !!((_j = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _j === void 0 ? void 0 : _j.icon), [`cell-emphasis-${(this.isObject(cell) && cellValue("emphasis")) ||
|
10933
|
+
(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
10934
|
+
rowEmphasis}`]: (this.isObject(cell) && !!cellValue("emphasis")) ||
|
10935
|
+
!!(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
10936
|
+
!!rowEmphasis }, this.setTruncationClass()), style: Object.assign(Object.assign({}, this.getRowHeight(currentRowHeight, columnProps, rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap, cell)), this.getColumnWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnWidth)), "data-row-height": this.truncationPattern || currentRowHeight
|
10937
|
+
? this.setRowHeight(currentRowHeight)
|
10938
|
+
: null }, isSlotUsed(this.el, cellSlotName) ? (hAsync("slot", { name: cellSlotName })) : (hAsync(Fragment, null, isSlotUsed(this.el, `${cellSlotName}-icon`) ? (hAsync("slot", { name: `${cellSlotName}-icon` })) : ((hasIcon || ((_k = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _k === void 0 ? void 0 : _k.onAllCells)) &&
|
10939
|
+
(cellValue("icon") || ((_l = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _l === void 0 ? void 0 : _l.icon)) && (hAsync("span", { class: "icon", innerHTML: cellValue("icon") || ((_m = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _m === void 0 ? void 0 : _m.icon) }))), (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element" &&
|
10940
|
+
!isSlotUsed(this.el, cellSlotName) && (hAsync("ic-typography", { variant: "body", class: {
|
10941
|
+
[`text-${this.density}`]: this.notDefaultDensity(),
|
10942
|
+
} }, this.isObject(cell) && (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "date" ? (Object.keys(cell).includes("href") ? (hAsync("ic-link", { href: cellValue("href"), theme: this.theme, target: cellValue("target") || undefined, rel: cellValue("rel") || undefined }, cellValue("data"))) : (cellValue("data"))) : (this.getCellContent(cell, columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType))))))));
|
10943
|
+
};
|
10860
10944
|
this.createCells = (row, rowIndex) => {
|
10861
10945
|
var _a;
|
10862
10946
|
const rowValues = Object.values(row);
|
@@ -10874,7 +10958,6 @@ class DataTable {
|
|
10874
10958
|
? variableRowHeightVal !== "auto" && variableRowHeightVal
|
10875
10959
|
: this.globalRowHeight !== "auto" && this.globalRowHeight;
|
10876
10960
|
return rowValues.map((cell, index) => {
|
10877
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
10878
10961
|
const columnProps = this.columns[index];
|
10879
10962
|
const cellSlotName = `${columnProps === null || columnProps === void 0 ? void 0 : columnProps.key}-${rowIndex}`;
|
10880
10963
|
const hasIcon = this.isObject(cell) && Object.keys(cell).includes("icon");
|
@@ -10891,66 +10974,39 @@ class DataTable {
|
|
10891
10974
|
["table-cell"]: true,
|
10892
10975
|
[`table-density-${this.density}`]: this.notDefaultDensity(),
|
10893
10976
|
["with-overflow"]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element",
|
10894
|
-
}, style: Object.assign({}, this.getColumnWidth(columnProps.columnWidth)) },
|
10895
|
-
|
10896
|
-
? cell
|
10897
|
-
: null, class: Object.assign({ "cell-container": (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element", [`cell-alignment-${((_a = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _a === void 0 ? void 0 : _a.vertical) ||
|
10898
|
-
((_b = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _b === void 0 ? void 0 : _b.vertical) ||
|
10899
|
-
rowAlignment ||
|
10900
|
-
this.getCellAlignment(cell, "vertical")}`]: !!((_c = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _c === void 0 ? void 0 : _c.vertical) ||
|
10901
|
-
!!((_d = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _d === void 0 ? void 0 : _d.vertical) ||
|
10902
|
-
!!rowAlignment ||
|
10903
|
-
!!this.getCellAlignment(cell, "vertical"), [`cell-alignment-${((_e = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _e === void 0 ? void 0 : _e.horizontal) ||
|
10904
|
-
((_f = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _f === void 0 ? void 0 : _f.horizontal) ||
|
10905
|
-
this.getCellAlignment(cell, "horizontal")}`]: !!((_g = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _g === void 0 ? void 0 : _g.horizontal) ||
|
10906
|
-
!!((_h = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _h === void 0 ? void 0 : _h.horizontal) ||
|
10907
|
-
!!this.getCellAlignment(cell, "horizontal"), [`data-type-${columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType}`]: true, [this.TEXT_WRAP_STRING]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.textWrap) ||
|
10908
|
-
(rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap) ||
|
10909
|
-
!!this.getCellOptions(cell, "textWrap"), ["cell-icon"]: hasIcon || !!((_j = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _j === void 0 ? void 0 : _j.icon), [`cell-emphasis-${(this.isObject(cell) && cellValue("emphasis")) ||
|
10910
|
-
(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
10911
|
-
rowEmphasis}`]: (this.isObject(cell) && !!cellValue("emphasis")) ||
|
10912
|
-
!!(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
10913
|
-
!!rowEmphasis }, this.setTruncationClass()), style: Object.assign(Object.assign({}, this.getRowHeight(currentRowHeight, columnProps, rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap, cell)), this.getColumnWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnWidth)), "data-row-height": this.truncationPattern || currentRowHeight
|
10914
|
-
? this.setRowHeight(currentRowHeight)
|
10915
|
-
: null }, isSlotUsed(this.el, cellSlotName) ? (hAsync("slot", { name: cellSlotName })) : (hAsync(Fragment, null, isSlotUsed(this.el, `${cellSlotName}-icon`) ? (hAsync("slot", { name: `${cellSlotName}-icon` })) : ((hasIcon || ((_k = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _k === void 0 ? void 0 : _k.onAllCells)) &&
|
10916
|
-
(cellValue("icon") || ((_l = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _l === void 0 ? void 0 : _l.icon)) && (hAsync("span", { class: "icon", innerHTML: cellValue("icon") || ((_m = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _m === void 0 ? void 0 : _m.icon) }))), (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element" &&
|
10917
|
-
!isSlotUsed(this.el, cellSlotName) && (hAsync("ic-typography", { variant: "body", class: {
|
10918
|
-
[`text-${this.density}`]: this.notDefaultDensity(),
|
10919
|
-
} }, this.isObject(cell) &&
|
10920
|
-
(columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "date" ? (Object.keys(cell).includes("href") ? (hAsync("ic-link", { href: cellValue("href"), theme: this.theme }, cellValue("data"))) : (cellValue("data"))) : (this.getCellContent(cell, columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType)))))))));
|
10977
|
+
}, style: Object.assign({}, this.getColumnWidth(columnProps.columnWidth)) }, this.isObject(cell) &&
|
10978
|
+
Object.keys(cell).includes("actionElement") ? (hAsync("div", { class: "cell-grid-wrapper" }, this.createCellContent(columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis), hAsync("span", { class: "action-element", innerHTML: cellValue("actionElement") }))) : (this.createCellContent(columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis))));
|
10921
10979
|
}
|
10922
10980
|
});
|
10923
10981
|
};
|
10924
|
-
this.createColumnHeaders = () => {
|
10925
|
-
|
10926
|
-
|
10927
|
-
|
10928
|
-
|
10929
|
-
|
10930
|
-
|
10931
|
-
|
10932
|
-
|
10933
|
-
|
10934
|
-
|
10935
|
-
|
10936
|
-
|
10937
|
-
|
10938
|
-
|
10939
|
-
|
10940
|
-
|
10941
|
-
|
10942
|
-
|
10943
|
-
|
10944
|
-
|
10945
|
-
|
10946
|
-
|
10947
|
-
|
10948
|
-
|
10949
|
-
|
10950
|
-
|
10951
|
-
|
10952
|
-
} }, title)))));
|
10953
|
-
};
|
10982
|
+
this.createColumnHeaders = () => this.columns.map(({ cellAlignment, colspan, icon, key, title, columnWidth }, index) => (hAsync("th", { scope: "col", class: {
|
10983
|
+
["column-header"]: true,
|
10984
|
+
[`table-density-${this.density}`]: this.notDefaultDensity(),
|
10985
|
+
["updating-state-headers"]: this.updating && !this.loading,
|
10986
|
+
}, style: Object.assign({}, this.getColumnWidth(columnWidth)), colSpan: colspan }, hAsync("div", { class: {
|
10987
|
+
"column-header-inner-container": true,
|
10988
|
+
"truncation-tooltip": this.columnHeaderTruncation,
|
10989
|
+
[`column-header-alignment-${cellAlignment}`]: !!cellAlignment,
|
10990
|
+
} }, isSlotUsed(this.el, `${key}-column-icon`) ? (hAsync("slot", { name: `${key}-column-icon` })) : (icon &&
|
10991
|
+
!icon.hideOnHeader && (hAsync("span", { class: "icon", innerHTML: icon.icon }))), this.columnHeaderTruncation ? (hAsync("ic-tooltip", { label: title, target: `column-header-${index}` }, hAsync("ic-typography", { id: `column-header-${index}`, variant: "body", class: {
|
10992
|
+
["column-header-text"]: true,
|
10993
|
+
[`text-${this.density}`]: this.notDefaultDensity(),
|
10994
|
+
} }, title))) : (hAsync("ic-typography", { variant: "body", class: {
|
10995
|
+
["column-header-text"]: true,
|
10996
|
+
[`text-${this.density}`]: this.notDefaultDensity(),
|
10997
|
+
} }, title)), this.sortable && (hAsync("ic-button", { variant: "icon", id: `sort-button-${key}`, "aria-label": this.getSortButtonLabel(key),
|
10998
|
+
// eslint-disable-next-line react/jsx-no-bind
|
10999
|
+
onClick: () => this.sortRows(key), innerHTML: this.SORT_ICONS[this.sortedColumn === key
|
11000
|
+
? this.sortedColumnOrder
|
11001
|
+
: "unsorted"], class: {
|
11002
|
+
["sort-button"]: true,
|
11003
|
+
["sort-button-unsorted"]: this.sortedColumn !== key ||
|
11004
|
+
this.sortedColumnOrder === "unsorted",
|
11005
|
+
} }))), this.columnHeaderTruncation && (hAsync("ic-typography", { variant: "body", "aria-hidden": "true", class: {
|
11006
|
+
["column-header-text"]: true,
|
11007
|
+
["dummy-column-header-text"]: this.columnHeaderTruncation,
|
11008
|
+
[`text-${this.density}`]: this.notDefaultDensity(),
|
11009
|
+
} }, title)))));
|
10954
11010
|
this.onRowClick = (row) => {
|
10955
11011
|
this.selectedRow =
|
10956
11012
|
this.selectedRow !== row && !this.loading && !this.updating && row;
|
@@ -11231,6 +11287,7 @@ class DataTable {
|
|
11231
11287
|
}
|
11232
11288
|
componentDidRender() {
|
11233
11289
|
this.fixCellTooltips();
|
11290
|
+
this.adjustWidthForActionElement();
|
11234
11291
|
}
|
11235
11292
|
truncateUpdatedData() {
|
11236
11293
|
if (this.dataUpdated) {
|
@@ -11915,7 +11972,7 @@ var Calendar = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" v
|
|
11915
11972
|
<path d="M16.6667 2.50004H15.8334V0.833374H14.1667V2.50004H5.83342V0.833374H4.16675V2.50004H3.33341C2.41675 2.50004 1.66675 3.25004 1.66675 4.16671V17.5C1.66675 18.4167 2.41675 19.1667 3.33341 19.1667H16.6667C17.5834 19.1667 18.3334 18.4167 18.3334 17.5V4.16671C18.3334 3.25004 17.5834 2.50004 16.6667 2.50004ZM16.6667 17.5H3.33341V6.66671H16.6667V17.5Z" fill="currentColor"/>
|
11916
11973
|
</svg>`;
|
11917
11974
|
|
11918
|
-
const icDateInputCss = "/*!@html*/html.sc-ic-date-input{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-date-input{margin:0}/*!@main*/main.sc-ic-date-input{display:block}/*!@h1*/h1.sc-ic-date-input{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-date-input{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-date-input{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-date-input{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-date-input{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-date-input,strong.sc-ic-date-input{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-date-input,kbd.sc-ic-date-input,samp.sc-ic-date-input{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-date-input{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-date-input,sup.sc-ic-date-input{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-date-input{bottom:-0.25em}/*!@sup*/sup.sc-ic-date-input{top:-0.5em}/*!@img*/img.sc-ic-date-input{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-date-input,input.sc-ic-date-input,optgroup.sc-ic-date-input,select.sc-ic-date-input,textarea.sc-ic-date-input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-date-input,input.sc-ic-date-input{overflow:visible}/*!@button,\nselect*/button.sc-ic-date-input,select.sc-ic-date-input{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-date-input,[type=\"button\"].sc-ic-date-input,[type=\"reset\"].sc-ic-date-input,[type=\"submit\"].sc-ic-date-input{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-date-input::-moz-focus-inner,[type=\"button\"].sc-ic-date-input::-moz-focus-inner,[type=\"reset\"].sc-ic-date-input::-moz-focus-inner,[type=\"submit\"].sc-ic-date-input::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-date-input:-moz-focusring,[type=\"button\"].sc-ic-date-input:-moz-focusring,[type=\"reset\"].sc-ic-date-input:-moz-focusring,[type=\"submit\"].sc-ic-date-input:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-date-input{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-date-input{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-date-input{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-date-input{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-date-input,[type=\"radio\"].sc-ic-date-input{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-date-input::-webkit-inner-spin-button,[type=\"number\"].sc-ic-date-input::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-date-input{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-date-input::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-date-input::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-date-input{display:block}/*!@summary*/summary.sc-ic-date-input{display:list-item}/*!@template*/template.sc-ic-date-input{display:none}/*!@[hidden]*/[hidden].sc-ic-date-input{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-date-input,body.sc-ic-date-input,div.sc-ic-date-input,span.sc-ic-date-input,applet.sc-ic-date-input,object.sc-ic-date-input,iframe.sc-ic-date-input,h1.sc-ic-date-input,h2.sc-ic-date-input,h3.sc-ic-date-input,h4.sc-ic-date-input,h5.sc-ic-date-input,h6.sc-ic-date-input,p.sc-ic-date-input,blockquote.sc-ic-date-input,pre.sc-ic-date-input,a.sc-ic-date-input,abbr.sc-ic-date-input,acronym.sc-ic-date-input,address.sc-ic-date-input,big.sc-ic-date-input,cite.sc-ic-date-input,code.sc-ic-date-input,del.sc-ic-date-input,dfn.sc-ic-date-input,em.sc-ic-date-input,img.sc-ic-date-input,ins.sc-ic-date-input,kbd.sc-ic-date-input,q.sc-ic-date-input,s.sc-ic-date-input,samp.sc-ic-date-input,small.sc-ic-date-input,strike.sc-ic-date-input,strong.sc-ic-date-input,sub.sc-ic-date-input,sup.sc-ic-date-input,tt.sc-ic-date-input,var.sc-ic-date-input,b.sc-ic-date-input,u.sc-ic-date-input,i.sc-ic-date-input,center.sc-ic-date-input,dl.sc-ic-date-input,dt.sc-ic-date-input,dd.sc-ic-date-input,ol.sc-ic-date-input,ul.sc-ic-date-input,li.sc-ic-date-input,fieldset.sc-ic-date-input,form.sc-ic-date-input,label.sc-ic-date-input,legend.sc-ic-date-input,table.sc-ic-date-input,caption.sc-ic-date-input,tbody.sc-ic-date-input,tfoot.sc-ic-date-input,thead.sc-ic-date-input,tr.sc-ic-date-input,th.sc-ic-date-input,td.sc-ic-date-input,article.sc-ic-date-input,aside.sc-ic-date-input,canvas.sc-ic-date-input,details.sc-ic-date-input,embed.sc-ic-date-input,figure.sc-ic-date-input,figcaption.sc-ic-date-input,footer.sc-ic-date-input,header.sc-ic-date-input,hgroup.sc-ic-date-input,menu.sc-ic-date-input,nav.sc-ic-date-input,output.sc-ic-date-input,ruby.sc-ic-date-input,section.sc-ic-date-input,summary.sc-ic-date-input,time.sc-ic-date-input,mark.sc-ic-date-input,audio.sc-ic-date-input,video.sc-ic-date-input{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-date-input-h{--ic-input-label-helpertext-padding:var(--ic-space-xxs);--input-bg-color:var(--ic-date-input-bg);--ic-input-label-text-color:var(--ic-date-input-label);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle);--border-color:var(--ic-date-input-border);--border-color-disabled:var(--ic-date-input-border-disabled);--border-color-hover:var(--ic-date-input-border-default-hover);--border-color-pressed:var(--ic-date-input-border-default-pressed);--border-error-color:var(--ic-date-input-border-error);--border-error-color-hover:var(--ic-date-input-border-error-hover);--border-error-color-pressed:var(--ic-date-input-border-error-pressed);--border-success-color:var(--ic-date-input-border-success);--border-success-color-hover:var(--ic-date-input-border-success-hover);--border-success-color-pressed:var(--ic-date-input-border-success-pressed);--border-warning-color:var(--ic-date-input-border-warning);--border-warning-color-hover:var(--ic-date-input-border-warning-hover);--border-warning-color-pressed:var(--ic-date-input-border-warning-pressed)}/*!@:host(.ic-date-input-disabled)*/.ic-date-input-disabled.sc-ic-date-input-h{--ic-input-label-text-color:var(--ic-date-input-label-disabled);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle-disabled)}/*!@input*/input.sc-ic-date-input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;color:var(--ic-date-input-text-filled);caret-color:var(--ic-date-input-typing-cursor)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-date-input::-webkit-outer-spin-button,input.sc-ic-date-input::-webkit-inner-spin-button{-webkit-appearance:none}/*!@input:-webkit-autofill*/input.sc-ic-date-input:-webkit-autofill{box-shadow:0 0 0 var(--ic-space-sm) var(--ic-architectural-white) inset}/*!@input::-moz-placeholder*/input.sc-ic-date-input::-moz-placeholder{color:var(--ic-date-input-text-placeholder)}/*!@input::placeholder*/input.sc-ic-date-input::placeholder{color:var(--ic-date-input-text-placeholder)}/*!@ic-input-component-container*/ic-input-component-container.sc-ic-date-input{cursor:text}/*!@ic-input-component-container .focus-indicator*/ic-input-component-container.sc-ic-date-input .focus-indicator.sc-ic-date-input{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}/*!@.date-inputs*/.date-inputs.sc-ic-date-input{color:var(--ic-date-input-text-placeholder)}/*!@.day-input*/.day-input.sc-ic-date-input{width:1.438rem}/*!@.month-input*/.month-input.sc-ic-date-input{width:1.813rem}/*!@.year-input,\n.year-input.fit-to-value*/.year-input.sc-ic-date-input,.year-input.fit-to-value.sc-ic-date-input{width:2.313rem}/*!@.fit-to-value*/.fit-to-value.sc-ic-date-input{width:1.25rem}/*!@.sr-only*/.sr-only.sc-ic-date-input{position:absolute;left:-9999px}/*!@.input-container*/.input-container.sc-ic-date-input{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}/*!@.action-buttons*/.action-buttons.sc-ic-date-input{display:flex;align-items:center}/*!@.show-calendar-button-wrapper*/.show-calendar-button-wrapper.sc-ic-date-input{display:flex;justify-content:center;align-items:center}/*!@.clear-button,\n.calendar-button*/.clear-button.sc-ic-date-input,.calendar-button.sc-ic-date-input{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition);margin:0}/*!@.clear-button.hidden*/.clear-button.hidden.sc-ic-date-input{display:none}/*!@.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active,\n.calendar-button:active*/.clear-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:focus,.clear-button.sc-ic-date-input:active,.calendar-button.sc-ic-date-input:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:0.25rem}/*!@.calendar-button:focus,\n.calendar-button:active*/.calendar-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:active{--ic-button-tertiary-text-active:var(--ic-atoms-input-clear-button-focus);--ic-button-tertiary-text-hover-active:var(\n --ic-atoms-input-clear-button-focus\n );--ic-button-tertiary-text-pressed-active:var(\n --ic-atoms-input-clear-button-focus\n )}/*!@.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active *,\n.calendar-button:active **/.clear-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:focus,.clear-button.sc-ic-date-input:active *.sc-ic-date-input,.calendar-button.sc-ic-date-input:active *.sc-ic-date-input{fill:var(--ic-architectural-white)}/*!@.clear-button svg*/.clear-button.sc-ic-date-input svg.sc-ic-date-input{color:var(--ic-date-input-clear-icon)}/*!@.divider*/.divider.sc-ic-date-input{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-atoms-input-divider);border-radius:var(--ic-space-1px)}/*!@.divider.small*/.divider.small.sc-ic-date-input{height:var(--ic-space-md)}/*!@.divider.medium*/.divider.medium.sc-ic-date-input{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}/*!@.divider.large*/.divider.large.sc-ic-date-input{height:var(--ic-space-lg)}/*!@ic-input-validation*/ic-input-validation.sc-ic-date-input{--ic-input-validation-status-text-color:var(--ic-date-input-status-text);--ic-input-validation-error:var(--ic-date-input-icon-error);--ic-input-validation-warning-icon-color:var(--ic-date-input-icon-warning);--ic-input-validation-success-icon-color:var(--ic-date-input-icon-success)}";
|
11975
|
+
const icDateInputCss = "/*!@html*/html.sc-ic-date-input{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-date-input{margin:0}/*!@main*/main.sc-ic-date-input{display:block}/*!@h1*/h1.sc-ic-date-input{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-date-input{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-date-input{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-date-input{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-date-input{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-date-input,strong.sc-ic-date-input{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-date-input,kbd.sc-ic-date-input,samp.sc-ic-date-input{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-date-input{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-date-input,sup.sc-ic-date-input{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-date-input{bottom:-0.25em}/*!@sup*/sup.sc-ic-date-input{top:-0.5em}/*!@img*/img.sc-ic-date-input{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-date-input,input.sc-ic-date-input,optgroup.sc-ic-date-input,select.sc-ic-date-input,textarea.sc-ic-date-input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-date-input,input.sc-ic-date-input{overflow:visible}/*!@button,\nselect*/button.sc-ic-date-input,select.sc-ic-date-input{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-date-input,[type=\"button\"].sc-ic-date-input,[type=\"reset\"].sc-ic-date-input,[type=\"submit\"].sc-ic-date-input{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-date-input::-moz-focus-inner,[type=\"button\"].sc-ic-date-input::-moz-focus-inner,[type=\"reset\"].sc-ic-date-input::-moz-focus-inner,[type=\"submit\"].sc-ic-date-input::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-date-input:-moz-focusring,[type=\"button\"].sc-ic-date-input:-moz-focusring,[type=\"reset\"].sc-ic-date-input:-moz-focusring,[type=\"submit\"].sc-ic-date-input:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-date-input{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-date-input{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-date-input{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-date-input{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-date-input,[type=\"radio\"].sc-ic-date-input{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-date-input::-webkit-inner-spin-button,[type=\"number\"].sc-ic-date-input::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-date-input{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-date-input::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-date-input::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-date-input{display:block}/*!@summary*/summary.sc-ic-date-input{display:list-item}/*!@template*/template.sc-ic-date-input{display:none}/*!@[hidden]*/[hidden].sc-ic-date-input{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-date-input,body.sc-ic-date-input,div.sc-ic-date-input,span.sc-ic-date-input,applet.sc-ic-date-input,object.sc-ic-date-input,iframe.sc-ic-date-input,h1.sc-ic-date-input,h2.sc-ic-date-input,h3.sc-ic-date-input,h4.sc-ic-date-input,h5.sc-ic-date-input,h6.sc-ic-date-input,p.sc-ic-date-input,blockquote.sc-ic-date-input,pre.sc-ic-date-input,a.sc-ic-date-input,abbr.sc-ic-date-input,acronym.sc-ic-date-input,address.sc-ic-date-input,big.sc-ic-date-input,cite.sc-ic-date-input,code.sc-ic-date-input,del.sc-ic-date-input,dfn.sc-ic-date-input,em.sc-ic-date-input,img.sc-ic-date-input,ins.sc-ic-date-input,kbd.sc-ic-date-input,q.sc-ic-date-input,s.sc-ic-date-input,samp.sc-ic-date-input,small.sc-ic-date-input,strike.sc-ic-date-input,strong.sc-ic-date-input,sub.sc-ic-date-input,sup.sc-ic-date-input,tt.sc-ic-date-input,var.sc-ic-date-input,b.sc-ic-date-input,u.sc-ic-date-input,i.sc-ic-date-input,center.sc-ic-date-input,dl.sc-ic-date-input,dt.sc-ic-date-input,dd.sc-ic-date-input,ol.sc-ic-date-input,ul.sc-ic-date-input,li.sc-ic-date-input,fieldset.sc-ic-date-input,form.sc-ic-date-input,label.sc-ic-date-input,legend.sc-ic-date-input,table.sc-ic-date-input,caption.sc-ic-date-input,tbody.sc-ic-date-input,tfoot.sc-ic-date-input,thead.sc-ic-date-input,tr.sc-ic-date-input,th.sc-ic-date-input,td.sc-ic-date-input,article.sc-ic-date-input,aside.sc-ic-date-input,canvas.sc-ic-date-input,details.sc-ic-date-input,embed.sc-ic-date-input,figure.sc-ic-date-input,figcaption.sc-ic-date-input,footer.sc-ic-date-input,header.sc-ic-date-input,hgroup.sc-ic-date-input,menu.sc-ic-date-input,nav.sc-ic-date-input,output.sc-ic-date-input,ruby.sc-ic-date-input,section.sc-ic-date-input,summary.sc-ic-date-input,time.sc-ic-date-input,mark.sc-ic-date-input,audio.sc-ic-date-input,video.sc-ic-date-input{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-date-input-h{--ic-input-label-helpertext-padding:var(--ic-space-xxs);--input-bg-color:var(--ic-date-input-bg);--ic-input-label-text-color:var(--ic-date-input-label);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle);--border-color:var(--ic-date-input-border);--border-color-disabled:var(--ic-date-input-border-disabled);--border-color-hover:var(--ic-date-input-border-default-hover);--border-color-pressed:var(--ic-date-input-border-default-pressed);--border-error-color:var(--ic-date-input-border-error);--border-error-color-hover:var(--ic-date-input-border-error-hover);--border-error-color-pressed:var(--ic-date-input-border-error-pressed);--border-success-color:var(--ic-date-input-border-success);--border-success-color-hover:var(--ic-date-input-border-success-hover);--border-success-color-pressed:var(--ic-date-input-border-success-pressed);--border-warning-color:var(--ic-date-input-border-warning);--border-warning-color-hover:var(--ic-date-input-border-warning-hover);--border-warning-color-pressed:var(--ic-date-input-border-warning-pressed)}/*!@:host(.ic-date-input-disabled)*/.ic-date-input-disabled.sc-ic-date-input-h{--ic-input-label-text-color:var(--ic-date-input-label-disabled);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle-disabled)}/*!@input*/input.sc-ic-date-input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;color:var(--ic-date-input-text-filled);caret-color:var(--ic-date-input-typing-cursor)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-date-input::-webkit-outer-spin-button,input.sc-ic-date-input::-webkit-inner-spin-button{-webkit-appearance:none}/*!@input:-webkit-autofill*/input.sc-ic-date-input:-webkit-autofill{box-shadow:0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;-webkit-text-fill-color:var(--ic-date-input-text-filled) !important}/*!@input::-moz-placeholder*/input.sc-ic-date-input::-moz-placeholder{color:var(--ic-date-input-text-placeholder)}/*!@input::placeholder*/input.sc-ic-date-input::placeholder{color:var(--ic-date-input-text-placeholder)}/*!@ic-input-component-container*/ic-input-component-container.sc-ic-date-input{cursor:text}/*!@ic-input-component-container .focus-indicator*/ic-input-component-container.sc-ic-date-input .focus-indicator.sc-ic-date-input{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}/*!@.date-inputs*/.date-inputs.sc-ic-date-input{color:var(--ic-date-input-text-placeholder)}/*!@.day-input*/.day-input.sc-ic-date-input{width:1.438rem}/*!@.month-input*/.month-input.sc-ic-date-input{width:1.813rem}/*!@.year-input,\n.year-input.fit-to-value*/.year-input.sc-ic-date-input,.year-input.fit-to-value.sc-ic-date-input{width:2.313rem}/*!@.fit-to-value*/.fit-to-value.sc-ic-date-input{width:1.25rem}/*!@.sr-only*/.sr-only.sc-ic-date-input{position:absolute;left:-9999px}/*!@.input-container*/.input-container.sc-ic-date-input{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}/*!@.action-buttons*/.action-buttons.sc-ic-date-input{display:flex;align-items:center}/*!@.show-calendar-button-wrapper*/.show-calendar-button-wrapper.sc-ic-date-input{display:flex;justify-content:center;align-items:center}/*!@.clear-button,\n.calendar-button*/.clear-button.sc-ic-date-input,.calendar-button.sc-ic-date-input{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition);margin:0}/*!@.clear-button.hidden*/.clear-button.hidden.sc-ic-date-input{display:none}/*!@.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active,\n.calendar-button:active*/.clear-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:focus,.clear-button.sc-ic-date-input:active,.calendar-button.sc-ic-date-input:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:0.25rem}/*!@.calendar-button:focus,\n.calendar-button:active*/.calendar-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:active{--ic-button-tertiary-text-active:var(--ic-atoms-input-clear-button-focus);--ic-button-tertiary-text-hover-active:var(\n --ic-atoms-input-clear-button-focus\n );--ic-button-tertiary-text-pressed-active:var(\n --ic-atoms-input-clear-button-focus\n )}/*!@.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active *,\n.calendar-button:active **/.clear-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:focus,.clear-button.sc-ic-date-input:active *.sc-ic-date-input,.calendar-button.sc-ic-date-input:active *.sc-ic-date-input{fill:var(--ic-architectural-white)}/*!@.clear-button svg*/.clear-button.sc-ic-date-input svg.sc-ic-date-input{color:var(--ic-date-input-clear-icon)}/*!@.divider*/.divider.sc-ic-date-input{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-atoms-input-divider);border-radius:var(--ic-space-1px)}/*!@.divider.small*/.divider.small.sc-ic-date-input{height:var(--ic-space-md)}/*!@.divider.medium*/.divider.medium.sc-ic-date-input{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}/*!@.divider.large*/.divider.large.sc-ic-date-input{height:var(--ic-space-lg)}/*!@ic-input-validation*/ic-input-validation.sc-ic-date-input{--ic-input-validation-status-text-color:var(--ic-date-input-status-text);--ic-input-validation-error:var(--ic-date-input-icon-error);--ic-input-validation-warning-icon-color:var(--ic-date-input-icon-warning);--ic-input-validation-success-icon-color:var(--ic-date-input-icon-success)}";
|
11919
11976
|
|
11920
11977
|
let inputIds$4 = 0;
|
11921
11978
|
class DateInput {
|
@@ -12745,6 +12802,9 @@ class DateInput {
|
|
12745
12802
|
this.validationStatus = "";
|
12746
12803
|
this.validationText = "";
|
12747
12804
|
}
|
12805
|
+
watchDisabledHandler() {
|
12806
|
+
removeDisabledFalse(this.disabled, this.el);
|
12807
|
+
}
|
12748
12808
|
watchDisableFutureHandler() {
|
12749
12809
|
this.watchMaxHandler();
|
12750
12810
|
}
|
@@ -12805,6 +12865,7 @@ class DateInput {
|
|
12805
12865
|
this.assistiveHintId = `${this.inputId}-assistive-hint`;
|
12806
12866
|
this.selectedDateInfoId = `${this.inputId}-selected-date-info`;
|
12807
12867
|
addFormResetListener(this.el, this.handleFormReset);
|
12868
|
+
removeDisabledFalse(this.disabled, this.el);
|
12808
12869
|
}
|
12809
12870
|
componentDidLoad() {
|
12810
12871
|
this.setInputsInOrder();
|
@@ -12998,6 +13059,7 @@ class DateInput {
|
|
12998
13059
|
static get delegatesFocus() { return true; }
|
12999
13060
|
get el() { return getElement(this); }
|
13000
13061
|
static get watchers() { return {
|
13062
|
+
"disabled": ["watchDisabledHandler"],
|
13001
13063
|
"disableFuture": ["watchDisableFutureHandler"],
|
13002
13064
|
"disablePast": ["watchDisablePastHandler"],
|
13003
13065
|
"max": ["watchMaxHandler"],
|
@@ -13912,6 +13974,9 @@ class DatePicker {
|
|
13912
13974
|
this.validationText = "";
|
13913
13975
|
this.value = "";
|
13914
13976
|
}
|
13977
|
+
watchDisabledHandler() {
|
13978
|
+
removeDisabledFalse(this.disabled, this.el);
|
13979
|
+
}
|
13915
13980
|
watchDisableFutureHandler() {
|
13916
13981
|
this.watchMaxHandler();
|
13917
13982
|
}
|
@@ -14024,6 +14089,7 @@ class DatePicker {
|
|
14024
14089
|
this.watchStartOfWeekHandler();
|
14025
14090
|
this.watchMaxHandler();
|
14026
14091
|
this.watchMinHandler();
|
14092
|
+
removeDisabledFalse(this.disabled, this.el);
|
14027
14093
|
}
|
14028
14094
|
componentWillRender() {
|
14029
14095
|
this.dateInputProps = this.setDateInputProps();
|
@@ -14102,6 +14168,7 @@ class DatePicker {
|
|
14102
14168
|
static get delegatesFocus() { return true; }
|
14103
14169
|
get el() { return getElement(this); }
|
14104
14170
|
static get watchers() { return {
|
14171
|
+
"disabled": ["watchDisabledHandler"],
|
14105
14172
|
"disableFuture": ["watchDisableFutureHandler"],
|
14106
14173
|
"disablePast": ["watchDisablePastHandler"],
|
14107
14174
|
"max": ["watchMaxHandler"],
|
@@ -14503,7 +14570,7 @@ const icDividerCss = ".ic-divider-horizontal.sc-ic-divider-h{display:flex;width:
|
|
14503
14570
|
class Divider {
|
14504
14571
|
constructor(hostRef) {
|
14505
14572
|
registerInstance(this, hostRef);
|
14506
|
-
this.foregroundColor =
|
14573
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
14507
14574
|
this.borderStyle = "solid";
|
14508
14575
|
this.label = undefined;
|
14509
14576
|
this.labelPlacement = "center";
|
@@ -14512,7 +14579,7 @@ class Divider {
|
|
14512
14579
|
this.theme = "inherit";
|
14513
14580
|
this.weight = "thin";
|
14514
14581
|
}
|
14515
|
-
|
14582
|
+
brandChangeHandler(ev) {
|
14516
14583
|
this.foregroundColor = ev.detail.mode;
|
14517
14584
|
}
|
14518
14585
|
updateMonochromeState() {
|
@@ -14592,7 +14659,7 @@ class Divider {
|
|
14592
14659
|
"weight": [1],
|
14593
14660
|
"foregroundColor": [32]
|
14594
14661
|
},
|
14595
|
-
"$listeners$": [[4, "
|
14662
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
14596
14663
|
"$lazyBundleId$": "-",
|
14597
14664
|
"$attrsToReflect$": []
|
14598
14665
|
}; }
|
@@ -14664,7 +14731,7 @@ class EmptyState {
|
|
14664
14731
|
}; }
|
14665
14732
|
}
|
14666
14733
|
|
14667
|
-
const icFooterCss = "/*!@html*/html.sc-ic-footer{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer{margin:0}/*!@main*/main.sc-ic-footer{display:block}/*!@h1*/h1.sc-ic-footer{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer,strong.sc-ic-footer{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer,kbd.sc-ic-footer,samp.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer,sup.sc-ic-footer{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer{top:-0.5em}/*!@img*/img.sc-ic-footer{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer,input.sc-ic-footer,optgroup.sc-ic-footer,select.sc-ic-footer,textarea.sc-ic-footer{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer,input.sc-ic-footer{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer,select.sc-ic-footer{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer,[type=\"button\"].sc-ic-footer,[type=\"reset\"].sc-ic-footer,[type=\"submit\"].sc-ic-footer{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-footer::-moz-focus-inner,[type=\"button\"].sc-ic-footer::-moz-focus-inner,[type=\"reset\"].sc-ic-footer::-moz-focus-inner,[type=\"submit\"].sc-ic-footer::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-footer:-moz-focusring,[type=\"button\"].sc-ic-footer:-moz-focusring,[type=\"reset\"].sc-ic-footer:-moz-focusring,[type=\"submit\"].sc-ic-footer:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer,[type=\"radio\"].sc-ic-footer{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer{display:block}/*!@summary*/summary.sc-ic-footer{display:list-item}/*!@template*/template.sc-ic-footer{display:none}/*!@[hidden]*/[hidden].sc-ic-footer{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-footer,body.sc-ic-footer,div.sc-ic-footer,span.sc-ic-footer,applet.sc-ic-footer,object.sc-ic-footer,iframe.sc-ic-footer,h1.sc-ic-footer,h2.sc-ic-footer,h3.sc-ic-footer,h4.sc-ic-footer,h5.sc-ic-footer,h6.sc-ic-footer,p.sc-ic-footer,blockquote.sc-ic-footer,pre.sc-ic-footer,a.sc-ic-footer,abbr.sc-ic-footer,acronym.sc-ic-footer,address.sc-ic-footer,big.sc-ic-footer,cite.sc-ic-footer,code.sc-ic-footer,del.sc-ic-footer,dfn.sc-ic-footer,em.sc-ic-footer,img.sc-ic-footer,ins.sc-ic-footer,kbd.sc-ic-footer,q.sc-ic-footer,s.sc-ic-footer,samp.sc-ic-footer,small.sc-ic-footer,strike.sc-ic-footer,strong.sc-ic-footer,sub.sc-ic-footer,sup.sc-ic-footer,tt.sc-ic-footer,var.sc-ic-footer,b.sc-ic-footer,u.sc-ic-footer,i.sc-ic-footer,center.sc-ic-footer,dl.sc-ic-footer,dt.sc-ic-footer,dd.sc-ic-footer,ol.sc-ic-footer,ul.sc-ic-footer,li.sc-ic-footer,fieldset.sc-ic-footer,form.sc-ic-footer,label.sc-ic-footer,legend.sc-ic-footer,table.sc-ic-footer,caption.sc-ic-footer,tbody.sc-ic-footer,tfoot.sc-ic-footer,thead.sc-ic-footer,tr.sc-ic-footer,th.sc-ic-footer,td.sc-ic-footer,article.sc-ic-footer,aside.sc-ic-footer,canvas.sc-ic-footer,details.sc-ic-footer,embed.sc-ic-footer,figure.sc-ic-footer,figcaption.sc-ic-footer,footer.sc-ic-footer,header.sc-ic-footer,hgroup.sc-ic-footer,menu.sc-ic-footer,nav.sc-ic-footer,output.sc-ic-footer,ruby.sc-ic-footer,section.sc-ic-footer,summary.sc-ic-footer,time.sc-ic-footer,mark.sc-ic-footer,audio.sc-ic-footer,video.sc-ic-footer{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-footer-h{display:block;--footer-compliance-padding:1rem 0}/*!@:host(.ic-footer-sparse)*/.ic-footer-sparse.sc-ic-footer-h{--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:calc(var(--ic-space-md) + var(--ic-space-xxs));--footer-link-inner-flex-direction:row}/*!@:host(.ic-footer-small)*/.ic-footer-small.sc-ic-footer-h{--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}/*!@:host(.ic-footer-foreground-dark)*/.ic-footer-foreground-dark.sc-ic-footer-h{--ic-footer-background:var(--ic-
|
14734
|
+
const icFooterCss = "/*!@html*/html.sc-ic-footer{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer{margin:0}/*!@main*/main.sc-ic-footer{display:block}/*!@h1*/h1.sc-ic-footer{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer,strong.sc-ic-footer{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer,kbd.sc-ic-footer,samp.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer,sup.sc-ic-footer{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer{top:-0.5em}/*!@img*/img.sc-ic-footer{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer,input.sc-ic-footer,optgroup.sc-ic-footer,select.sc-ic-footer,textarea.sc-ic-footer{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer,input.sc-ic-footer{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer,select.sc-ic-footer{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer,[type=\"button\"].sc-ic-footer,[type=\"reset\"].sc-ic-footer,[type=\"submit\"].sc-ic-footer{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-footer::-moz-focus-inner,[type=\"button\"].sc-ic-footer::-moz-focus-inner,[type=\"reset\"].sc-ic-footer::-moz-focus-inner,[type=\"submit\"].sc-ic-footer::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-footer:-moz-focusring,[type=\"button\"].sc-ic-footer:-moz-focusring,[type=\"reset\"].sc-ic-footer:-moz-focusring,[type=\"submit\"].sc-ic-footer:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer,[type=\"radio\"].sc-ic-footer{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer{display:block}/*!@summary*/summary.sc-ic-footer{display:list-item}/*!@template*/template.sc-ic-footer{display:none}/*!@[hidden]*/[hidden].sc-ic-footer{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-footer,body.sc-ic-footer,div.sc-ic-footer,span.sc-ic-footer,applet.sc-ic-footer,object.sc-ic-footer,iframe.sc-ic-footer,h1.sc-ic-footer,h2.sc-ic-footer,h3.sc-ic-footer,h4.sc-ic-footer,h5.sc-ic-footer,h6.sc-ic-footer,p.sc-ic-footer,blockquote.sc-ic-footer,pre.sc-ic-footer,a.sc-ic-footer,abbr.sc-ic-footer,acronym.sc-ic-footer,address.sc-ic-footer,big.sc-ic-footer,cite.sc-ic-footer,code.sc-ic-footer,del.sc-ic-footer,dfn.sc-ic-footer,em.sc-ic-footer,img.sc-ic-footer,ins.sc-ic-footer,kbd.sc-ic-footer,q.sc-ic-footer,s.sc-ic-footer,samp.sc-ic-footer,small.sc-ic-footer,strike.sc-ic-footer,strong.sc-ic-footer,sub.sc-ic-footer,sup.sc-ic-footer,tt.sc-ic-footer,var.sc-ic-footer,b.sc-ic-footer,u.sc-ic-footer,i.sc-ic-footer,center.sc-ic-footer,dl.sc-ic-footer,dt.sc-ic-footer,dd.sc-ic-footer,ol.sc-ic-footer,ul.sc-ic-footer,li.sc-ic-footer,fieldset.sc-ic-footer,form.sc-ic-footer,label.sc-ic-footer,legend.sc-ic-footer,table.sc-ic-footer,caption.sc-ic-footer,tbody.sc-ic-footer,tfoot.sc-ic-footer,thead.sc-ic-footer,tr.sc-ic-footer,th.sc-ic-footer,td.sc-ic-footer,article.sc-ic-footer,aside.sc-ic-footer,canvas.sc-ic-footer,details.sc-ic-footer,embed.sc-ic-footer,figure.sc-ic-footer,figcaption.sc-ic-footer,footer.sc-ic-footer,header.sc-ic-footer,hgroup.sc-ic-footer,menu.sc-ic-footer,nav.sc-ic-footer,output.sc-ic-footer,ruby.sc-ic-footer,section.sc-ic-footer,summary.sc-ic-footer,time.sc-ic-footer,mark.sc-ic-footer,audio.sc-ic-footer,video.sc-ic-footer{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-footer-h{display:block;--footer-compliance-padding:1rem 0}/*!@:host(.ic-footer-sparse)*/.ic-footer-sparse.sc-ic-footer-h{--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:calc(var(--ic-space-md) + var(--ic-space-xxs));--footer-link-inner-flex-direction:row}/*!@:host(.ic-footer-small)*/.ic-footer-small.sc-ic-footer-h{--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}/*!@:host(.ic-footer-foreground-dark)*/.ic-footer-foreground-dark.sc-ic-footer-h{--ic-footer-background:var(--ic-brand-color-secondary-light);--ic-footer-bottom-background:var(--ic-brand-color-tertiary-light);--ic-footer-keyline:var(--ic-state-layer-darken-20);--ic-footer-text:var(--ic-color-text-primary-light);--ic-footer-link:var(--ic-color-text-primary-light);--ic-footer-icon:var(--ic-color-icon-neutral);--ic-footer-chevron-icon:var(--ic-color-icon-neutral);--ic-footer-logo:var(--ic-color-icon-neutral);--ic-footer-hover:var(--ic-architectural-700-state-layer-10);--ic-footer-pressed:var(--ic-architectural-700-state-layer-20)}/*!@:host(.ic-footer-small.ic-footer-ungrouped)*/.ic-footer-small.ic-footer-ungrouped.sc-ic-footer-h{--footer-links-padding:var(--ic-space-md) 0 0 0}/*!@footer*/footer.sc-ic-footer{display:flex;flex-direction:column;width:100%}/*!@.footer-description*/.footer-description.sc-ic-footer{background-color:var(--ic-footer-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text);border-bottom:var(--ic-space-1px) solid var(--ic-footer-keyline)}/*!@.footer-description-inner*/.footer-description-inner.sc-ic-footer{padding:1rem 0}/*!@.footer-links*/.footer-links.sc-ic-footer{padding:var(--footer-links-padding);background-color:var(--ic-footer-background);color:var(--ic-footer-link);--ic-typography-color:var(--ic-footer-link)}/*!@.footer-links-inner*/.footer-links-inner.sc-ic-footer{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}/*!@.footer-compliance*/.footer-compliance.sc-ic-footer{background-color:var(--ic-footer-bottom-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text)}/*!@.footer-compliance-inner*/.footer-compliance-inner.sc-ic-footer{padding:var(--footer-compliance-padding)}/*!@.footer-logo*/.footer-logo.sc-ic-footer{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}/*!@.footer-logo > ::slotted()*/.footer-logo>.sc-ic-footer-h{margin-right:var(--ic-space-md)}/*!@.footer-caption*/.footer-caption.sc-ic-footer{margin-bottom:var(--ic-space-md)}/*!@.classification-spacing*/.classification-spacing.sc-ic-footer{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){/*!@footer*/footer.sc-ic-footer{border-top:var(--ic-border-hc)}}";
|
14668
14735
|
|
14669
14736
|
/**
|
14670
14737
|
* @slot description - Content will be rendered at the top of the footer.
|
@@ -14691,7 +14758,7 @@ class Footer {
|
|
14691
14758
|
this.resizeObserver.observe(this.footerEl);
|
14692
14759
|
};
|
14693
14760
|
this.deviceSize = IC_DEVICE_SIZES.XL;
|
14694
|
-
this.foregroundColor =
|
14761
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
14695
14762
|
this.aligned = "left";
|
14696
14763
|
this.breakpoint = "medium";
|
14697
14764
|
this.caption = undefined;
|
@@ -14710,9 +14777,8 @@ class Footer {
|
|
14710
14777
|
componentDidLoad() {
|
14711
14778
|
checkResizeObserver$1(this.runResizeObserver);
|
14712
14779
|
}
|
14713
|
-
|
14714
|
-
|
14715
|
-
this.foregroundColor = theme.mode;
|
14780
|
+
brandChangeHandler(ev) {
|
14781
|
+
this.foregroundColor = ev.detail.mode;
|
14716
14782
|
}
|
14717
14783
|
isSmall() {
|
14718
14784
|
const bp = this.breakpoint;
|
@@ -14737,8 +14803,8 @@ class Footer {
|
|
14737
14803
|
[`ic-footer-${groupLinks ? "grouped" : "ungrouped"}`]: true,
|
14738
14804
|
[`ic-footer-foreground-${foregroundColor}`]: true,
|
14739
14805
|
// Slots will be able to infer their own color
|
14740
|
-
[`ic-footer-${
|
14741
|
-
[`ic-footer-${
|
14806
|
+
[`ic-footer-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
|
14807
|
+
[`ic-footer-${IcBrandForegroundEnum$1.Light}`]: foregroundColor === IcBrandForegroundEnum$1.Light,
|
14742
14808
|
} }, hAsync("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, (isSlotUsed$1(this.el, "description") || description) && (hAsync("div", { class: "footer-description" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-description-inner" }, hAsync("ic-typography", { variant: "body" }, hAsync("slot", { name: "description" }, description)))))), isSlotUsed$1(this.el, "link") && (hAsync("div", { class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), hAsync("div", { class: "footer-compliance" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-compliance-inner" }, isSlotUsed$1(this.el, "logo") && (hAsync("div", { class: "footer-logo" }, hAsync("slot", { name: "logo" }))), (isSlotUsed$1(this.el, "caption") || caption) && (hAsync("div", { class: "footer-caption" }, hAsync("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
|
14743
14809
|
? "caption"
|
14744
14810
|
: "body" }, hAsync("slot", { name: "caption" }, caption)))), copyright && (hAsync("div", { class: {
|
@@ -14763,7 +14829,7 @@ class Footer {
|
|
14763
14829
|
"deviceSize": [32],
|
14764
14830
|
"foregroundColor": [32]
|
14765
14831
|
},
|
14766
|
-
"$listeners$": [[4, "
|
14832
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
14767
14833
|
"$lazyBundleId$": "-",
|
14768
14834
|
"$attrsToReflect$": []
|
14769
14835
|
}; }
|
@@ -14776,7 +14842,7 @@ class FooterLink {
|
|
14776
14842
|
registerInstance(this, hostRef);
|
14777
14843
|
this.deviceSize = DEVICE_SIZES.XL;
|
14778
14844
|
this.footerConfig = { small: false, grouped: false };
|
14779
|
-
this.foregroundColor =
|
14845
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
14780
14846
|
this.download = false;
|
14781
14847
|
this.href = null;
|
14782
14848
|
this.hreflang = undefined;
|
@@ -14790,9 +14856,8 @@ class FooterLink {
|
|
14790
14856
|
footerResizeHandler() {
|
14791
14857
|
this.footerConfig = this.inferConfig(this.el);
|
14792
14858
|
}
|
14793
|
-
|
14794
|
-
|
14795
|
-
this.foregroundColor = theme.mode;
|
14859
|
+
footerBrandChangeHandler(ev) {
|
14860
|
+
this.foregroundColor = ev.detail.mode;
|
14796
14861
|
}
|
14797
14862
|
inferConfig(e) {
|
14798
14863
|
if (e.parentElement !== null) {
|
@@ -14836,7 +14901,7 @@ class FooterLink {
|
|
14836
14901
|
"footerConfig": [32],
|
14837
14902
|
"foregroundColor": [32]
|
14838
14903
|
},
|
14839
|
-
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "
|
14904
|
+
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "brandChange", "footerBrandChangeHandler"]],
|
14840
14905
|
"$lazyBundleId$": "-",
|
14841
14906
|
"$attrsToReflect$": []
|
14842
14907
|
}; }
|
@@ -14857,7 +14922,7 @@ class FooterLinkGroup {
|
|
14857
14922
|
};
|
14858
14923
|
this.expanded = false;
|
14859
14924
|
this.deviceSize = DEVICE_SIZES.XL;
|
14860
|
-
this.dropdownIconStyle =
|
14925
|
+
this.dropdownIconStyle = getBrandForegroundAppearance();
|
14861
14926
|
this.small = false;
|
14862
14927
|
this.label = undefined;
|
14863
14928
|
}
|
@@ -14870,9 +14935,8 @@ class FooterLinkGroup {
|
|
14870
14935
|
footerResizeHandler() {
|
14871
14936
|
this.small = this.isSmall(this.el);
|
14872
14937
|
}
|
14873
|
-
|
14874
|
-
|
14875
|
-
this.dropdownIconStyle = theme.mode;
|
14938
|
+
footerBrandChangeHandler(ev) {
|
14939
|
+
this.dropdownIconStyle = ev.detail.mode;
|
14876
14940
|
}
|
14877
14941
|
isSmall(e) {
|
14878
14942
|
if (e.parentElement !== null) {
|
@@ -14910,13 +14974,13 @@ class FooterLinkGroup {
|
|
14910
14974
|
"dropdownIconStyle": [32],
|
14911
14975
|
"small": [32]
|
14912
14976
|
},
|
14913
|
-
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "
|
14977
|
+
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "brandChange", "footerBrandChangeHandler"]],
|
14914
14978
|
"$lazyBundleId$": "-",
|
14915
14979
|
"$attrsToReflect$": []
|
14916
14980
|
}; }
|
14917
14981
|
}
|
14918
14982
|
|
14919
|
-
const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-theme-tertiary);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}/*!@:host(.ic-hero-dark)*/.ic-hero-dark.sc-ic-hero-h{background-color:var(--ic-theme-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-color-text-primary)}/*!@.heading*/.heading.sc-ic-hero{--ic-typography-color:var(--ic-hero-heading)}/*!@.subheading*/.subheading.sc-ic-hero{--ic-typography-color:var(--ic-hero-body)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -6.25rem !important}}/*!@ic-typography.heading-bottom-spacing*/ic-typography.heading-bottom-spacing.sc-ic-hero{margin-bottom:var(--hero-heading-bottom-margin)}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{padding:var(--ic-space-xl) 0}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:50%}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:100%}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}@media (min-width: 992px){/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:66.6%}}@media (min-width: 1044px){/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:66.6%}/*!@.left-container*/.left-container.sc-ic-hero{min-height:9rem}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:3.125rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:9rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:5.922rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:2.125rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:17.5rem}/*!@:host(.secondary-heading) .section-container,\n :host(.ic-hero-small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:2.5rem}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:12rem}/*!@:host,\n .right-container*/.sc-ic-hero-h,.right-container.sc-ic-hero{margin-bottom:var(--ic-space-md)}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:16.5rem}/*!@:host(.secondary-heading) .section-container,\n :host(.ic-hero-small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
|
14983
|
+
const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-brand-color-tertiary);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}/*!@:host(.ic-hero-dark)*/.ic-hero-dark.sc-ic-hero-h{background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}/*!@.heading*/.heading.sc-ic-hero{--ic-typography-color:var(--ic-hero-heading)}/*!@.subheading*/.subheading.sc-ic-hero{--ic-typography-color:var(--ic-hero-body)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -6.25rem !important}}/*!@ic-typography.heading-bottom-spacing*/ic-typography.heading-bottom-spacing.sc-ic-hero{margin-bottom:var(--hero-heading-bottom-margin)}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{padding:var(--ic-space-xl) 0}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:50%}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:100%}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}@media (min-width: 992px){/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:66.6%}}@media (min-width: 1044px){/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:66.6%}/*!@.left-container*/.left-container.sc-ic-hero{min-height:9rem}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:3.125rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:9rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:5.922rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:2.125rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:17.5rem}/*!@:host(.secondary-heading) .section-container,\n :host(.ic-hero-small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:2.5rem}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:12rem}/*!@:host,\n .right-container*/.sc-ic-hero-h,.right-container.sc-ic-hero{margin-bottom:var(--ic-space-md)}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:16.5rem}/*!@:host(.secondary-heading) .section-container,\n :host(.ic-hero-small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
|
14920
14984
|
|
14921
14985
|
/**
|
14922
14986
|
* @slot heading - Content will be rendered in the title area, in place of the heading.
|
@@ -14933,7 +14997,7 @@ class Hero {
|
|
14933
14997
|
? checkSlotInChildMutations$1(addedNodes, removedNodes, "secondary")
|
14934
14998
|
: false)) ;
|
14935
14999
|
};
|
14936
|
-
this.foregroundColor =
|
15000
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
14937
15001
|
this.rightContent = false;
|
14938
15002
|
this.leftContentFullWidth = !this.rightContent && this.secondaryHeading === undefined;
|
14939
15003
|
this.scrollFactor = "right -100px";
|
@@ -14965,9 +15029,8 @@ class Hero {
|
|
14965
15029
|
componentWillRender() {
|
14966
15030
|
this.rightContent = slotHasContent(this.el, "secondary");
|
14967
15031
|
}
|
14968
|
-
|
14969
|
-
|
14970
|
-
this.foregroundColor = theme.mode;
|
15032
|
+
brandChangeHandler(ev) {
|
15033
|
+
this.foregroundColor = ev.detail.mode;
|
14971
15034
|
}
|
14972
15035
|
doScroll() {
|
14973
15036
|
if (this.disableBackgroundParallax) {
|
@@ -14988,7 +15051,7 @@ class Hero {
|
|
14988
15051
|
};
|
14989
15052
|
}
|
14990
15053
|
return (hAsync(Host, { class: {
|
14991
|
-
[`ic-hero-${
|
15054
|
+
[`ic-hero-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
|
14992
15055
|
["has-background-image"]: backgroundImage !== undefined,
|
14993
15056
|
["ic-hero-small"]: size === "small",
|
14994
15057
|
["secondary-heading"]: !!secondaryHeading,
|
@@ -15019,7 +15082,7 @@ class Hero {
|
|
15019
15082
|
"leftContentFullWidth": [32],
|
15020
15083
|
"scrollFactor": [32]
|
15021
15084
|
},
|
15022
|
-
"$listeners$": [[4, "
|
15085
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"], [5, "scroll", "doScroll"]],
|
15023
15086
|
"$lazyBundleId$": "-",
|
15024
15087
|
"$attrsToReflect$": []
|
15025
15088
|
}; }
|
@@ -15178,8 +15241,8 @@ class HorizontalScroll {
|
|
15178
15241
|
const { firstItemVisible, lastItemVisible, itemOverflow } = this;
|
15179
15242
|
return (hAsync(Host, { class: {
|
15180
15243
|
["ic-horizontal-scroll-visible"]: itemOverflow,
|
15181
|
-
["ic-horizontal-scroll-dark"]: this.appearance ===
|
15182
|
-
["ic-horizontal-scroll-light"]: this.appearance ===
|
15244
|
+
["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum$1.Dark,
|
15245
|
+
["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum$1.Light,
|
15183
15246
|
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
15184
15247
|
} }, hAsync("div", { "aria-hidden": "true", class: {
|
15185
15248
|
["scroll-container-left"]: true,
|
@@ -15237,6 +15300,12 @@ class InputComponentContainer {
|
|
15237
15300
|
this.validationInline = false;
|
15238
15301
|
this.validationStatus = "";
|
15239
15302
|
}
|
15303
|
+
watchDisabledHandler() {
|
15304
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
15305
|
+
}
|
15306
|
+
componentWillLoad() {
|
15307
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
15308
|
+
}
|
15240
15309
|
componentDidLoad() {
|
15241
15310
|
this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
|
15242
15311
|
this.hostMutationObserver.observe(this.el, { childList: true });
|
@@ -15250,10 +15319,13 @@ class InputComponentContainer {
|
|
15250
15319
|
"ic-input-component-container-readonly": readonly,
|
15251
15320
|
"ic-input-component-container-multiline": multiLine,
|
15252
15321
|
"ic-input-component-container-full-width": fullWidth,
|
15253
|
-
}, "aria-disabled": disabled
|
15322
|
+
}, "aria-disabled": disabled ? "true" : null }, hAsync("div", { class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "left-icon" }))), hAsync("slot", null), validationInline &&
|
15254
15323
|
validationStatus === IcInformationStatus$1.Success && (hAsync("span", { class: "inline-success", innerHTML: successIcon })))));
|
15255
15324
|
}
|
15256
15325
|
get el() { return getElement(this); }
|
15326
|
+
static get watchers() { return {
|
15327
|
+
"disabled": ["watchDisabledHandler"]
|
15328
|
+
}; }
|
15257
15329
|
static get style() { return icInputComponentContainerCss; }
|
15258
15330
|
static get cmpMeta() { return {
|
15259
15331
|
"$flags$": 4,
|
@@ -15453,7 +15525,7 @@ class Link {
|
|
15453
15525
|
var _a;
|
15454
15526
|
(_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
15455
15527
|
}
|
15456
|
-
|
15528
|
+
brandChangeHandler({ detail }) {
|
15457
15529
|
this.updateTheme(detail.mode);
|
15458
15530
|
}
|
15459
15531
|
/**
|
@@ -15463,11 +15535,14 @@ class Link {
|
|
15463
15535
|
var _a;
|
15464
15536
|
(_a = this.el.shadowRoot.querySelector("a")) === null || _a === void 0 ? void 0 : _a.focus();
|
15465
15537
|
}
|
15466
|
-
updateTheme(
|
15467
|
-
const theme =
|
15468
|
-
if (theme !==
|
15538
|
+
updateTheme(mode = null) {
|
15539
|
+
const theme = getBrandFromContext$1(this.el, mode);
|
15540
|
+
if (theme !== IcBrandForegroundEnum$1.Default) {
|
15469
15541
|
this.monochrome = true;
|
15470
|
-
this.theme =
|
15542
|
+
this.theme =
|
15543
|
+
theme === IcBrandForegroundEnum$1.Light
|
15544
|
+
? IcBrandForegroundEnum$1.Dark
|
15545
|
+
: IcBrandForegroundEnum$1.Light;
|
15471
15546
|
}
|
15472
15547
|
}
|
15473
15548
|
hasRouterSlot() {
|
@@ -15504,7 +15579,7 @@ class Link {
|
|
15504
15579
|
"theme": [1025],
|
15505
15580
|
"setFocus": [64]
|
15506
15581
|
},
|
15507
|
-
"$listeners$": [[4, "
|
15582
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
15508
15583
|
"$lazyBundleId$": "-",
|
15509
15584
|
"$attrsToReflect$": []
|
15510
15585
|
}; }
|
@@ -18236,7 +18311,7 @@ class Menu {
|
|
18236
18311
|
this.menuOptions = undefined;
|
18237
18312
|
this.activationType = "automatic";
|
18238
18313
|
this.anchorEl = undefined;
|
18239
|
-
this.
|
18314
|
+
this.autofocusOnSelected = true;
|
18240
18315
|
this.closeOnSelect = true;
|
18241
18316
|
this.fullWidth = false;
|
18242
18317
|
this.inputEl = undefined;
|
@@ -18307,7 +18382,7 @@ class Menu {
|
|
18307
18382
|
if (this.value &&
|
18308
18383
|
this.keyboardNav &&
|
18309
18384
|
inputValueInOptions &&
|
18310
|
-
this.
|
18385
|
+
this.autofocusOnSelected &&
|
18311
18386
|
!this.isSearchableSelect) {
|
18312
18387
|
this.scrollToSelected(this.menu);
|
18313
18388
|
}
|
@@ -18456,7 +18531,7 @@ class Menu {
|
|
18456
18531
|
"$members$": {
|
18457
18532
|
"activationType": [1, "activation-type"],
|
18458
18533
|
"anchorEl": [16],
|
18459
|
-
"
|
18534
|
+
"autofocusOnSelected": [4, "autofocus-on-selected"],
|
18460
18535
|
"closeOnSelect": [4, "close-on-select"],
|
18461
18536
|
"fullWidth": [4, "full-width"],
|
18462
18537
|
"inputEl": [16],
|
@@ -18577,6 +18652,9 @@ class MenuItem {
|
|
18577
18652
|
this.target = undefined;
|
18578
18653
|
this.variant = "default";
|
18579
18654
|
}
|
18655
|
+
watchDisabledHandler() {
|
18656
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
18657
|
+
}
|
18580
18658
|
componentWillLoad() {
|
18581
18659
|
// This ensures that trigger menu items are always set to the default variant
|
18582
18660
|
if (isPropDefined$1(this.submenuTriggerFor) && this.variant !== "default") {
|
@@ -18613,6 +18691,9 @@ class MenuItem {
|
|
18613
18691
|
}
|
18614
18692
|
static get delegatesFocus() { return true; }
|
18615
18693
|
get el() { return getElement(this); }
|
18694
|
+
static get watchers() { return {
|
18695
|
+
"disabled": ["watchDisabledHandler"]
|
18696
|
+
}; }
|
18616
18697
|
static get style() { return icMenuItemCss; }
|
18617
18698
|
static get cmpMeta() { return {
|
18618
18699
|
"$flags$": 25,
|
@@ -18658,7 +18739,7 @@ class NavigationButton {
|
|
18658
18739
|
}
|
18659
18740
|
});
|
18660
18741
|
};
|
18661
|
-
this.initialAppearance =
|
18742
|
+
this.initialAppearance = getBrandForegroundAppearance();
|
18662
18743
|
this.mode = "navbar";
|
18663
18744
|
this.download = false;
|
18664
18745
|
this.href = undefined;
|
@@ -18693,9 +18774,8 @@ class NavigationButton {
|
|
18693
18774
|
navBarMenuCloseHandler() {
|
18694
18775
|
this.mode = "navbar";
|
18695
18776
|
}
|
18696
|
-
|
18697
|
-
|
18698
|
-
this.initialAppearance = theme.mode;
|
18777
|
+
brandChangeHandler(ev) {
|
18778
|
+
this.initialAppearance = ev.detail.mode;
|
18699
18779
|
}
|
18700
18780
|
/**
|
18701
18781
|
* Sets focus on the native `button`.
|
@@ -18717,7 +18797,7 @@ class NavigationButton {
|
|
18717
18797
|
if (this.mode === "menu") {
|
18718
18798
|
label = this.label;
|
18719
18799
|
variant = "tertiary";
|
18720
|
-
appearance =
|
18800
|
+
appearance = IcBrandForegroundEnum$1.Default;
|
18721
18801
|
size = "medium";
|
18722
18802
|
fullWidth = true;
|
18723
18803
|
className = "popout-menu-button";
|
@@ -18738,7 +18818,7 @@ class NavigationButton {
|
|
18738
18818
|
return (hAsync(Host, { class: {
|
18739
18819
|
["in-side-menu"]: this.mode === "menu",
|
18740
18820
|
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
18741
|
-
} }, hAsync("ic-button", Object.assign({ class: className, "aria-label": variant == "icon" ? this.label : null, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes, { monochrome: this.mode !== "menu", theme:
|
18821
|
+
} }, hAsync("ic-button", Object.assign({ class: className, "aria-label": variant == "icon" ? this.label : null, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes, { monochrome: this.mode !== "menu", theme: getBrandForegroundAppearance() == "light" ? "light" : "dark" }), label, hAsync("slot", { slot: "left-icon", name: "icon" }), isSlotUsed$1(this.el, "badge") && variant === "icon" && (hAsync("slot", { name: "badge" })))));
|
18742
18822
|
}
|
18743
18823
|
static get delegatesFocus() { return true; }
|
18744
18824
|
get el() { return getElement(this); }
|
@@ -18759,13 +18839,13 @@ class NavigationButton {
|
|
18759
18839
|
"mode": [32],
|
18760
18840
|
"setFocus": [64]
|
18761
18841
|
},
|
18762
|
-
"$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "
|
18842
|
+
"$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "brandChange", "brandChangeHandler"]],
|
18763
18843
|
"$lazyBundleId$": "-",
|
18764
18844
|
"$attrsToReflect$": []
|
18765
18845
|
}; }
|
18766
18846
|
}
|
18767
18847
|
|
18768
|
-
const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block;--ic-typography-color:currentcolor}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid\n var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-top-navigation-nav-group-hover);color:var(--ic-top-navigation-nav-group-link);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:active*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active{background-color:var(--ic-top-navigation-nav-group-pressed);color:var(--ic-top-navigation-nav-group-link)}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.ic-navigation-group-expanded) .grouped-links-wrapper*/.ic-navigation-group-expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a)*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.ic-navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.ic-navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.ic-navigation-group-collapsed) .grouped-links-wrapper*/.ic-navigation-group-collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .navigation-group*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:focus*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.ic-navigation-group-side-nav) .ic-typography-caption*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}";
|
18848
|
+
const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block;--ic-typography-color:currentcolor}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid\n var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-top-navigation-nav-group-hover);color:var(--ic-top-navigation-nav-group-link);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:active*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active{background-color:var(--ic-top-navigation-nav-group-pressed);color:var(--ic-top-navigation-nav-group-link)}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.ic-navigation-group-expanded) .grouped-links-wrapper*/.ic-navigation-group-expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a)*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.ic-navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.ic-navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.ic-navigation-group-collapsed) .grouped-links-wrapper*/.ic-navigation-group-collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .navigation-group*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:focus*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.ic-navigation-group-side-nav) .ic-typography-caption*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}";
|
18769
18849
|
|
18770
18850
|
class NavigationGroup {
|
18771
18851
|
constructor(hostRef) {
|
@@ -18967,7 +19047,7 @@ class NavigationGroup {
|
|
18967
19047
|
this.deviceSize = DEVICE_SIZES.XL;
|
18968
19048
|
this.dropdownOpen = false;
|
18969
19049
|
this.expanded = true;
|
18970
|
-
this.focusStyle =
|
19050
|
+
this.focusStyle = getBrandForegroundAppearance();
|
18971
19051
|
this.inTopNavSideMenu = false;
|
18972
19052
|
this.navigationType = undefined;
|
18973
19053
|
this.parentEl = undefined;
|
@@ -19013,9 +19093,8 @@ class NavigationGroup {
|
|
19013
19093
|
navItemClickHandler() {
|
19014
19094
|
this.hideDropdown();
|
19015
19095
|
}
|
19016
|
-
|
19017
|
-
|
19018
|
-
this.focusStyle = theme.mode;
|
19096
|
+
brandChangeHandler(ev) {
|
19097
|
+
this.focusStyle = ev.detail.mode;
|
19019
19098
|
}
|
19020
19099
|
/**
|
19021
19100
|
* Sets focus on the nav item.
|
@@ -19083,13 +19162,13 @@ class NavigationGroup {
|
|
19083
19162
|
"parentEl": [32],
|
19084
19163
|
"setFocus": [64]
|
19085
19164
|
},
|
19086
|
-
"$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "navItemClicked", "navItemClickHandler"], [4, "
|
19165
|
+
"$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "navItemClicked", "navItemClickHandler"], [4, "brandChange", "brandChangeHandler"]],
|
19087
19166
|
"$lazyBundleId$": "-",
|
19088
19167
|
"$attrsToReflect$": []
|
19089
19168
|
}; }
|
19090
19169
|
}
|
19091
19170
|
|
19092
|
-
const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block;--navigation-link-colour:var(--ic-theme-text)}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:var(--ic-z-index-navigation-item)}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-theme-text)}/*!@.svg*/.svg.sc-ic-navigation-item{margin-left:auto}/*!@.chevron-container svg,\n.chevron-container .svg*/.chevron-container.sc-ic-navigation-item svg.sc-ic-navigation-item,.chevron-container.sc-ic-navigation-item .svg.sc-ic-navigation-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chevron-container*/.chevron-container.sc-ic-navigation-item{flex-grow:1}/*!@:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a)*/.expandable.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.expandable.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.expandable.navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}/*!@:host(.navigation-item-selected.navigation-item-page-header)\n ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover);cursor:pointer}/*!@:host(\n .navigation-item:not(\n .navigation-item-page-header,\n .navigation-item-side-menu\n )\n )\n ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(\n .navigation-item:not(\n .navigation-item-top-nav-child,\n .navigation-item-side-menu,\n .navigation-item-top-nav-child-selected\n .navigation-item-side-menu-selected\n )\n )\n .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child.sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected.sc-ic-navigation-item).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed) !important}/*!@:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{margin-top:0.25rem}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link\n ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1;min-width:-moz-min-content;min-width:min-content}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-theme-text);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:active)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n a.link\n ic-typography,\n:host(.navigation-item-side-nav) div.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n div.link\n ic-typography,\n.navigation-item-side-nav-slotted-text*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-theme-text)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(\n :not(\n .navigation-item-side-nav-collapsed\n ).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label\n )\n .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed.sc-ic-navigation-item).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n .link,\n:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-theme-text);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}/*!@:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-pressed) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}/*!@:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n .link:focus::before*/.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}/*!@.open-in-new-icon*/.open-in-new-icon.sc-ic-navigation-item{flex:1}/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav) .open-in-new-icon*/.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item{margin-left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg*/.navigation-item-top-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:0.875rem;width:0.875rem}/*!@:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg*/.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:var(--ic-space-md);width:var(--ic-space-md)}/*!@:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg*/.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:var(--ic-color-text-primary)}@media (forced-colors: active){/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:currentcolor}}";
|
19171
|
+
const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block;--navigation-link-colour:var(--ic-brand-text-color)}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:var(--ic-z-index-navigation-item)}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}/*!@.svg*/.svg.sc-ic-navigation-item{margin-left:auto}/*!@.chevron-container svg,\n.chevron-container .svg*/.chevron-container.sc-ic-navigation-item svg.sc-ic-navigation-item,.chevron-container.sc-ic-navigation-item .svg.sc-ic-navigation-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chevron-container*/.chevron-container.sc-ic-navigation-item{flex-grow:1}/*!@:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a)*/.expandable.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.expandable.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.expandable.navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}/*!@:host(.navigation-item-selected.navigation-item-page-header)\n ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}/*!@:host(\n .navigation-item:not(\n .navigation-item-page-header,\n .navigation-item-side-menu\n )\n )\n ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-brand-hover) !important}/*!@:host(\n .navigation-item:not(\n .navigation-item-top-nav-child,\n .navigation-item-side-menu,\n .navigation-item-top-nav-child-selected\n .navigation-item-side-menu-selected\n )\n )\n .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child.sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected.sc-ic-navigation-item).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-brand-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed) !important}/*!@:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{margin-top:0.25rem}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link\n ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1;min-width:-moz-min-content;min-width:min-content}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:active)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n a.link\n ic-typography,\n:host(.navigation-item-side-nav) div.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n div.link\n ic-typography,\n.navigation-item-side-nav-slotted-text*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(\n :not(\n .navigation-item-side-nav-collapsed\n ).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label\n )\n .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed.sc-ic-navigation-item).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n .link,\n:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-brand-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}/*!@:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-pressed) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}/*!@:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n .link:focus::before*/.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}/*!@.open-in-new-icon*/.open-in-new-icon.sc-ic-navigation-item{flex:1}/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav) .open-in-new-icon*/.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item{margin-left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg*/.navigation-item-top-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:0.875rem;width:0.875rem}/*!@:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg*/.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:var(--ic-space-md);width:var(--ic-space-md)}/*!@:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg*/.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:var(--ic-color-text-primary)}@media (forced-colors: active){/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:currentcolor}}";
|
19093
19172
|
|
19094
19173
|
/**
|
19095
19174
|
* @part link - The `<a>` within ic-navigation-item
|
@@ -19187,7 +19266,7 @@ class NavigationItem {
|
|
19187
19266
|
}
|
19188
19267
|
};
|
19189
19268
|
this.deviceSize = DEVICE_SIZES.XL;
|
19190
|
-
this.focusStyle =
|
19269
|
+
this.focusStyle = getBrandForegroundAppearance();
|
19191
19270
|
this.inTopNavSideMenu = false;
|
19192
19271
|
this.isSideNavMobile = false;
|
19193
19272
|
this.isTopNavChild = false;
|
@@ -19255,7 +19334,7 @@ class NavigationItem {
|
|
19255
19334
|
componentDidUpdate() {
|
19256
19335
|
this.isInitialRender = false;
|
19257
19336
|
}
|
19258
|
-
|
19337
|
+
brandChangeHandler({ detail }) {
|
19259
19338
|
this.focusStyle = detail.mode;
|
19260
19339
|
}
|
19261
19340
|
/**
|
@@ -19324,7 +19403,7 @@ class NavigationItem {
|
|
19324
19403
|
"ariaLabel": [32],
|
19325
19404
|
"setFocus": [64]
|
19326
19405
|
},
|
19327
|
-
"$listeners$": [[4, "
|
19406
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
19328
19407
|
"$lazyBundleId$": "-",
|
19329
19408
|
"$attrsToReflect$": []
|
19330
19409
|
}; }
|
@@ -19689,6 +19768,9 @@ class Pagination {
|
|
19689
19768
|
this.boundaryPageCount = 2;
|
19690
19769
|
}
|
19691
19770
|
}
|
19771
|
+
watchDisabledHandler() {
|
19772
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
19773
|
+
}
|
19692
19774
|
watchNumberPagesHandler() {
|
19693
19775
|
this.watchPageChangeHandler();
|
19694
19776
|
}
|
@@ -19824,6 +19906,7 @@ class Pagination {
|
|
19824
19906
|
static get watchers() { return {
|
19825
19907
|
"adjacentPageCount": ["watchAdjacentPageCountHandler"],
|
19826
19908
|
"boundaryPageCount": ["watchBoundaryPageCountHandler"],
|
19909
|
+
"disabled": ["watchDisabledHandler"],
|
19827
19910
|
"pages": ["watchNumberPagesHandler"],
|
19828
19911
|
"type": ["watchTypeHandler"],
|
19829
19912
|
"currentPage": ["watchPageChangeHandler"]
|
@@ -19987,7 +20070,10 @@ class PaginationBar {
|
|
19987
20070
|
this.icPageChange.emit({ value: this.activePage, fromItemsPerPage: true });
|
19988
20071
|
};
|
19989
20072
|
this.setPaginationBarContent = () => {
|
19990
|
-
const
|
20073
|
+
const clonedItemsPerPageOptions = this.itemsPerPageOptions
|
20074
|
+
? JSON.parse(JSON.stringify(this.itemsPerPageOptions))
|
20075
|
+
: null;
|
20076
|
+
const displayedItemsPerPageOptions = clonedItemsPerPageOptions ||
|
19991
20077
|
(this.totalItems <= 100
|
19992
20078
|
? [
|
19993
20079
|
{ label: "10", value: "10" },
|
@@ -20193,6 +20279,9 @@ class PaginationItem {
|
|
20193
20279
|
this.theme = "inherit";
|
20194
20280
|
this.type = undefined;
|
20195
20281
|
}
|
20282
|
+
watchDisabledHandler() {
|
20283
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
20284
|
+
}
|
20196
20285
|
watchLabelHandler() {
|
20197
20286
|
this.capitalizedLabel = capitalize$1(this.label);
|
20198
20287
|
}
|
@@ -20221,6 +20310,7 @@ class PaginationItem {
|
|
20221
20310
|
}
|
20222
20311
|
get el() { return getElement(this); }
|
20223
20312
|
static get watchers() { return {
|
20313
|
+
"disabled": ["watchDisabledHandler"],
|
20224
20314
|
"label": ["watchLabelHandler"]
|
20225
20315
|
}; }
|
20226
20316
|
static get style() { return icPaginationItemCss; }
|
@@ -20536,6 +20626,13 @@ class RadioGroup {
|
|
20536
20626
|
this.resizeObserver.observe(this.el);
|
20537
20627
|
};
|
20538
20628
|
this.handleKeyDown = (event) => {
|
20629
|
+
const additionalFields = Array.from(this.el.querySelectorAll('[slot="additional-field"]'));
|
20630
|
+
const activeEl = document.activeElement;
|
20631
|
+
if (additionalFields.length > 0 &&
|
20632
|
+
this.radioOptions.map((el) => slotHasContent(el, this.ADDITIONAL_FIELD)) &&
|
20633
|
+
additionalFields.map((el) => el == activeEl)) {
|
20634
|
+
return;
|
20635
|
+
}
|
20539
20636
|
switch (event.key) {
|
20540
20637
|
case "ArrowDown":
|
20541
20638
|
case "ArrowRight":
|
@@ -20621,6 +20718,7 @@ class RadioGroup {
|
|
20621
20718
|
}
|
20622
20719
|
watchDisabledHandler(newValue) {
|
20623
20720
|
this.radioOptions.forEach((radioOption) => (radioOption.disabled = newValue));
|
20721
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
20624
20722
|
}
|
20625
20723
|
orientationChangeHandler() {
|
20626
20724
|
this.initialOrientation = this.orientation;
|
@@ -20806,6 +20904,9 @@ class RadioOption {
|
|
20806
20904
|
this.selected = false;
|
20807
20905
|
this.initiallySelected = this.selected;
|
20808
20906
|
}
|
20907
|
+
watchDisabledHandler() {
|
20908
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
20909
|
+
}
|
20809
20910
|
watchSelectedHandler() {
|
20810
20911
|
this.icSelectedChange.emit();
|
20811
20912
|
}
|
@@ -20888,6 +20989,7 @@ class RadioOption {
|
|
20888
20989
|
}
|
20889
20990
|
get el() { return getElement(this); }
|
20890
20991
|
static get watchers() { return {
|
20992
|
+
"disabled": ["watchDisabledHandler"],
|
20891
20993
|
"selected": ["watchSelectedHandler"]
|
20892
20994
|
}; }
|
20893
20995
|
static get style() { return icRadioOptionCss; }
|
@@ -21231,6 +21333,9 @@ class SearchBar {
|
|
21231
21333
|
this.options = [];
|
21232
21334
|
this.value = "";
|
21233
21335
|
}
|
21336
|
+
watchDisabledHandler() {
|
21337
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
21338
|
+
}
|
21234
21339
|
loadingHandler(newValue) {
|
21235
21340
|
if (newValue && !this.hasTimedOut) {
|
21236
21341
|
this.preLoad = false;
|
@@ -21366,7 +21471,7 @@ class SearchBar {
|
|
21366
21471
|
["ic-search-bar-disabled"]: disabled,
|
21367
21472
|
["ic-search-bar-small"]: size === "small",
|
21368
21473
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
21369
|
-
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly, size: size, hideLabel: hideLabel, fullWidth: fullWidth, name: name, truncateValue: truncateValue, value: options && !!labelValue ? labelValue : value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": menuRendered ? menuId : undefined, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: options.length > 0 ? `${menuOpen}` : undefined, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize,
|
21474
|
+
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly, size: size, hideLabel: hideLabel, fullWidth: fullWidth, name: name, truncateValue: truncateValue, value: options && !!labelValue ? labelValue : value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": menuRendered ? menuId : undefined, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: options.length > 0 ? `${menuOpen}` : undefined, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autofocus: autofocus, spellcheck: spellcheck, inputmode: "search", debounce: this.debounce }, hAsync("div", { class: {
|
21370
21475
|
"clear-button-container": true,
|
21371
21476
|
"clear-button-visible": value && !disabledMode && this.showClearButton,
|
21372
21477
|
}, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class: {
|
@@ -21390,11 +21495,12 @@ class SearchBar {
|
|
21390
21495
|
this.loadingLabel ||
|
21391
21496
|
filteredOptions[0][this.labelField] ===
|
21392
21497
|
this.loadingErrorLabel)),
|
21393
|
-
}, activationType: "manual", anchorEl: this.anchorEl,
|
21498
|
+
}, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
|
21394
21499
|
}
|
21395
21500
|
static get delegatesFocus() { return true; }
|
21396
21501
|
get el() { return getElement(this); }
|
21397
21502
|
static get watchers() { return {
|
21503
|
+
"disabled": ["watchDisabledHandler"],
|
21398
21504
|
"loading": ["loadingHandler"],
|
21399
21505
|
"filteredOptions": ["filteredOptionsHandler"],
|
21400
21506
|
"options": ["watchOptionsHandler"],
|
@@ -21666,8 +21772,10 @@ class Select {
|
|
21666
21772
|
this.handleCustomSelectChange = (event) => {
|
21667
21773
|
var _a;
|
21668
21774
|
const value = event.detail.value;
|
21669
|
-
if (
|
21670
|
-
this.
|
21775
|
+
if (event.detail.label === this.emptyOptionListText) {
|
21776
|
+
if (this.searchable) {
|
21777
|
+
this.searchableSelectElement.focus();
|
21778
|
+
}
|
21671
21779
|
return;
|
21672
21780
|
}
|
21673
21781
|
if (this.searchable) {
|
@@ -22094,6 +22202,9 @@ class Select {
|
|
22094
22202
|
this.inputValueToFilter = this.value;
|
22095
22203
|
this.currValue = this.value;
|
22096
22204
|
}
|
22205
|
+
watchDisabledHandler() {
|
22206
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
22207
|
+
}
|
22097
22208
|
loadingHandler(newValue) {
|
22098
22209
|
newValue && this.triggerLoading();
|
22099
22210
|
}
|
@@ -22287,6 +22398,7 @@ class Select {
|
|
22287
22398
|
static get delegatesFocus() { return true; }
|
22288
22399
|
get el() { return getElement(this); }
|
22289
22400
|
static get watchers() { return {
|
22401
|
+
"disabled": ["watchDisabledHandler"],
|
22290
22402
|
"loading": ["loadingHandler"],
|
22291
22403
|
"options": ["watchOptionsHandler"],
|
22292
22404
|
"debounce": ["debounceChangedHandler"],
|
@@ -22357,7 +22469,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill
|
|
22357
22469
|
</svg>
|
22358
22470
|
`;
|
22359
22471
|
|
22360
|
-
const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-theme-text);--ic-button-secondary-border-monochrome:var(--ic-theme-text);z-index:var(--ic-z-index-side-navigation)}/*!@:host > **/.sc-ic-side-navigation-h>*.sc-ic-side-navigation{box-sizing:border-box}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}/*!@:host(.ic-side-navigation-inline) .side-navigation*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:absolute;height:100%}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1)}/*!@.classification-spacing*/.classification-spacing.sc-ic-side-navigation{margin-bottom:var(--ic-space-lg)}/*!@.navigation-list*/.navigation-list.sc-ic-side-navigation{padding:0;margin:0;list-style:none}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}/*!@:host(.ic-side-navigation-inline) .side-navigation-inner*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation-inner.sc-ic-side-navigation{flex:1}/*!@:host(.xs-menu-open) .side-navigation*/.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{transition:left var(--ic-easing-transition-slow);left:0}/*!@:host(:has(.xs-menu-open, .xs-menu-close)) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h:has(.xs-menu-open .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close).sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close) .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.xs-menu-close) .side-navigation*/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}/*!@:host(.xs-menu-close) .side-navigation > **/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation>*.sc-ic-side-navigation{visibility:hidden}/*!@:host(.anchor-right.xs-menu-open) .side-navigation*/.anchor-right.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:0;left:auto}/*!@:host(.anchor-right.xs-menu-close) .side-navigation*/.anchor-right.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}/*!@:host(.ic-side-navigation-inline) .bottom-wrapper*/.ic-side-navigation-inline.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{position:sticky}/*!@:host(.ic-side-navigation-dark) .bottom-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-darken)}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.ic-side-navigation-inline) .top-bar*/.ic-side-navigation-inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@:host(.ic-side-navigation-dark) .top-bar*/.ic-side-navigation-dark.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{border-bottom:var(--keyline-darken)}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}/*!@:host(.ic-side-navigation-dark) .app-title-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{border-left:var(--keyline-darken)}/*!@.app-title-wrapper ic-typography h1*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation h1.sc-ic-side-navigation{margin:0}@media screen and (min-width: 340px){/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin-left:var(--ic-space-xs)}}/*!@:host .title-link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}/*!@:host .title-link:visited,\n:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:visited,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{color:var(--ic-side-navigation-text)}/*!@slot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a,slot[name=\"app-icon\"].sc-ic-side-navigation-s>a{color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}/*!@slot[name=\"app-title\"]::slotted(ic-typography),\nslot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,slot[name=\"app-title\"].sc-ic-side-navigation-s>a{margin-left:var(--ic-space-xs) !important}/*!@slot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){/*!@:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),\n :host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>a{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-expanded slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}/*!@:host .title-link:hover*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-side-navigation-pressed)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}/*!@:host .title-link ic-typography*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{fill:var(--ic-side-navigation-text)}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:none}/*!@.button-label*/.button-label.sc-ic-side-navigation{display:flex;align-items:center}/*!@.mobile-top-bar-menu-icon*/.mobile-top-bar-menu-icon.sc-ic-side-navigation{display:flex}/*!@.menu-button*/.menu-button.sc-ic-side-navigation{width:6.5rem}/*!@.app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}/*!@.app-status-wrapper .app-version*/.app-status-wrapper.sc-ic-side-navigation .app-version.sc-ic-side-navigation{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}/*!@.app-status-wrapper .app-status*/.app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow-wrap:break-word}/*!@:host(.ic-side-navigation-dark) .app-status-wrapper .app-status*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{--ic-typography-color:var(--ic-architectural-white)}/*!@.navigation-landmark-title*/.navigation-landmark-title.sc-ic-side-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}/*!@::slotted(ic-navigation-item),\n::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}/*!@.bottom-side-nav ic-divider*/.bottom-side-nav.sc-ic-side-navigation ic-divider.sc-ic-side-navigation{position:absolute;top:0}/*!@.primary-navigation*/.primary-navigation.sc-ic-side-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}/*!@.primary-navigation::-webkit-scrollbar*/.primary-navigation.sc-ic-side-navigation::-webkit-scrollbar{display:none}/*!@.primary-navigation,\n.secondary-navigation*/.primary-navigation.sc-ic-side-navigation,.secondary-navigation.sc-ic-side-navigation{overflow-x:hidden}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{position:absolute;display:none}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-side-navigation{visibility:visible;width:100%}/*!@.app-title-show*/.app-title-show.sc-ic-side-navigation{min-width:15.5rem}/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.side-display) .app-icon-container*/.side-display.sc-ic-side-navigation-h .app-icon-container.sc-ic-side-navigation{height:40px;display:flex;align-items:center}/*!@:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.ic-side-navigation-inline.side-display) .top-bar*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right.side-display) .top-bar*/.anchor-right.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.anchor-right.side-display) .bottom-wrapper*/.anchor-right.side-display.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.side-display) .side-navigation,\n:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed.side-display)*/.sm-collapsed.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.collapsed-labels.side-display)*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.side-display) .side-navigation*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.ic-side-navigation-inline.side-display) .side-navigation*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right.side-display) .side-navigation*/.anchor-right.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-title-wrapper*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}/*!@:host(.side-display) .app-title-wrapper ::slotted(svg)*/.sc-ic-side-navigation-h.side-display .app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host(.side-display) .app-title-wrapper ic-typography*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography*/.sm-collapsed.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) ic-typography*/.sm-expanded.side-display.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.side-display) :is(.side-navigation, .top-bar)*/.sm-collapsed.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-status-wrapper,\n:host(.sm-collapsed.side-display) .app-status-wrapper*/.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none;margin-left:0}/*!@:host(.sm-expanded.side-display) .app-status-wrapper*/.sm-expanded.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}/*!@:host(.side-display) .bottom-side-nav*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{height:100%}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button svg*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:hover*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-side-navigation-hover)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:focus*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}/*!@:host(.anchor-right.sm-collapsed.side-display)\n .bottom-side-nav\n .menu-expand-button\n svg*/.anchor-right.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1)}/*!@:host(.anchor-right.sm-expanded.side-display)\n .bottom-side-nav\n .menu-expand-button\n svg*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,\n:host(.sm-collapsed.collapsed-labels.side-display) .top-bar*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels.side-display)\n ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}/*!@:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button*/.collapsed-labels.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host(.side-display) .collapsed-icon-labels-start*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host(.side-display) .collapsed-icon-labels-end*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-end.sc-ic-side-navigation{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){/*!@.top-bar*/.top-bar.sc-ic-side-navigation{height:var(--side-navigation-height)}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{width:100%}}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 993px){/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{box-shadow:none}}@media (forced-colors: active){/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{border-right:var(--ic-border-hc)}/*!@.menu-expand-button*/.menu-expand-button.sc-ic-side-navigation{color:Highlight !important}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
|
22472
|
+
const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}/*!@:host > **/.sc-ic-side-navigation-h>*.sc-ic-side-navigation{box-sizing:border-box}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}/*!@:host(.ic-side-navigation-inline) .side-navigation*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:absolute;height:100%}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1)}/*!@.classification-spacing*/.classification-spacing.sc-ic-side-navigation{margin-bottom:var(--ic-space-lg)}/*!@.navigation-list*/.navigation-list.sc-ic-side-navigation{padding:0;margin:0;list-style:none}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}/*!@:host(.ic-side-navigation-inline) .side-navigation-inner*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation-inner.sc-ic-side-navigation{flex:1}/*!@:host(.xs-menu-open) .side-navigation*/.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{transition:left var(--ic-easing-transition-slow);left:0}/*!@:host(:has(.xs-menu-open, .xs-menu-close)) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h:has(.xs-menu-open .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close).sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close) .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.xs-menu-close) .side-navigation*/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}/*!@:host(.xs-menu-close) .side-navigation > **/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation>*.sc-ic-side-navigation{visibility:hidden}/*!@:host(.anchor-right.xs-menu-open) .side-navigation*/.anchor-right.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:0;left:auto}/*!@:host(.anchor-right.xs-menu-close) .side-navigation*/.anchor-right.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}/*!@:host(.ic-side-navigation-inline) .bottom-wrapper*/.ic-side-navigation-inline.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{position:sticky}/*!@:host(.ic-side-navigation-dark) .bottom-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-darken)}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.ic-side-navigation-inline) .top-bar*/.ic-side-navigation-inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@:host(.ic-side-navigation-dark) .top-bar*/.ic-side-navigation-dark.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{border-bottom:var(--keyline-darken)}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}/*!@:host(.ic-side-navigation-dark) .app-title-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{border-left:var(--keyline-darken)}/*!@.app-title-wrapper ic-typography h1*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation h1.sc-ic-side-navigation{margin:0}@media screen and (min-width: 340px){/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin-left:var(--ic-space-xs)}}/*!@:host .title-link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}/*!@:host .title-link:visited,\n:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:visited,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{color:var(--ic-side-navigation-text)}/*!@slot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a,slot[name=\"app-icon\"].sc-ic-side-navigation-s>a{color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}/*!@slot[name=\"app-title\"]::slotted(ic-typography),\nslot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,slot[name=\"app-title\"].sc-ic-side-navigation-s>a{margin-left:var(--ic-space-xs) !important}/*!@slot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){/*!@:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),\n :host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>a{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-expanded slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}/*!@:host .title-link:hover*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-side-navigation-pressed)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}/*!@:host .title-link ic-typography*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{fill:var(--ic-side-navigation-text)}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:none}/*!@.button-label*/.button-label.sc-ic-side-navigation{display:flex;align-items:center}/*!@.mobile-top-bar-menu-icon*/.mobile-top-bar-menu-icon.sc-ic-side-navigation{display:flex}/*!@.menu-button*/.menu-button.sc-ic-side-navigation{width:6.5rem}/*!@.app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}/*!@.app-status-wrapper .app-version*/.app-status-wrapper.sc-ic-side-navigation .app-version.sc-ic-side-navigation{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}/*!@.app-status-wrapper .app-status*/.app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow-wrap:break-word}/*!@:host(.ic-side-navigation-dark) .app-status-wrapper .app-status*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{--ic-typography-color:var(--ic-architectural-white)}/*!@.navigation-landmark-title*/.navigation-landmark-title.sc-ic-side-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}/*!@::slotted(ic-navigation-item),\n::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}/*!@.bottom-side-nav ic-divider*/.bottom-side-nav.sc-ic-side-navigation ic-divider.sc-ic-side-navigation{position:absolute;top:0}/*!@.primary-navigation*/.primary-navigation.sc-ic-side-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}/*!@.primary-navigation::-webkit-scrollbar*/.primary-navigation.sc-ic-side-navigation::-webkit-scrollbar{display:none}/*!@.primary-navigation,\n.secondary-navigation*/.primary-navigation.sc-ic-side-navigation,.secondary-navigation.sc-ic-side-navigation{overflow-x:hidden}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{position:absolute;display:none}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-side-navigation{visibility:visible;width:100%}/*!@.app-title-show*/.app-title-show.sc-ic-side-navigation{min-width:15.5rem}/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.side-display) .app-icon-container*/.side-display.sc-ic-side-navigation-h .app-icon-container.sc-ic-side-navigation{height:40px;display:flex;align-items:center}/*!@:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.ic-side-navigation-inline.side-display) .top-bar*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right.side-display) .top-bar*/.anchor-right.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.anchor-right.side-display) .bottom-wrapper*/.anchor-right.side-display.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.side-display) .side-navigation,\n:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed.side-display)*/.sm-collapsed.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.collapsed-labels.side-display)*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.side-display) .side-navigation*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.ic-side-navigation-inline.side-display) .side-navigation*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right.side-display) .side-navigation*/.anchor-right.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-title-wrapper*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}/*!@:host(.side-display) .app-title-wrapper ::slotted(svg)*/.sc-ic-side-navigation-h.side-display .app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host(.side-display) .app-title-wrapper ic-typography*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography*/.sm-collapsed.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) ic-typography*/.sm-expanded.side-display.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.side-display) :is(.side-navigation, .top-bar)*/.sm-collapsed.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-status-wrapper,\n:host(.sm-collapsed.side-display) .app-status-wrapper*/.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none;margin-left:0}/*!@:host(.sm-expanded.side-display) .app-status-wrapper*/.sm-expanded.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}/*!@:host(.side-display) .bottom-side-nav*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{height:100%}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button svg*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:hover*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-side-navigation-hover)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:focus*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}/*!@:host(.anchor-right.sm-collapsed.side-display)\n .bottom-side-nav\n .menu-expand-button\n svg*/.anchor-right.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1)}/*!@:host(.anchor-right.sm-expanded.side-display)\n .bottom-side-nav\n .menu-expand-button\n svg*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,\n:host(.sm-collapsed.collapsed-labels.side-display) .top-bar*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels.side-display)\n ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}/*!@:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button*/.collapsed-labels.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host(.side-display) .collapsed-icon-labels-start*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host(.side-display) .collapsed-icon-labels-end*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-end.sc-ic-side-navigation{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){/*!@.top-bar*/.top-bar.sc-ic-side-navigation{height:var(--side-navigation-height)}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{width:100%}}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 993px){/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{box-shadow:none}}@media (forced-colors: active){/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{border-right:var(--ic-border-hc)}/*!@.menu-expand-button*/.menu-expand-button.sc-ic-side-navigation{color:Highlight !important}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
|
22361
22473
|
|
22362
22474
|
/**
|
22363
22475
|
* @slot app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation.
|
@@ -22691,7 +22803,7 @@ class SideNavigation {
|
|
22691
22803
|
};
|
22692
22804
|
this.deviceSize = getCurrentDeviceSize();
|
22693
22805
|
this.deviceSizeAppTitle = DEVICE_SIZES.S;
|
22694
|
-
this.foregroundColor =
|
22806
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
22695
22807
|
this.hasSecondaryNavigation = false;
|
22696
22808
|
this.menuExpanded = false;
|
22697
22809
|
this.menuOpen = false;
|
@@ -22737,7 +22849,7 @@ class SideNavigation {
|
|
22737
22849
|
}
|
22738
22850
|
(_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionend", this.transitionEndHandler);
|
22739
22851
|
}
|
22740
|
-
|
22852
|
+
brandChangeHandler({ detail }) {
|
22741
22853
|
this.foregroundColor = detail.mode;
|
22742
22854
|
}
|
22743
22855
|
render() {
|
@@ -22761,7 +22873,7 @@ class SideNavigation {
|
|
22761
22873
|
"sm-collapsed": !isSDevice && !menuExpanded,
|
22762
22874
|
"sm-expanded": !isSDevice && menuExpanded,
|
22763
22875
|
"side-display": this.deviceSize > DEVICE_SIZES.S || this.disableTopBarBehaviour,
|
22764
|
-
[`ic-side-navigation-${
|
22876
|
+
[`ic-side-navigation-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
|
22765
22877
|
["collapsed-labels"]: !isSDevice && !menuExpanded && collapsedIconLabels,
|
22766
22878
|
["ic-side-navigation-inline"]: inline,
|
22767
22879
|
} }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { class: "side-navigation-inner" }, isSlotUsed$1(this.el, "primary-navigation") && (hAsync("nav", { class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { class: "navigation-list" }, hAsync("slot", { name: "primary-navigation" }))))), hAsync("div", { class: {
|
@@ -22798,7 +22910,7 @@ class SideNavigation {
|
|
22798
22910
|
"menuExpanded": [32],
|
22799
22911
|
"menuOpen": [32]
|
22800
22912
|
},
|
22801
|
-
"$listeners$": [[4, "
|
22913
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
22802
22914
|
"$lazyBundleId$": "-",
|
22803
22915
|
"$attrsToReflect$": []
|
22804
22916
|
}; }
|
@@ -23352,6 +23464,9 @@ class Switch {
|
|
23352
23464
|
checkedChangeHandler() {
|
23353
23465
|
this.checkedState = this.checked;
|
23354
23466
|
}
|
23467
|
+
watchDisabledHandler() {
|
23468
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
23469
|
+
}
|
23355
23470
|
disconnectedCallback() {
|
23356
23471
|
removeFormResetListener$1(this.el, this.handleFormReset);
|
23357
23472
|
}
|
@@ -23389,7 +23504,8 @@ class Switch {
|
|
23389
23504
|
static get delegatesFocus() { return true; }
|
23390
23505
|
get el() { return getElement(this); }
|
23391
23506
|
static get watchers() { return {
|
23392
|
-
"checked": ["checkedChangeHandler"]
|
23507
|
+
"checked": ["checkedChangeHandler"],
|
23508
|
+
"disabled": ["watchDisabledHandler"]
|
23393
23509
|
}; }
|
23394
23510
|
static get style() { return icSwitchCss; }
|
23395
23511
|
static get cmpMeta() { return {
|
@@ -23471,6 +23587,9 @@ class Tab {
|
|
23471
23587
|
this.tabPosition = undefined;
|
23472
23588
|
this.theme = "inherit";
|
23473
23589
|
}
|
23590
|
+
watchDisabledHandler() {
|
23591
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
23592
|
+
}
|
23474
23593
|
disabledWatchHandler() {
|
23475
23594
|
this.tabEnabled.emit();
|
23476
23595
|
}
|
@@ -23508,7 +23627,7 @@ class Tab {
|
|
23508
23627
|
}
|
23509
23628
|
get el() { return getElement(this); }
|
23510
23629
|
static get watchers() { return {
|
23511
|
-
"disabled": ["disabledWatchHandler"]
|
23630
|
+
"disabled": ["watchDisabledHandler", "disabledWatchHandler"]
|
23512
23631
|
}; }
|
23513
23632
|
static get style() { return icTabCss; }
|
23514
23633
|
static get cmpMeta() { return {
|
@@ -23858,6 +23977,14 @@ class TextField {
|
|
23858
23977
|
this.icKeydown = createEvent(this, "icKeydown", 7);
|
23859
23978
|
this.inheritedAttributes = {};
|
23860
23979
|
this.hostMutationObserver = null;
|
23980
|
+
this.checkChildHydration = () => {
|
23981
|
+
var _a;
|
23982
|
+
const el = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ic-typography");
|
23983
|
+
if (el && el.classList.contains("hydrated")) {
|
23984
|
+
this.setFocus();
|
23985
|
+
clearInterval(this.interval);
|
23986
|
+
}
|
23987
|
+
};
|
23861
23988
|
this.getMaxValueExceeded = (value) => {
|
23862
23989
|
if (this.type === "number") {
|
23863
23990
|
this.minValueUnattained = value && Number(value) < Number(this.min);
|
@@ -23915,7 +24042,7 @@ class TextField {
|
|
23915
24042
|
this.autocapitalize = "off";
|
23916
24043
|
this.autocomplete = "off";
|
23917
24044
|
this.autocorrect = "off";
|
23918
|
-
this.
|
24045
|
+
this.autofocus = false;
|
23919
24046
|
this.disabled = false;
|
23920
24047
|
this.fullWidth = false;
|
23921
24048
|
this.helperText = "";
|
@@ -23949,6 +24076,9 @@ class TextField {
|
|
23949
24076
|
this.value = "";
|
23950
24077
|
this.initialValue = this.value;
|
23951
24078
|
}
|
24079
|
+
watchDisabledHandler() {
|
24080
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
24081
|
+
}
|
23952
24082
|
debounceChanged() {
|
23953
24083
|
this.icChange = debounceEvent(this.icChange, this.debounce);
|
23954
24084
|
}
|
@@ -24003,6 +24133,9 @@ class TextField {
|
|
24003
24133
|
attributes: true,
|
24004
24134
|
childList: true,
|
24005
24135
|
});
|
24136
|
+
if (this.autofocus && !this.disabled && !this.readonly) {
|
24137
|
+
this.interval = setInterval(this.checkChildHydration, 50);
|
24138
|
+
}
|
24006
24139
|
}
|
24007
24140
|
handleKeyDown(ev) {
|
24008
24141
|
this.icKeydown.emit({ event: ev });
|
@@ -24011,7 +24144,7 @@ class TextField {
|
|
24011
24144
|
/**
|
24012
24145
|
* Sets focus on the native `input`.
|
24013
24146
|
*/
|
24014
|
-
|
24147
|
+
setFocus() {
|
24015
24148
|
var _a;
|
24016
24149
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
|
24017
24150
|
}
|
@@ -24067,11 +24200,11 @@ class TextField {
|
|
24067
24200
|
"no-left-pad": !showLeftIcon && readonly,
|
24068
24201
|
readonly,
|
24069
24202
|
"truncate-value": truncateValue,
|
24070
|
-
}, placeholder: placeholder ? placeholder : "", required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-activedescendant": this.ariaActiveDescendant, "aria-expanded": this.ariaExpanded, "aria-owns": this.ariaOwns, autocomplete: this.autocomplete, autocapitalize: this.autocapitalize,
|
24203
|
+
}, placeholder: placeholder ? placeholder : "", required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-activedescendant": this.ariaActiveDescendant, "aria-expanded": this.ariaExpanded, "aria-owns": this.ariaOwns, autocomplete: this.autocomplete, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, role: this.role, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))) : (hAsync("textarea", Object.assign({ id: inputId, class: {
|
24071
24204
|
"no-resize": resize === false || readonly,
|
24072
24205
|
"no-left-pad": !showLeftIcon && readonly,
|
24073
24206
|
readonly,
|
24074
|
-
}, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize,
|
24207
|
+
}, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))), isSlotUsed$1(this.el, "clear-button") && (hAsync("slot", { name: "clear-button" })), isSlotUsed$1(this.el, "search-submit-button") && (hAsync("slot", { name: "search-submit-button" }))), isSlotUsed$1(this.el, "menu") && hAsync("slot", { name: "menu" }), (!isEmptyString$1(validationStatus) ||
|
24075
24208
|
!isEmptyString$1(validationText) ||
|
24076
24209
|
maxNumChars > 0 ||
|
24077
24210
|
maxValueExceeded ||
|
@@ -24087,6 +24220,7 @@ class TextField {
|
|
24087
24220
|
}
|
24088
24221
|
get el() { return getElement(this); }
|
24089
24222
|
static get watchers() { return {
|
24223
|
+
"disabled": ["watchDisabledHandler"],
|
24090
24224
|
"debounce": ["debounceChanged"],
|
24091
24225
|
"value": ["watchValueHandler"]
|
24092
24226
|
}; }
|
@@ -24102,7 +24236,7 @@ class TextField {
|
|
24102
24236
|
"autocapitalize": [1],
|
24103
24237
|
"autocomplete": [1],
|
24104
24238
|
"autocorrect": [1],
|
24105
|
-
"
|
24239
|
+
"autofocus": [4],
|
24106
24240
|
"disabled": [4],
|
24107
24241
|
"fullWidth": [4, "full-width"],
|
24108
24242
|
"helperText": [1, "helper-text"],
|
@@ -24152,7 +24286,7 @@ class TextField {
|
|
24152
24286
|
class Theme {
|
24153
24287
|
constructor(hostRef) {
|
24154
24288
|
registerInstance(this, hostRef);
|
24155
|
-
this.
|
24289
|
+
this.brandChange = createEvent(this, "brandChange", 7);
|
24156
24290
|
this.darkModeChangeHandler = () => {
|
24157
24291
|
if (this.theme === "system") {
|
24158
24292
|
this.themeClass =
|
@@ -24165,41 +24299,41 @@ class Theme {
|
|
24165
24299
|
this.themeClass = `ic-theme-${this.theme}`;
|
24166
24300
|
}
|
24167
24301
|
};
|
24168
|
-
this.
|
24169
|
-
if (
|
24170
|
-
|
24171
|
-
console.warn(`The
|
24302
|
+
this.checkBrandColorContrast = () => {
|
24303
|
+
if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&
|
24304
|
+
getBrandColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {
|
24305
|
+
console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);
|
24172
24306
|
}
|
24173
24307
|
};
|
24174
|
-
this.
|
24175
|
-
const colorRGBA = convertToRGBA(this.
|
24308
|
+
this.setBrandColor = () => {
|
24309
|
+
const colorRGBA = convertToRGBA(this.brandColor);
|
24176
24310
|
if (colorRGBA) {
|
24177
24311
|
const { r, g, b, a } = colorRGBA;
|
24178
24312
|
const { style } = document.documentElement;
|
24179
|
-
style.setProperty("--ic-
|
24180
|
-
style.setProperty("--ic-
|
24181
|
-
style.setProperty("--ic-
|
24182
|
-
style.setProperty("--ic-
|
24183
|
-
this.
|
24184
|
-
this.
|
24185
|
-
mode:
|
24313
|
+
style.setProperty("--ic-brand-color-primary-r", `${r}`);
|
24314
|
+
style.setProperty("--ic-brand-color-primary-g", `${g}`);
|
24315
|
+
style.setProperty("--ic-brand-color-primary-b", `${b}`);
|
24316
|
+
style.setProperty("--ic-brand-color-primary-a", `${a}`);
|
24317
|
+
this.checkBrandColorContrast();
|
24318
|
+
this.brandChange.emit({
|
24319
|
+
mode: getBrandForegroundAppearance(),
|
24186
24320
|
color: colorRGBA,
|
24187
24321
|
});
|
24188
24322
|
}
|
24189
24323
|
};
|
24190
24324
|
this.themeClass = "";
|
24191
|
-
this.
|
24325
|
+
this.brandColor = null;
|
24192
24326
|
this.theme = "light";
|
24193
24327
|
}
|
24194
|
-
|
24195
|
-
this.
|
24328
|
+
watchBrandColorPropHandler() {
|
24329
|
+
this.setBrandColor();
|
24196
24330
|
}
|
24197
24331
|
watchThemePropHandler() {
|
24198
24332
|
this.darkModeChangeHandler();
|
24199
24333
|
}
|
24200
24334
|
componentWillLoad() {
|
24201
24335
|
this.darkModeChangeHandler();
|
24202
|
-
this.
|
24336
|
+
this.setBrandColor();
|
24203
24337
|
window.matchMedia &&
|
24204
24338
|
window
|
24205
24339
|
.matchMedia("(prefers-color-scheme: dark)")
|
@@ -24210,14 +24344,14 @@ class Theme {
|
|
24210
24344
|
return (hAsync(Host, { class: themeClass }, hAsync("slot", null)));
|
24211
24345
|
}
|
24212
24346
|
static get watchers() { return {
|
24213
|
-
"
|
24347
|
+
"brandColor": ["watchBrandColorPropHandler"],
|
24214
24348
|
"theme": ["watchThemePropHandler"]
|
24215
24349
|
}; }
|
24216
24350
|
static get cmpMeta() { return {
|
24217
24351
|
"$flags$": 4,
|
24218
24352
|
"$tagName$": "ic-theme",
|
24219
24353
|
"$members$": {
|
24220
|
-
"
|
24354
|
+
"brandColor": [1, "brand-color"],
|
24221
24355
|
"theme": [1],
|
24222
24356
|
"themeClass": [32]
|
24223
24357
|
},
|
@@ -24553,6 +24687,9 @@ class ToggleButton {
|
|
24553
24687
|
this.theme = "inherit";
|
24554
24688
|
this.variant = "default";
|
24555
24689
|
}
|
24690
|
+
watchDisabledHandler() {
|
24691
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
24692
|
+
}
|
24556
24693
|
componentWillLoad() {
|
24557
24694
|
removeDisabledFalse$1(this.disabled, this.el);
|
24558
24695
|
const parentIconPlacement = this.el.parentElement.iconPlacement;
|
@@ -24588,6 +24725,9 @@ class ToggleButton {
|
|
24588
24725
|
}
|
24589
24726
|
static get delegatesFocus() { return true; }
|
24590
24727
|
get el() { return getElement(this); }
|
24728
|
+
static get watchers() { return {
|
24729
|
+
"disabled": ["watchDisabledHandler"]
|
24730
|
+
}; }
|
24591
24731
|
static get style() { return icToggleButtonCss; }
|
24592
24732
|
static get cmpMeta() { return {
|
24593
24733
|
"$flags$": 25,
|
@@ -24711,6 +24851,7 @@ class ToggleButtonGroup {
|
|
24711
24851
|
this.getAllToggleButtons().forEach((el) => {
|
24712
24852
|
el.disabled = this.disabled;
|
24713
24853
|
});
|
24854
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
24714
24855
|
}
|
24715
24856
|
watchMonochromeHandler() {
|
24716
24857
|
this.getAllToggleButtons().forEach((el) => {
|
@@ -24755,6 +24896,7 @@ class ToggleButtonGroup {
|
|
24755
24896
|
componentWillLoad() {
|
24756
24897
|
this.selectType === "multi" && (this.selectMethod = "manual");
|
24757
24898
|
document.addEventListener("keydown", this.keyListener);
|
24899
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
24758
24900
|
}
|
24759
24901
|
componentDidLoad() {
|
24760
24902
|
this.getAllToggleButtons().forEach((el, i) => {
|
@@ -25072,7 +25214,7 @@ class Tooltip {
|
|
25072
25214
|
}; }
|
25073
25215
|
}
|
25074
25216
|
|
25075
|
-
const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-theme-text);--ic-button-secondary-border-monochrome:var(--ic-theme-text)}/*!@:host(.dark)*/.dark.sc-ic-top-navigation-h{color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--navigation-link-colour:var(--ic-color-text-primary-light)}/*!@:host ::slotted(ic-navigation-item)*/.sc-ic-top-navigation-h .sc-ic-top-navigation-s>ic-navigation-item{--navigation-link-colour:var(--ic-top-navigation-text)}/*!@:host(.dark) ::slotted(ic-navigation-button)*/.sc-ic-top-navigation-h.dark .sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}/*!@::slotted(ic-navigation-button)*/.sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:white}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-border-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:calc(-1 * var(--ic-space-1px))}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:var(--ic-top-navigation-logo);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-top-navigation-icon)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.menu-button-container .navigation-landmark-button-text*/.menu-button-container.sc-ic-top-navigation .navigation-landmark-button-text.sc-ic-top-navigation{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}/*!@:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version*/.mobile-mode.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.mobile-mode.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host(.mobile-mode) .title-link*/.mobile-mode.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@:host(.mobile-mode) .search-menu-container*/.mobile-mode.sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@:host(.mobile-mode) .search-bar-container*/.mobile-mode.sc-ic-top-navigation-h .search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-border-hc)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-border-hc)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}}";
|
25217
|
+
const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color)}/*!@:host(.dark)*/.dark.sc-ic-top-navigation-h{color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--navigation-link-colour:var(--ic-color-text-primary-light)}/*!@:host ::slotted(ic-navigation-item)*/.sc-ic-top-navigation-h .sc-ic-top-navigation-s>ic-navigation-item{--navigation-link-colour:var(--ic-top-navigation-text)}/*!@:host(.dark) ::slotted(ic-navigation-button)*/.sc-ic-top-navigation-h.dark .sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}/*!@::slotted(ic-navigation-button)*/.sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:white}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-border-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:calc(-1 * var(--ic-space-1px))}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:var(--ic-top-navigation-logo);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-top-navigation-icon)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.menu-button-container .navigation-landmark-button-text*/.menu-button-container.sc-ic-top-navigation .navigation-landmark-button-text.sc-ic-top-navigation{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}/*!@:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version*/.mobile-mode.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.mobile-mode.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host(.mobile-mode) .title-link*/.mobile-mode.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@:host(.mobile-mode) .search-menu-container*/.mobile-mode.sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@:host(.mobile-mode) .search-bar-container*/.mobile-mode.sc-ic-top-navigation-h .search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-border-hc)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-border-hc)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}}";
|
25076
25218
|
|
25077
25219
|
/**
|
25078
25220
|
* @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.
|
@@ -25154,7 +25296,7 @@ class TopNavigation {
|
|
25154
25296
|
this.resizeObserver.observe(this.el);
|
25155
25297
|
};
|
25156
25298
|
this.deviceSize = DEVICE_SIZES.XL;
|
25157
|
-
this.foregroundColor =
|
25299
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
25158
25300
|
this.hasFullWidthSearchBar = false;
|
25159
25301
|
this.mobileSearchBarVisible = false;
|
25160
25302
|
this.mobileSearchHiddenOnBlur = false;
|
@@ -25209,7 +25351,7 @@ class TopNavigation {
|
|
25209
25351
|
searchValueChangeHandler({ detail }) {
|
25210
25352
|
this.searchValue = detail.value;
|
25211
25353
|
}
|
25212
|
-
|
25354
|
+
brandChangeHandler({ detail }) {
|
25213
25355
|
this.foregroundColor = detail.mode;
|
25214
25356
|
}
|
25215
25357
|
toggleSearchBar() {
|
@@ -25255,11 +25397,15 @@ class TopNavigation {
|
|
25255
25397
|
return (hAsync(Host, { class: {
|
25256
25398
|
"fullwidth-searchbar": hasFullWidthSearchBar,
|
25257
25399
|
"mobile-mode": overMobileBreakpoint,
|
25258
|
-
[
|
25400
|
+
[IcBrandForegroundEnum$1.Dark]: foregroundColor === IcBrandForegroundEnum$1.Dark,
|
25259
25401
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
25260
25402
|
} }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned: contentAligned, "full-height": true }, hAsync("header", { role: "banner" }, hAsync("div", { class: "top-panel-container" }, hAsync("div", { class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { class: "app-icon-container" }, hAsync("slot", { name: "app-icon" }))), deviceSize <= DEVICE_SIZES.S &&
|
25261
25403
|
(!isEmptyString$1(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
|
25262
|
-
`${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor ==
|
25404
|
+
`${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor == IcBrandForegroundEnum$1.Light
|
25405
|
+
? IcBrandForegroundEnum$1.Dark
|
25406
|
+
: IcBrandForegroundEnum$1.Light, onClick: searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", theme: foregroundColor == IcBrandForegroundEnum$1.Light
|
25407
|
+
? IcBrandForegroundEnum$1.Dark
|
25408
|
+
: IcBrandForegroundEnum$1.Light, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { monochrome: true, appearance: foregroundColor }, hAsync("ul", { class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { version: version, status: status, class: {
|
25263
25409
|
["inline"]: inline,
|
25264
25410
|
} }, hasIconButtons && (hAsync("div", { class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { name: "buttons" }))), hAsync("ul", { slot: "navigation" }, hAsync("slot", { name: "navigation" }))))));
|
25265
25411
|
}
|
@@ -25290,7 +25436,7 @@ class TopNavigation {
|
|
25290
25436
|
"searchButtonClick": [32],
|
25291
25437
|
"searchValue": [32]
|
25292
25438
|
},
|
25293
|
-
"$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "
|
25439
|
+
"$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "brandChange", "brandChangeHandler"]],
|
25294
25440
|
"$lazyBundleId$": "-",
|
25295
25441
|
"$attrsToReflect$": []
|
25296
25442
|
}; }
|
@@ -25300,7 +25446,7 @@ var arrowDropdown = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
25300
25446
|
<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
|
25301
25447
|
</svg>`;
|
25302
25448
|
|
25303
|
-
const icTreeItemCss = "/*!@:host*/.sc-ic-tree-item-h{display:block;border:none;position:relative}/*!@:host .tree-item-content*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item{display:flex;align-items:center;height:calc(var(--ic-space-xl) + var(--ic-space-xs));padding:0 var(--ic-space-xs);text-decoration:none;color:var(--ic-tree-view-text);--ic-typography-color:var(--ic-tree-view-text)}/*!@::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-s>[slot=\"router-item\"]{display:flex;align-items:center;height:calc(var(--ic-space-xl) + var(--ic-space-xs));text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-tree-view-text);padding:0 var(--ic-space-xs) !important}/*!@::slotted([slot=\"router-item\"].ic-tree-item-single)*/.sc-ic-tree-item-s>[slot=\"router-item\"].ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}/*!@:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}/*!@:host(.ic-tree-item-focus-inset) .tree-item-content:focus,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]:focus)*/.ic-tree-item-focus-inset.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"]:focus,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-focus-inset .sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.ic-tree-item-focus-inset) .tree-item-content,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"])*/.ic-tree-item-focus-inset.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-focus-inset .sc-ic-tree-item-s>[slot=\"router-item\"]{padding:0 var(--ic-space-sm)}/*!@:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover{background-color:var(--ic-tree-view-hover) !important;cursor:pointer}/*!@:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active{background-color:var(--ic-tree-view-pressed) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:var(--ic-tree-view-selected) !important}/*!@:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"])*/.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-small.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"])*/.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-large.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-disabled)*/.ic-tree-item-disabled.sc-ic-tree-item-h{pointer-events:none}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:var(--ic-tree-view-text-disabled) !important;--ic-typography-color:var(--ic-tree-view-text-disabled) !important;fill:var(--ic-tree-view-icon-disabled);pointer-events:none}/*!@:host .arrow-dropdown*/.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-tree-view-dropdown-arrow);margin-right:var(--ic-space-xs)}/*!@:host(.ic-tree-item-disabled) .arrow-dropdown*/.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-tree-view-dropdown-arrow-disabled)}/*!@:host(.ic-tree-item-small) .arrow-dropdown*/.ic-tree-item-small.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{margin-right:var(--ic-space-xxs)}/*!@:host .tree-item-expanded*/.sc-ic-tree-item-h .tree-item-expanded.sc-ic-tree-item{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs))}/*!@:host .ic-tree-item-single*/.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.ic-tree-item-small) .ic-tree-item-single*/.ic-tree-item-small.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}/*!@.icon-container*/.icon-container.sc-ic-tree-item{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-item-small) .icon-container*/.ic-tree-item-small.sc-ic-tree-item-h .icon-container.sc-ic-tree-item{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-item{overflow:hidden}/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:var(--ic-tree-view-icon)}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:currentcolor}/*!@:host .tree-item-content:hover,\n ::slotted([slot=\"router-item\"]:hover),\n :host .tree-item-content:active,\n ::slotted([slot=\"router-item\"]:active),\n :host(.ic-tree-item-selected) .tree-item-content,\n :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover,.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active,.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:none !important}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n :host(.ic-tree-item-disabled) .arrow-dropdown,\n :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:GrayText !important;--ic-typography-color:GrayText !important;fill:GrayText !important}/*!@:host .tree-item-content:focus,\n ::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{border:var(--ic-border-hc) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{color:Highlight !important;--ic-typography-color:Highlight !important}}";
|
25449
|
+
const icTreeItemCss = "/*!@:host*/.sc-ic-tree-item-h{display:block;border:none;position:relative}/*!@:host .tree-item-content*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));padding:0 var(--ic-space-xs);text-decoration:none;color:var(--ic-tree-view-text);--ic-typography-color:var(--ic-tree-view-text)}/*!@::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-s>[slot=\"router-item\"]{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-tree-view-text);padding:0 var(--ic-space-xs) !important}/*!@:host(.ic-tree-item-truncate) .tree-item-content,\n:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-truncate .sc-ic-tree-item-s>[slot=\"router-item\"]{height:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@::slotted([slot=\"router-item\"].ic-tree-item-single)*/.sc-ic-tree-item-s>[slot=\"router-item\"].ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}/*!@:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}/*!@:host(.ic-tree-item-focus-inset) .tree-item-content:focus,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]:focus)*/.ic-tree-item-focus-inset.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"]:focus,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-focus-inset .sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.ic-tree-item-focus-inset) .tree-item-content,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"])*/.ic-tree-item-focus-inset.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-focus-inset .sc-ic-tree-item-s>[slot=\"router-item\"]{padding:0 var(--ic-space-sm)}/*!@:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover{background-color:var(--ic-tree-view-hover) !important;cursor:pointer}/*!@:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active{background-color:var(--ic-tree-view-pressed) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:var(--ic-tree-view-selected) !important}/*!@:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"])*/.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-small.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{min-height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"])*/.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-large.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{min-height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-small)\n ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-large)\n ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-disabled)*/.ic-tree-item-disabled.sc-ic-tree-item-h{pointer-events:none}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:var(--ic-tree-view-text-disabled) !important;--ic-typography-color:var(--ic-tree-view-text-disabled) !important;fill:var(--ic-tree-view-icon-disabled);pointer-events:none}/*!@:host .arrow-dropdown*/.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-tree-view-dropdown-arrow);margin-right:var(--ic-space-xs)}/*!@:host(.ic-tree-item-disabled) .arrow-dropdown*/.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-tree-view-dropdown-arrow-disabled)}/*!@:host(.ic-tree-item-small) .arrow-dropdown*/.ic-tree-item-small.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{margin-right:var(--ic-space-xxs)}/*!@:host .tree-item-expanded*/.sc-ic-tree-item-h .tree-item-expanded.sc-ic-tree-item{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs))}/*!@:host .ic-tree-item-single*/.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.ic-tree-item-small) .ic-tree-item-single*/.ic-tree-item-small.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}/*!@.icon-container*/.icon-container.sc-ic-tree-item{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-item-small) .icon-container*/.ic-tree-item-small.sc-ic-tree-item-h .icon-container.sc-ic-tree-item{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-item{overflow:hidden}/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:var(--ic-tree-view-icon)}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:currentcolor}/*!@:host .tree-item-content:hover,\n ::slotted([slot=\"router-item\"]:hover),\n :host .tree-item-content:active,\n ::slotted([slot=\"router-item\"]:active),\n :host(.ic-tree-item-selected) .tree-item-content,\n :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover,.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active,.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:none !important}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n :host(.ic-tree-item-disabled) .arrow-dropdown,\n :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:GrayText !important;--ic-typography-color:GrayText !important;fill:GrayText !important}/*!@:host .tree-item-content:focus,\n ::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{border:var(--ic-border-hc) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{color:Highlight !important;--ic-typography-color:Highlight !important}}";
|
25304
25450
|
|
25305
25451
|
let treeItemIds = 0;
|
25306
25452
|
/**
|
@@ -25410,6 +25556,10 @@ class TreeItem {
|
|
25410
25556
|
this.size = "medium";
|
25411
25557
|
this.target = undefined;
|
25412
25558
|
this.theme = "inherit";
|
25559
|
+
this.truncateTreeItem = undefined;
|
25560
|
+
}
|
25561
|
+
watchDisabledHandler() {
|
25562
|
+
removeDisabledFalse(this.disabled, this.el);
|
25413
25563
|
}
|
25414
25564
|
watchSelectedHandler() {
|
25415
25565
|
if (this.selected) {
|
@@ -25421,6 +25571,9 @@ class TreeItem {
|
|
25421
25571
|
var _a;
|
25422
25572
|
(_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
25423
25573
|
}
|
25574
|
+
componentWillLoad() {
|
25575
|
+
removeDisabledFalse(this.disabled, this.el);
|
25576
|
+
}
|
25424
25577
|
componentDidLoad() {
|
25425
25578
|
this.childTreeItems = Array.from(this.el.children).filter((child) => child.tagName === this.treeItemTag);
|
25426
25579
|
if (this.childTreeItems.length > 0) {
|
@@ -25429,7 +25582,7 @@ class TreeItem {
|
|
25429
25582
|
this.setTreeItemPadding();
|
25430
25583
|
this.updateAriaLabel();
|
25431
25584
|
setTimeout(() => {
|
25432
|
-
this.truncateTreeItemLabel(this.el);
|
25585
|
+
this.truncateTreeItem && this.truncateTreeItemLabel(this.el);
|
25433
25586
|
}, 100);
|
25434
25587
|
!isSlotUsed(this.el, "label") &&
|
25435
25588
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Tree item");
|
@@ -25441,7 +25594,7 @@ class TreeItem {
|
|
25441
25594
|
componentDidUpdate() {
|
25442
25595
|
if (this.hasParentExpanded) {
|
25443
25596
|
this.childTreeItems.forEach((child) => {
|
25444
|
-
this.truncateTreeItemLabel(child);
|
25597
|
+
child.truncateTreeItem && this.truncateTreeItemLabel(child);
|
25445
25598
|
});
|
25446
25599
|
this.hasParentExpanded = false;
|
25447
25600
|
}
|
@@ -25520,6 +25673,7 @@ class TreeItem {
|
|
25520
25673
|
[`ic-tree-item-${size}`]: size !== "medium",
|
25521
25674
|
[`ic-tree-item-focus-inset`]: focusInset,
|
25522
25675
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
25676
|
+
"ic-tree-item-truncate": this.truncateTreeItem,
|
25523
25677
|
}, id: this.treeItemId }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(Component, Object.assign({ class: {
|
25524
25678
|
"tree-item-content": true,
|
25525
25679
|
}, tabIndex: disabled ? -1 : 0, onClick: this.handleTreeItemClicked, ref: (el) => (this.treeItemElement = el), "aria-disabled": disabled ? "true" : "false", "aria-live": "polite" }, attrs, { onFocus: () => this.handleDisplayTooltip(true), onBlur: () => this.handleDisplayTooltip(false) }), this.isParent && (hAsync("span", { class: {
|
@@ -25529,6 +25683,7 @@ class TreeItem {
|
|
25529
25683
|
}
|
25530
25684
|
get el() { return getElement(this); }
|
25531
25685
|
static get watchers() { return {
|
25686
|
+
"disabled": ["watchDisabledHandler"],
|
25532
25687
|
"selected": ["watchSelectedHandler"]
|
25533
25688
|
}; }
|
25534
25689
|
static get style() { return icTreeItemCss; }
|
@@ -25550,6 +25705,7 @@ class TreeItem {
|
|
25550
25705
|
"size": [1],
|
25551
25706
|
"target": [1],
|
25552
25707
|
"theme": [1],
|
25708
|
+
"truncateTreeItem": [4, "truncate-tree-item"],
|
25553
25709
|
"childTreeItems": [32],
|
25554
25710
|
"setFocus": [64],
|
25555
25711
|
"updateAriaLabel": [64]
|
@@ -25560,7 +25716,7 @@ class TreeItem {
|
|
25560
25716
|
}; }
|
25561
25717
|
}
|
25562
25718
|
|
25563
|
-
const icTreeViewCss = "/*!@:host*/.sc-ic-tree-view-h{display:block;width:var(--tree-view-width, 100%);background-color:var(--ic-tree-view-background)}/*!@:host .heading-area-container*/.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{border-bottom:var(--ic-space-1px) solid var(--ic-tree-view-divider);display:flex;align-items:center;height:calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px));padding:0 var(--ic-space-xs);--ic-typography-color:var(--ic-tree-view-text)}/*!@:host(.ic-tree-view-small) .heading-area-container*/.ic-tree-view-small.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xl) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-large) .heading-area-container*/.ic-tree-view-large.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}/*!@.icon-container*/.icon-container.sc-ic-tree-view{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-view-small) .icon-container*/.ic-tree-view-small.sc-ic-tree-view-h .icon-container.sc-ic-tree-view{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-view{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-view{overflow:hidden}/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-view-s>[slot=\"icon\"]{fill:var(--ic-tree-view-icon)}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-view-s>[slot=\"icon\"]{fill:currentcolor}}";
|
25719
|
+
const icTreeViewCss = "/*!@:host*/.sc-ic-tree-view-h{display:block;width:var(--tree-view-width, 100%);background-color:var(--ic-tree-view-background)}/*!@:host .heading-area-container*/.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{border-bottom:var(--ic-space-1px) solid var(--ic-tree-view-divider);display:flex;align-items:center;min-height:calc(\n var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px)\n );padding:0 var(--ic-space-xs);--ic-typography-color:var(--ic-tree-view-text)}/*!@:host(.ic-tree-view-small) .heading-area-container*/.ic-tree-view-small.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{min-height:calc(var(--ic-space-xl) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-large) .heading-area-container*/.ic-tree-view-large.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{min-height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-truncate) .heading-area-container*/.ic-tree-view-truncate.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-truncate.ic-tree-view-small) .heading-area-container*/.ic-tree-view-truncate.ic-tree-view-small.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xl) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-truncate.ic-tree-view-large) .heading-area-container*/.ic-tree-view-truncate.ic-tree-view-large.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}/*!@.icon-container*/.icon-container.sc-ic-tree-view{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-view-small) .icon-container*/.ic-tree-view-small.sc-ic-tree-view-h .icon-container.sc-ic-tree-view{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-view{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-view{overflow:hidden}/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-view-s>[slot=\"icon\"]{fill:var(--ic-tree-view-icon)}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-view-s>[slot=\"icon\"]{fill:currentcolor}}";
|
25564
25720
|
|
25565
25721
|
let treeViewIds = 0;
|
25566
25722
|
/**
|
@@ -25692,6 +25848,8 @@ class TreeView {
|
|
25692
25848
|
this.heading = "";
|
25693
25849
|
this.size = "medium";
|
25694
25850
|
this.theme = "inherit";
|
25851
|
+
this.truncateHeading = false;
|
25852
|
+
this.truncateTreeItems = false;
|
25695
25853
|
}
|
25696
25854
|
watchFocusInsetHandler() {
|
25697
25855
|
this.treeItems.forEach((treeItem) => {
|
@@ -25708,6 +25866,13 @@ class TreeView {
|
|
25708
25866
|
treeItem.theme = this.theme;
|
25709
25867
|
});
|
25710
25868
|
}
|
25869
|
+
watchTruncateTreeItemsHandler() {
|
25870
|
+
this.treeItems.forEach((treeItem) => {
|
25871
|
+
if (treeItem.truncateTreeItem === undefined) {
|
25872
|
+
treeItem.truncateTreeItem = this.truncateTreeItems;
|
25873
|
+
}
|
25874
|
+
});
|
25875
|
+
}
|
25711
25876
|
disconnectedCallback() {
|
25712
25877
|
var _a, _b;
|
25713
25878
|
(_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener("slotchange", this.setTreeItems);
|
@@ -25718,8 +25883,9 @@ class TreeView {
|
|
25718
25883
|
this.watchSizeHandler();
|
25719
25884
|
this.watchFocusInsetHandler();
|
25720
25885
|
this.watchThemeHandler();
|
25886
|
+
this.watchTruncateTreeItemsHandler();
|
25721
25887
|
setTimeout(() => {
|
25722
|
-
this.truncateTreeViewHeading();
|
25888
|
+
this.truncateHeading && this.truncateTreeViewHeading();
|
25723
25889
|
}, 100);
|
25724
25890
|
this.addSlotChangeListener();
|
25725
25891
|
this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
|
@@ -25752,13 +25918,15 @@ class TreeView {
|
|
25752
25918
|
return (hAsync(Host, { "context-id": this.treeViewId, class: {
|
25753
25919
|
[`ic-tree-view-${size}`]: size !== "medium",
|
25754
25920
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
25921
|
+
"ic-tree-view-truncate": this.truncateHeading,
|
25755
25922
|
}, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "subtitle-large", class: "tree-view-header" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", null)));
|
25756
25923
|
}
|
25757
25924
|
get el() { return getElement(this); }
|
25758
25925
|
static get watchers() { return {
|
25759
25926
|
"focusInset": ["watchFocusInsetHandler"],
|
25760
25927
|
"size": ["watchSizeHandler"],
|
25761
|
-
"theme": ["watchThemeHandler"]
|
25928
|
+
"theme": ["watchThemeHandler"],
|
25929
|
+
"truncateTreeItems": ["watchTruncateTreeItemsHandler"]
|
25762
25930
|
}; }
|
25763
25931
|
static get style() { return icTreeViewCss; }
|
25764
25932
|
static get cmpMeta() { return {
|
@@ -25769,6 +25937,8 @@ class TreeView {
|
|
25769
25937
|
"heading": [1],
|
25770
25938
|
"size": [1],
|
25771
25939
|
"theme": [1],
|
25940
|
+
"truncateHeading": [4, "truncate-heading"],
|
25941
|
+
"truncateTreeItems": [4, "truncate-tree-items"],
|
25772
25942
|
"treeItems": [32]
|
25773
25943
|
},
|
25774
25944
|
"$listeners$": [[0, "icTreeItemSelected", "handleTreeItemSelected"]],
|