@ukic/canary-web-components 2.0.0-canary.30 → 2.0.0-canary.32
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-1a85e860.js → helpers-52ab3835.js} +11 -9
- package/dist/cjs/helpers-52ab3835.js.map +1 -0
- package/dist/cjs/{helpers-093368be.js → helpers-aa5ff032.js} +5 -1
- package/dist/cjs/helpers-aa5ff032.js.map +1 -0
- 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 +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +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 +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +8 -2
- package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card.cjs.entry.js +7 -1
- package/dist/cjs/ic-card.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 +78 -64
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-input.cjs.entry.js +6 -1
- 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 +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 +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +1 -1
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js +11 -2
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +7 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-with-multi.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu.cjs.entry.js +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +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 +30 -10
- 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 +2 -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 +5 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select-with-multi.cjs.entry.js +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +13 -9
- 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.cjs.entry.js +5 -2
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +9 -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 +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 +9 -0
- 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 +77 -63
- 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.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-menu-with-multi/test/basic/ic-menu.spec.js +1 -1
- package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.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 +10 -8
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/components/helpers.js +5 -1
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/helpers2.js +10 -8
- 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-card-horizontal.js +10 -2
- package/dist/components/ic-card-horizontal.js.map +1 -1
- package/dist/components/ic-card.js +9 -1
- package/dist/components/ic-card.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 +77 -63
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-date-input2.js +7 -1
- 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-input-component-container2.js +13 -2
- package/dist/components/ic-input-component-container2.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-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 +1 -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 +6 -1
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-select2.js +6 -1
- package/dist/components/ic-select2.js.map +1 -1
- package/dist/components/ic-side-navigation.js +13 -9
- 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 +19 -10
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +11 -1
- 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 +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.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-e210f51a.entry.js → p-05c9dee1.entry.js} +2 -2
- package/dist/core/p-05c9dee1.entry.js.map +1 -0
- package/dist/core/p-0695b4b7.entry.js +2 -0
- package/dist/core/p-0695b4b7.entry.js.map +1 -0
- package/dist/core/p-09d4fe07.entry.js +2 -0
- package/dist/core/p-09d4fe07.entry.js.map +1 -0
- package/dist/core/{p-0180e00a.entry.js → p-0bc92c30.entry.js} +2 -2
- package/dist/core/{p-924548ec.entry.js → p-120a38ce.entry.js} +2 -2
- package/dist/core/{p-2d063032.entry.js → p-1419c8ae.entry.js} +2 -2
- package/dist/core/{p-ca8ddad0.entry.js → p-1619b3d7.entry.js} +2 -2
- package/dist/core/{p-438abe40.entry.js → p-19a9ab60.entry.js} +2 -2
- package/dist/core/p-19a9ab60.entry.js.map +1 -0
- package/dist/core/{p-41916ef7.entry.js → p-1a5c1bfa.entry.js} +2 -2
- package/dist/core/{p-418a84d4.entry.js → p-1b5a47c6.entry.js} +2 -2
- package/dist/core/p-1eb5d7f3.entry.js +2 -0
- package/dist/core/p-1eb5d7f3.entry.js.map +1 -0
- package/dist/core/{p-cb3afdbf.entry.js → p-1ef02273.entry.js} +2 -2
- package/dist/core/p-20075bc7.entry.js +2 -0
- package/dist/core/p-20075bc7.entry.js.map +1 -0
- package/dist/core/p-2308d041.entry.js +2 -0
- package/dist/core/p-2308d041.entry.js.map +1 -0
- package/dist/core/{p-d56593cc.entry.js → p-23f32e1e.entry.js} +2 -2
- package/dist/core/{p-8128572e.js → p-3a3a8a71.js} +2 -2
- package/dist/core/{p-8128572e.js.map → p-3a3a8a71.js.map} +1 -1
- package/dist/core/{p-0a01a7ae.entry.js → p-40471551.entry.js} +2 -2
- package/dist/core/{p-5eeea55e.entry.js → p-43f87eb3.entry.js} +2 -2
- package/dist/core/p-43f87eb3.entry.js.map +1 -0
- package/dist/core/{p-2f7e6e38.entry.js → p-456282e2.entry.js} +2 -2
- package/dist/core/{p-74abc3bb.entry.js → p-48b62c20.entry.js} +2 -2
- package/dist/core/{p-486a6957.entry.js → p-5041cbeb.entry.js} +2 -2
- package/dist/core/{p-21d0dea6.entry.js → p-516de675.entry.js} +2 -2
- package/dist/core/{p-648fb902.entry.js → p-522b1526.entry.js} +2 -2
- package/dist/core/{p-f6a93c4d.entry.js → p-56e19b01.entry.js} +2 -2
- package/dist/core/{p-6fb3d61e.entry.js → p-59e677e4.entry.js} +2 -2
- package/dist/core/{p-de630a67.entry.js → p-5dc274f0.entry.js} +2 -2
- package/dist/core/{p-1a317582.entry.js → p-67b25dfc.entry.js} +2 -2
- package/dist/core/p-67b25dfc.entry.js.map +1 -0
- package/dist/core/{p-f4e57aaf.entry.js → p-6bd76154.entry.js} +2 -2
- package/dist/core/{p-9b70d4f8.entry.js → p-73dab780.entry.js} +2 -2
- package/dist/core/{p-8d276e8f.entry.js → p-77637e28.entry.js} +2 -2
- package/dist/core/p-782cd387.entry.js +2 -0
- package/dist/core/p-782cd387.entry.js.map +1 -0
- package/dist/core/p-7e20c194.entry.js +2 -0
- package/dist/core/p-7e20c194.entry.js.map +1 -0
- package/dist/core/{p-77696f7d.entry.js → p-85101c9a.entry.js} +2 -2
- package/dist/core/p-85101c9a.entry.js.map +1 -0
- package/dist/core/{p-f10f7f37.entry.js → p-89290d94.entry.js} +2 -2
- package/dist/core/p-89290d94.entry.js.map +1 -0
- package/dist/core/{p-521abb6e.entry.js → p-895d05f9.entry.js} +2 -2
- package/dist/core/p-895d05f9.entry.js.map +1 -0
- package/dist/core/{p-969cadfa.entry.js → p-89ec372e.entry.js} +2 -2
- package/dist/core/p-89ec372e.entry.js.map +1 -0
- package/dist/core/{p-b53455c3.entry.js → p-9271a06b.entry.js} +2 -2
- package/dist/core/{p-673a4a62.entry.js → p-9445c2f3.entry.js} +2 -2
- package/dist/core/p-94e47a21.entry.js +2 -0
- package/dist/core/p-94e47a21.entry.js.map +1 -0
- package/dist/core/{p-0fc36045.entry.js → p-952bdeb2.entry.js} +2 -2
- package/dist/core/p-95c8513d.entry.js +2 -0
- package/dist/core/p-95c8513d.entry.js.map +1 -0
- package/dist/core/{p-a7331e7c.entry.js → p-96a909bf.entry.js} +2 -2
- package/dist/core/{p-e35d6d78.entry.js → p-9922cd00.entry.js} +2 -2
- package/dist/core/{p-9e5c8813.entry.js → p-9b85340f.entry.js} +2 -2
- package/dist/core/p-9b85340f.entry.js.map +1 -0
- package/dist/core/{p-99185fd5.entry.js → p-9ce35989.entry.js} +2 -2
- package/dist/core/p-9ce35989.entry.js.map +1 -0
- package/dist/core/p-a44c0351.entry.js +2 -0
- package/dist/core/p-a44c0351.entry.js.map +1 -0
- package/dist/core/p-a7f4168c.entry.js +2 -0
- package/dist/core/{p-ccf72538.entry.js → p-ab485b11.entry.js} +2 -2
- package/dist/core/{p-097bfd3f.entry.js → p-ad1e70c9.entry.js} +2 -2
- package/dist/core/{p-3a59391f.entry.js → p-ad786103.entry.js} +2 -2
- package/dist/core/p-af3d4eba.entry.js +2 -0
- package/dist/core/p-af3d4eba.entry.js.map +1 -0
- package/dist/core/p-b9d9273f.js +2 -0
- package/dist/core/p-b9d9273f.js.map +1 -0
- package/dist/core/{p-789ae7f5.entry.js → p-c32f4c0f.entry.js} +2 -2
- package/dist/core/{p-16a48a63.entry.js → p-cc99e774.entry.js} +2 -2
- package/dist/core/p-ce2162a2.entry.js +2 -0
- package/dist/core/{p-a72af8db.entry.js.map → p-ce2162a2.entry.js.map} +1 -1
- package/dist/core/{p-c8141cac.entry.js → p-ce90d1b2.entry.js} +2 -2
- package/dist/core/p-cf3f9b02.entry.js +2 -0
- package/dist/core/p-cf3f9b02.entry.js.map +1 -0
- package/dist/core/{p-5348af01.entry.js → p-d0d2952b.entry.js} +2 -2
- package/dist/core/{p-4fd35690.entry.js → p-d61ef782.entry.js} +2 -2
- package/dist/core/p-d61ef782.entry.js.map +1 -0
- package/dist/core/{p-6398a726.entry.js → p-f0e85611.entry.js} +2 -2
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-e0c3e667.js → helpers-147b5b73.js} +11 -9
- package/dist/esm/helpers-147b5b73.js.map +1 -0
- package/dist/esm/{helpers-886489d5.js → helpers-25eb1cb0.js} +6 -2
- package/dist/esm/helpers-25eb1cb0.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 +1 -1
- package/dist/esm/ic-back-to-top.entry.js +1 -1
- package/dist/esm/ic-badge.entry.js +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +1 -1
- package/dist/esm/ic-button_3.entry.js +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +8 -2
- package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
- package/dist/esm/ic-card.entry.js +7 -1
- package/dist/esm/ic-card.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 +78 -64
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-input.entry.js +6 -1
- 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 +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 +1 -1
- package/dist/esm/ic-footer-link.entry.js +1 -1
- package/dist/esm/ic-footer.entry.js +1 -1
- package/dist/esm/ic-hero.entry.js +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +1 -1
- package/dist/esm/ic-input-component-container_4.entry.js +11 -2
- package/dist/esm/ic-input-component-container_4.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +1 -1
- package/dist/esm/ic-menu-group.entry.js +1 -1
- package/dist/esm/ic-menu-item.entry.js +7 -1
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-menu-with-multi.entry.js +1 -1
- package/dist/esm/ic-menu.entry.js +1 -1
- package/dist/esm/ic-navigation-button.entry.js +1 -1
- package/dist/esm/ic-navigation-group.entry.js +1 -1
- package/dist/esm/ic-navigation-item.entry.js +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +1 -1
- package/dist/esm/ic-page-header.entry.js +1 -1
- package/dist/esm/ic-pagination_4.entry.js +30 -10
- 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 +2 -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 +5 -1
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-select-with-multi.entry.js +1 -1
- package/dist/esm/ic-side-navigation.entry.js +13 -9
- 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.entry.js +5 -2
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +1 -1
- package/dist/esm/ic-toast.entry.js +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +9 -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 +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 +1 -0
- package/dist/types/components/ic-data-table/ic-data-table.d.ts +3 -1
- 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 +25 -1
- package/hydrate/index.js +261 -103
- package/package.json +3 -10
- package/dist/cjs/helpers-093368be.js.map +0 -1
- package/dist/cjs/helpers-1a85e860.js.map +0 -1
- package/dist/core/p-01bc462e.entry.js +0 -2
- package/dist/core/p-01bc462e.entry.js.map +0 -1
- package/dist/core/p-09746a07.entry.js +0 -2
- package/dist/core/p-09746a07.entry.js.map +0 -1
- package/dist/core/p-1a317582.entry.js.map +0 -1
- package/dist/core/p-2ecedbe5.entry.js +0 -2
- package/dist/core/p-2ecedbe5.entry.js.map +0 -1
- package/dist/core/p-383ba7e8.entry.js +0 -2
- package/dist/core/p-383ba7e8.entry.js.map +0 -1
- package/dist/core/p-40510c97.js +0 -2
- package/dist/core/p-40510c97.js.map +0 -1
- package/dist/core/p-4352b9c5.entry.js +0 -2
- package/dist/core/p-4352b9c5.entry.js.map +0 -1
- package/dist/core/p-438abe40.entry.js.map +0 -1
- package/dist/core/p-43a2cad3.entry.js +0 -2
- package/dist/core/p-43a2cad3.entry.js.map +0 -1
- package/dist/core/p-4fd35690.entry.js.map +0 -1
- package/dist/core/p-521abb6e.entry.js.map +0 -1
- package/dist/core/p-5334bc96.entry.js +0 -2
- package/dist/core/p-5334bc96.entry.js.map +0 -1
- package/dist/core/p-5eeea55e.entry.js.map +0 -1
- package/dist/core/p-67ae9d37.entry.js +0 -2
- package/dist/core/p-77696f7d.entry.js.map +0 -1
- package/dist/core/p-7e5da5eb.entry.js +0 -2
- package/dist/core/p-7e5da5eb.entry.js.map +0 -1
- package/dist/core/p-810561ab.entry.js +0 -2
- package/dist/core/p-810561ab.entry.js.map +0 -1
- package/dist/core/p-969cadfa.entry.js.map +0 -1
- package/dist/core/p-97f141a6.entry.js +0 -2
- package/dist/core/p-97f141a6.entry.js.map +0 -1
- package/dist/core/p-99185fd5.entry.js.map +0 -1
- package/dist/core/p-9e5c8813.entry.js.map +0 -1
- package/dist/core/p-a72af8db.entry.js +0 -2
- package/dist/core/p-c9edf975.entry.js +0 -2
- package/dist/core/p-c9edf975.entry.js.map +0 -1
- package/dist/core/p-cf4572c9.entry.js +0 -2
- package/dist/core/p-cf4572c9.entry.js.map +0 -1
- package/dist/core/p-e210f51a.entry.js.map +0 -1
- package/dist/core/p-f10f7f37.entry.js.map +0 -1
- package/dist/esm/helpers-886489d5.js.map +0 -1
- package/dist/esm/helpers-e0c3e667.js.map +0 -1
- /package/dist/core/{p-0180e00a.entry.js.map → p-0bc92c30.entry.js.map} +0 -0
- /package/dist/core/{p-924548ec.entry.js.map → p-120a38ce.entry.js.map} +0 -0
- /package/dist/core/{p-2d063032.entry.js.map → p-1419c8ae.entry.js.map} +0 -0
- /package/dist/core/{p-ca8ddad0.entry.js.map → p-1619b3d7.entry.js.map} +0 -0
- /package/dist/core/{p-41916ef7.entry.js.map → p-1a5c1bfa.entry.js.map} +0 -0
- /package/dist/core/{p-418a84d4.entry.js.map → p-1b5a47c6.entry.js.map} +0 -0
- /package/dist/core/{p-cb3afdbf.entry.js.map → p-1ef02273.entry.js.map} +0 -0
- /package/dist/core/{p-d56593cc.entry.js.map → p-23f32e1e.entry.js.map} +0 -0
- /package/dist/core/{p-0a01a7ae.entry.js.map → p-40471551.entry.js.map} +0 -0
- /package/dist/core/{p-2f7e6e38.entry.js.map → p-456282e2.entry.js.map} +0 -0
- /package/dist/core/{p-74abc3bb.entry.js.map → p-48b62c20.entry.js.map} +0 -0
- /package/dist/core/{p-486a6957.entry.js.map → p-5041cbeb.entry.js.map} +0 -0
- /package/dist/core/{p-21d0dea6.entry.js.map → p-516de675.entry.js.map} +0 -0
- /package/dist/core/{p-648fb902.entry.js.map → p-522b1526.entry.js.map} +0 -0
- /package/dist/core/{p-f6a93c4d.entry.js.map → p-56e19b01.entry.js.map} +0 -0
- /package/dist/core/{p-6fb3d61e.entry.js.map → p-59e677e4.entry.js.map} +0 -0
- /package/dist/core/{p-de630a67.entry.js.map → p-5dc274f0.entry.js.map} +0 -0
- /package/dist/core/{p-f4e57aaf.entry.js.map → p-6bd76154.entry.js.map} +0 -0
- /package/dist/core/{p-9b70d4f8.entry.js.map → p-73dab780.entry.js.map} +0 -0
- /package/dist/core/{p-8d276e8f.entry.js.map → p-77637e28.entry.js.map} +0 -0
- /package/dist/core/{p-b53455c3.entry.js.map → p-9271a06b.entry.js.map} +0 -0
- /package/dist/core/{p-673a4a62.entry.js.map → p-9445c2f3.entry.js.map} +0 -0
- /package/dist/core/{p-0fc36045.entry.js.map → p-952bdeb2.entry.js.map} +0 -0
- /package/dist/core/{p-a7331e7c.entry.js.map → p-96a909bf.entry.js.map} +0 -0
- /package/dist/core/{p-e35d6d78.entry.js.map → p-9922cd00.entry.js.map} +0 -0
- /package/dist/core/{p-67ae9d37.entry.js.map → p-a7f4168c.entry.js.map} +0 -0
- /package/dist/core/{p-ccf72538.entry.js.map → p-ab485b11.entry.js.map} +0 -0
- /package/dist/core/{p-097bfd3f.entry.js.map → p-ad1e70c9.entry.js.map} +0 -0
- /package/dist/core/{p-3a59391f.entry.js.map → p-ad786103.entry.js.map} +0 -0
- /package/dist/core/{p-789ae7f5.entry.js.map → p-c32f4c0f.entry.js.map} +0 -0
- /package/dist/core/{p-16a48a63.entry.js.map → p-cc99e774.entry.js.map} +0 -0
- /package/dist/core/{p-c8141cac.entry.js.map → p-ce90d1b2.entry.js.map} +0 -0
- /package/dist/core/{p-5348af01.entry.js.map → p-d0d2952b.entry.js.map} +0 -0
- /package/dist/core/{p-6398a726.entry.js.map → p-f0e85611.entry.js.map} +0 -0
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as i,c as t,h as e,F as n,H as s,g as r}from"./p-8455d1bb.js";import{F as a,o as c,q as u}from"./p-40510c97.js";var o="top";var h="bottom";var l="right";var m="left";var f="auto";var v=[o,h,l,m];var d="start";var p="end";var w="clippingParents";var b="viewport";var g="popper";var y="reference";var x=v.reduce((function(i,t){return i.concat([t+"-"+d,t+"-"+p])}),[]);var k=[].concat(v,[f]).reduce((function(i,t){return i.concat([t,t+"-"+d,t+"-"+p])}),[]);var O="beforeRead";var j="read";var L="afterRead";var I="beforeMain";var z="main";var E="afterMain";var M="beforeWrite";var S="write";var T="afterWrite";var C=[O,j,L,I,z,E,M,S,T];function B(i){return i?(i.nodeName||"").toLowerCase():null}function A(i){if(i==null){return window}if(i.toString()!=="[object Window]"){var t=i.ownerDocument;return t?t.defaultView||window:window}return i}function H(i){var t=A(i).Element;return i instanceof t||i instanceof Element}function $(i){var t=A(i).HTMLElement;return i instanceof t||i instanceof HTMLElement}function P(i){if(typeof ShadowRoot==="undefined"){return false}var t=A(i).ShadowRoot;return i instanceof t||i instanceof ShadowRoot}function R(i){var t=i.state;Object.keys(t.elements).forEach((function(i){var e=t.styles[i]||{};var n=t.attributes[i]||{};var s=t.elements[i];if(!$(s)||!B(s)){return}Object.assign(s.style,e);Object.keys(n).forEach((function(i){var t=n[i];if(t===false){s.removeAttribute(i)}else{s.setAttribute(i,t===true?"":t)}}))}))}function D(i){var t=i.state;var e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper);t.styles=e;if(t.elements.arrow){Object.assign(t.elements.arrow.style,e.arrow)}return function(){Object.keys(t.elements).forEach((function(i){var n=t.elements[i];var s=t.attributes[i]||{};var r=Object.keys(t.styles.hasOwnProperty(i)?t.styles[i]:e[i]);var a=r.reduce((function(i,t){i[t]="";return i}),{});if(!$(n)||!B(n)){return}Object.assign(n.style,a);Object.keys(s).forEach((function(i){n.removeAttribute(i)}))}))}}const N={name:"applyStyles",enabled:true,phase:"write",fn:R,effect:D,requires:["computeStyles"]};function U(i){return i.split("-")[0]}var q=Math.max;var W=Math.min;var F=Math.round;function K(){var i=navigator.userAgentData;if(i!=null&&i.brands&&Array.isArray(i.brands)){return i.brands.map((function(i){return i.brand+"/"+i.version})).join(" ")}return navigator.userAgent}function V(){return!/^((?!chrome|android).)*safari/i.test(K())}function _(i,t,e){if(t===void 0){t=false}if(e===void 0){e=false}var n=i.getBoundingClientRect();var s=1;var r=1;if(t&&$(i)){s=i.offsetWidth>0?F(n.width)/i.offsetWidth||1:1;r=i.offsetHeight>0?F(n.height)/i.offsetHeight||1:1}var a=H(i)?A(i):window,c=a.visualViewport;var u=!V()&&e;var o=(n.left+(u&&c?c.offsetLeft:0))/s;var h=(n.top+(u&&c?c.offsetTop:0))/r;var l=n.width/s;var m=n.height/r;return{width:l,height:m,top:h,right:o+l,bottom:h+m,left:o,x:o,y:h}}function J(i){var t=_(i);var e=i.offsetWidth;var n=i.offsetHeight;if(Math.abs(t.width-e)<=1){e=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:i.offsetLeft,y:i.offsetTop,width:e,height:n}}function X(i,t){var e=t.getRootNode&&t.getRootNode();if(i.contains(t)){return true}else if(e&&P(e)){var n=t;do{if(n&&i.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function Z(i){return A(i).getComputedStyle(i)}function G(i){return["table","td","th"].indexOf(B(i))>=0}function Q(i){return((H(i)?i.ownerDocument:i.document)||window.document).documentElement}function Y(i){if(B(i)==="html"){return i}return i.assignedSlot||i.parentNode||(P(i)?i.host:null)||Q(i)}function ii(i){if(!$(i)||Z(i).position==="fixed"){return null}return i.offsetParent}function ti(i){var t=/firefox/i.test(K());var e=/Trident/i.test(K());if(e&&$(i)){var n=Z(i);if(n.position==="fixed"){return null}}var s=Y(i);if(P(s)){s=s.host}while($(s)&&["html","body"].indexOf(B(s))<0){var r=Z(s);if(r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].indexOf(r.willChange)!==-1||t&&r.willChange==="filter"||t&&r.filter&&r.filter!=="none"){return s}else{s=s.parentNode}}return null}function ei(i){var t=A(i);var e=ii(i);while(e&&G(e)&&Z(e).position==="static"){e=ii(e)}if(e&&(B(e)==="html"||B(e)==="body"&&Z(e).position==="static")){return t}return e||ti(i)||t}function ni(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function si(i,t,e){return q(i,W(t,e))}function ri(i,t,e){var n=si(i,t,e);return n>e?e:n}function ai(){return{top:0,right:0,bottom:0,left:0}}function ci(i){return Object.assign({},ai(),i)}function ui(i,t){return t.reduce((function(t,e){t[e]=i;return t}),{})}var oi=function i(t,e){t=typeof t==="function"?t(Object.assign({},e.rects,{placement:e.placement})):t;return ci(typeof t!=="number"?t:ui(t,v))};function hi(i){var t;var e=i.state,n=i.name,s=i.options;var r=e.elements.arrow;var a=e.modifiersData.popperOffsets;var c=U(e.placement);var u=ni(c);var f=[m,l].indexOf(c)>=0;var v=f?"height":"width";if(!r||!a){return}var d=oi(s.padding,e);var p=J(r);var w=u==="y"?o:m;var b=u==="y"?h:l;var g=e.rects.reference[v]+e.rects.reference[u]-a[u]-e.rects.popper[v];var y=a[u]-e.rects.reference[u];var x=ei(r);var k=x?u==="y"?x.clientHeight||0:x.clientWidth||0:0;var O=g/2-y/2;var j=d[w];var L=k-p[v]-d[b];var I=k/2-p[v]/2+O;var z=si(j,I,L);var E=u;e.modifiersData[n]=(t={},t[E]=z,t.centerOffset=z-I,t)}function li(i){var t=i.state,e=i.options;var n=e.element,s=n===void 0?"[data-popper-arrow]":n;if(s==null){return}if(typeof s==="string"){s=t.elements.popper.querySelector(s);if(!s){return}}if(!X(t.elements.popper,s)){return}t.elements.arrow=s}const mi={name:"arrow",enabled:true,phase:"main",fn:hi,effect:li,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function fi(i){return i.split("-")[1]}var vi={top:"auto",right:"auto",bottom:"auto",left:"auto"};function di(i,t){var e=i.x,n=i.y;var s=t.devicePixelRatio||1;return{x:F(e*s)/s||0,y:F(n*s)/s||0}}function pi(i){var t;var e=i.popper,n=i.popperRect,s=i.placement,r=i.variation,a=i.offsets,c=i.position,u=i.gpuAcceleration,f=i.adaptive,v=i.roundOffsets,d=i.isFixed;var w=a.x,b=w===void 0?0:w,g=a.y,y=g===void 0?0:g;var x=typeof v==="function"?v({x:b,y}):{x:b,y};b=x.x;y=x.y;var k=a.hasOwnProperty("x");var O=a.hasOwnProperty("y");var j=m;var L=o;var I=window;if(f){var z=ei(e);var E="clientHeight";var M="clientWidth";if(z===A(e)){z=Q(e);if(Z(z).position!=="static"&&c==="absolute"){E="scrollHeight";M="scrollWidth"}}z=z;if(s===o||(s===m||s===l)&&r===p){L=h;var S=d&&z===I&&I.visualViewport?I.visualViewport.height:z[E];y-=S-n.height;y*=u?1:-1}if(s===m||(s===o||s===h)&&r===p){j=l;var T=d&&z===I&&I.visualViewport?I.visualViewport.width:z[M];b-=T-n.width;b*=u?1:-1}}var C=Object.assign({position:c},f&&vi);var B=v===true?di({x:b,y},A(e)):{x:b,y};b=B.x;y=B.y;if(u){var H;return Object.assign({},C,(H={},H[L]=O?"0":"",H[j]=k?"0":"",H.transform=(I.devicePixelRatio||1)<=1?"translate("+b+"px, "+y+"px)":"translate3d("+b+"px, "+y+"px, 0)",H))}return Object.assign({},C,(t={},t[L]=O?y+"px":"",t[j]=k?b+"px":"",t.transform="",t))}function wi(i){var t=i.state,e=i.options;var n=e.gpuAcceleration,s=n===void 0?true:n,r=e.adaptive,a=r===void 0?true:r,c=e.roundOffsets,u=c===void 0?true:c;var o={placement:U(t.placement),variation:fi(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:s,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,pi(Object.assign({},o,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:u})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,pi(Object.assign({},o,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:u})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const bi={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:wi,data:{}};var gi={passive:true};function yi(i){var t=i.state,e=i.instance,n=i.options;var s=n.scroll,r=s===void 0?true:s,a=n.resize,c=a===void 0?true:a;var u=A(t.elements.popper);var o=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(r){o.forEach((function(i){i.addEventListener("scroll",e.update,gi)}))}if(c){u.addEventListener("resize",e.update,gi)}return function(){if(r){o.forEach((function(i){i.removeEventListener("scroll",e.update,gi)}))}if(c){u.removeEventListener("resize",e.update,gi)}}}const xi={name:"eventListeners",enabled:true,phase:"write",fn:function i(){},effect:yi,data:{}};var ki={left:"right",right:"left",bottom:"top",top:"bottom"};function Oi(i){return i.replace(/left|right|bottom|top/g,(function(i){return ki[i]}))}var ji={start:"end",end:"start"};function Li(i){return i.replace(/start|end/g,(function(i){return ji[i]}))}function Ii(i){var t=A(i);var e=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:e,scrollTop:n}}function zi(i){return _(Q(i)).left+Ii(i).scrollLeft}function Ei(i,t){var e=A(i);var n=Q(i);var s=e.visualViewport;var r=n.clientWidth;var a=n.clientHeight;var c=0;var u=0;if(s){r=s.width;a=s.height;var o=V();if(o||!o&&t==="fixed"){c=s.offsetLeft;u=s.offsetTop}}return{width:r,height:a,x:c+zi(i),y:u}}function Mi(i){var t;var e=Q(i);var n=Ii(i);var s=(t=i.ownerDocument)==null?void 0:t.body;var r=q(e.scrollWidth,e.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0);var a=q(e.scrollHeight,e.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0);var c=-n.scrollLeft+zi(i);var u=-n.scrollTop;if(Z(s||e).direction==="rtl"){c+=q(e.clientWidth,s?s.clientWidth:0)-r}return{width:r,height:a,x:c,y:u}}function Si(i){var t=Z(i),e=t.overflow,n=t.overflowX,s=t.overflowY;return/auto|scroll|overlay|hidden/.test(e+s+n)}function Ti(i){if(["html","body","#document"].indexOf(B(i))>=0){return i.ownerDocument.body}if($(i)&&Si(i)){return i}return Ti(Y(i))}function Ci(i,t){var e;if(t===void 0){t=[]}var n=Ti(i);var s=n===((e=i.ownerDocument)==null?void 0:e.body);var r=A(n);var a=s?[r].concat(r.visualViewport||[],Si(n)?n:[]):n;var c=t.concat(a);return s?c:c.concat(Ci(Y(a)))}function Bi(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function Ai(i,t){var e=_(i,false,t==="fixed");e.top=e.top+i.clientTop;e.left=e.left+i.clientLeft;e.bottom=e.top+i.clientHeight;e.right=e.left+i.clientWidth;e.width=i.clientWidth;e.height=i.clientHeight;e.x=e.left;e.y=e.top;return e}function Hi(i,t,e){return t===b?Bi(Ei(i,e)):H(t)?Ai(t,e):Bi(Mi(Q(i)))}function $i(i){var t=Ci(Y(i));var e=["absolute","fixed"].indexOf(Z(i).position)>=0;var n=e&&$(i)?ei(i):i;if(!H(n)){return[]}return t.filter((function(i){return H(i)&&X(i,n)&&B(i)!=="body"}))}function Pi(i,t,e,n){var s=t==="clippingParents"?$i(i):[].concat(t);var r=[].concat(s,[e]);var a=r[0];var c=r.reduce((function(t,e){var s=Hi(i,e,n);t.top=q(s.top,t.top);t.right=W(s.right,t.right);t.bottom=W(s.bottom,t.bottom);t.left=q(s.left,t.left);return t}),Hi(i,a,n));c.width=c.right-c.left;c.height=c.bottom-c.top;c.x=c.left;c.y=c.top;return c}function Ri(i){var t=i.reference,e=i.element,n=i.placement;var s=n?U(n):null;var r=n?fi(n):null;var a=t.x+t.width/2-e.width/2;var c=t.y+t.height/2-e.height/2;var u;switch(s){case o:u={x:a,y:t.y-e.height};break;case h:u={x:a,y:t.y+t.height};break;case l:u={x:t.x+t.width,y:c};break;case m:u={x:t.x-e.width,y:c};break;default:u={x:t.x,y:t.y}}var f=s?ni(s):null;if(f!=null){var v=f==="y"?"height":"width";switch(r){case d:u[f]=u[f]-(t[v]/2-e[v]/2);break;case p:u[f]=u[f]+(t[v]/2-e[v]/2);break}}return u}function Di(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=n===void 0?i.placement:n,r=e.strategy,a=r===void 0?i.strategy:r,c=e.boundary,u=c===void 0?w:c,m=e.rootBoundary,f=m===void 0?b:m,d=e.elementContext,p=d===void 0?g:d,x=e.altBoundary,k=x===void 0?false:x,O=e.padding,j=O===void 0?0:O;var L=ci(typeof j!=="number"?j:ui(j,v));var I=p===g?y:g;var z=i.rects.popper;var E=i.elements[k?I:p];var M=Pi(H(E)?E:E.contextElement||Q(i.elements.popper),u,f,a);var S=_(i.elements.reference);var T=Ri({reference:S,element:z,strategy:"absolute",placement:s});var C=Bi(Object.assign({},z,T));var B=p===g?C:S;var A={top:M.top-B.top+L.top,bottom:B.bottom-M.bottom+L.bottom,left:M.left-B.left+L.left,right:B.right-M.right+L.right};var $=i.modifiersData.offset;if(p===g&&$){var P=$[s];Object.keys(A).forEach((function(i){var t=[l,h].indexOf(i)>=0?1:-1;var e=[o,h].indexOf(i)>=0?"y":"x";A[i]+=P[e]*t}))}return A}function Ni(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=e.boundary,r=e.rootBoundary,a=e.padding,c=e.flipVariations,u=e.allowedAutoPlacements,o=u===void 0?k:u;var h=fi(n);var l=h?c?x:x.filter((function(i){return fi(i)===h})):v;var m=l.filter((function(i){return o.indexOf(i)>=0}));if(m.length===0){m=l}var f=m.reduce((function(t,e){t[e]=Di(i,{placement:e,boundary:s,rootBoundary:r,padding:a})[U(e)];return t}),{});return Object.keys(f).sort((function(i,t){return f[i]-f[t]}))}function Ui(i){if(U(i)===f){return[]}var t=Oi(i);return[Li(i),t,Li(t)]}function qi(i){var t=i.state,e=i.options,n=i.name;if(t.modifiersData[n]._skip){return}var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,c=a===void 0?true:a,u=e.fallbackPlacements,v=e.padding,p=e.boundary,w=e.rootBoundary,b=e.altBoundary,g=e.flipVariations,y=g===void 0?true:g,x=e.allowedAutoPlacements;var k=t.options.placement;var O=U(k);var j=O===k;var L=u||(j||!y?[Oi(k)]:Ui(k));var I=[k].concat(L).reduce((function(i,e){return i.concat(U(e)===f?Ni(t,{placement:e,boundary:p,rootBoundary:w,padding:v,flipVariations:y,allowedAutoPlacements:x}):e)}),[]);var z=t.rects.reference;var E=t.rects.popper;var M=new Map;var S=true;var T=I[0];for(var C=0;C<I.length;C++){var B=I[C];var A=U(B);var H=fi(B)===d;var $=[o,h].indexOf(A)>=0;var P=$?"width":"height";var R=Di(t,{placement:B,boundary:p,rootBoundary:w,altBoundary:b,padding:v});var D=$?H?l:m:H?h:o;if(z[P]>E[P]){D=Oi(D)}var N=Oi(D);var q=[];if(r){q.push(R[A]<=0)}if(c){q.push(R[D]<=0,R[N]<=0)}if(q.every((function(i){return i}))){T=B;S=false;break}M.set(B,q)}if(S){var W=y?3:1;var F=function i(t){var e=I.find((function(i){var e=M.get(i);if(e){return e.slice(0,t).every((function(i){return i}))}}));if(e){T=e;return"break"}};for(var K=W;K>0;K--){var V=F(K);if(V==="break")break}}if(t.placement!==T){t.modifiersData[n]._skip=true;t.placement=T;t.reset=true}}const Wi={name:"flip",enabled:true,phase:"main",fn:qi,requiresIfExists:["offset"],data:{_skip:false}};function Fi(i,t,e){if(e===void 0){e={x:0,y:0}}return{top:i.top-t.height-e.y,right:i.right-t.width+e.x,bottom:i.bottom-t.height+e.y,left:i.left-t.width-e.x}}function Ki(i){return[o,l,h,m].some((function(t){return i[t]>=0}))}function Vi(i){var t=i.state,e=i.name;var n=t.rects.reference;var s=t.rects.popper;var r=t.modifiersData.preventOverflow;var a=Di(t,{elementContext:"reference"});var c=Di(t,{altBoundary:true});var u=Fi(a,n);var o=Fi(c,s,r);var h=Ki(u);var l=Ki(o);t.modifiersData[e]={referenceClippingOffsets:u,popperEscapeOffsets:o,isReferenceHidden:h,hasPopperEscaped:l};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":l})}const _i={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Vi};function Ji(i,t,e){var n=U(i);var s=[m,o].indexOf(n)>=0?-1:1;var r=typeof e==="function"?e(Object.assign({},t,{placement:i})):e,a=r[0],c=r[1];a=a||0;c=(c||0)*s;return[m,l].indexOf(n)>=0?{x:c,y:a}:{x:a,y:c}}function Xi(i){var t=i.state,e=i.options,n=i.name;var s=e.offset,r=s===void 0?[0,0]:s;var a=k.reduce((function(i,e){i[e]=Ji(e,t.rects,r);return i}),{});var c=a[t.placement],u=c.x,o=c.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=u;t.modifiersData.popperOffsets.y+=o}t.modifiersData[n]=a}const Zi={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Xi};function Gi(i){var t=i.state,e=i.name;t.modifiersData[e]=Ri({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Qi={name:"popperOffsets",enabled:true,phase:"read",fn:Gi,data:{}};function Yi(i){return i==="x"?"y":"x"}function it(i){var t=i.state,e=i.options,n=i.name;var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,c=a===void 0?false:a,u=e.boundary,f=e.rootBoundary,v=e.altBoundary,p=e.padding,w=e.tether,b=w===void 0?true:w,g=e.tetherOffset,y=g===void 0?0:g;var x=Di(t,{boundary:u,rootBoundary:f,padding:p,altBoundary:v});var k=U(t.placement);var O=fi(t.placement);var j=!O;var L=ni(k);var I=Yi(L);var z=t.modifiersData.popperOffsets;var E=t.rects.reference;var M=t.rects.popper;var S=typeof y==="function"?y(Object.assign({},t.rects,{placement:t.placement})):y;var T=typeof S==="number"?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S);var C=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var B={x:0,y:0};if(!z){return}if(r){var A;var H=L==="y"?o:m;var $=L==="y"?h:l;var P=L==="y"?"height":"width";var R=z[L];var D=R+x[H];var N=R-x[$];var F=b?-M[P]/2:0;var K=O===d?E[P]:M[P];var V=O===d?-M[P]:-E[P];var _=t.elements.arrow;var X=b&&_?J(_):{width:0,height:0};var Z=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:ai();var G=Z[H];var Q=Z[$];var Y=si(0,E[P],X[P]);var ii=j?E[P]/2-F-Y-G-T.mainAxis:K-Y-G-T.mainAxis;var ti=j?-E[P]/2+F+Y+Q+T.mainAxis:V+Y+Q+T.mainAxis;var ci=t.elements.arrow&&ei(t.elements.arrow);var ui=ci?L==="y"?ci.clientTop||0:ci.clientLeft||0:0;var oi=(A=C==null?void 0:C[L])!=null?A:0;var hi=R+ii-oi-ui;var li=R+ti-oi;var mi=si(b?W(D,hi):D,R,b?q(N,li):N);z[L]=mi;B[L]=mi-R}if(c){var vi;var di=L==="x"?o:m;var pi=L==="x"?h:l;var wi=z[I];var bi=I==="y"?"height":"width";var gi=wi+x[di];var yi=wi-x[pi];var xi=[o,m].indexOf(k)!==-1;var ki=(vi=C==null?void 0:C[I])!=null?vi:0;var Oi=xi?gi:wi-E[bi]-M[bi]-ki+T.altAxis;var ji=xi?wi+E[bi]+M[bi]-ki-T.altAxis:yi;var Li=b&&xi?ri(Oi,wi,ji):si(b?Oi:gi,wi,b?ji:yi);z[I]=Li;B[I]=Li-wi}t.modifiersData[n]=B}const tt={name:"preventOverflow",enabled:true,phase:"main",fn:it,requiresIfExists:["offset"]};function et(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function nt(i){if(i===A(i)||!$(i)){return Ii(i)}else{return et(i)}}function st(i){var t=i.getBoundingClientRect();var e=F(t.width)/i.offsetWidth||1;var n=F(t.height)/i.offsetHeight||1;return e!==1||n!==1}function rt(i,t,e){if(e===void 0){e=false}var n=$(t);var s=$(t)&&st(t);var r=Q(t);var a=_(i,s,e);var c={scrollLeft:0,scrollTop:0};var u={x:0,y:0};if(n||!n&&!e){if(B(t)!=="body"||Si(r)){c=nt(t)}if($(t)){u=_(t,true);u.x+=t.clientLeft;u.y+=t.clientTop}else if(r){u.x=zi(r)}}return{x:a.left+c.scrollLeft-u.x,y:a.top+c.scrollTop-u.y,width:a.width,height:a.height}}function at(i){var t=new Map;var e=new Set;var n=[];i.forEach((function(i){t.set(i.name,i)}));function s(i){e.add(i.name);var r=[].concat(i.requires||[],i.requiresIfExists||[]);r.forEach((function(i){if(!e.has(i)){var n=t.get(i);if(n){s(n)}}}));n.push(i)}i.forEach((function(i){if(!e.has(i.name)){s(i)}}));return n}function ct(i){var t=at(i);return C.reduce((function(i,e){return i.concat(t.filter((function(i){return i.phase===e})))}),[])}function ut(i){var t;return function(){if(!t){t=new Promise((function(e){Promise.resolve().then((function(){t=undefined;e(i())}))}))}return t}}function ot(i){var t=i.reduce((function(i,t){var e=i[t.name];i[t.name]=e?Object.assign({},e,t,{options:Object.assign({},e.options,t.options),data:Object.assign({},e.data,t.data)}):t;return i}),{});return Object.keys(t).map((function(i){return t[i]}))}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function lt(){for(var i=arguments.length,t=new Array(i),e=0;e<i;e++){t[e]=arguments[e]}return!t.some((function(i){return!(i&&typeof i.getBoundingClientRect==="function")}))}function mt(i){if(i===void 0){i={}}var t=i,e=t.defaultModifiers,n=e===void 0?[]:e,s=t.defaultOptions,r=s===void 0?ht:s;return function i(t,e,s){if(s===void 0){s=r}var a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}};var c=[];var u=false;var o={state:a,setOptions:function i(s){var c=typeof s==="function"?s(a.options):s;l();a.options=Object.assign({},r,a.options,c);a.scrollParents={reference:H(t)?Ci(t):t.contextElement?Ci(t.contextElement):[],popper:Ci(e)};var u=ct(ot([].concat(n,a.options.modifiers)));a.orderedModifiers=u.filter((function(i){return i.enabled}));h();return o.update()},forceUpdate:function i(){if(u){return}var t=a.elements,e=t.reference,n=t.popper;if(!lt(e,n)){return}a.rects={reference:rt(e,ei(n),a.options.strategy==="fixed"),popper:J(n)};a.reset=false;a.placement=a.options.placement;a.orderedModifiers.forEach((function(i){return a.modifiersData[i.name]=Object.assign({},i.data)}));for(var s=0;s<a.orderedModifiers.length;s++){if(a.reset===true){a.reset=false;s=-1;continue}var r=a.orderedModifiers[s],c=r.fn,h=r.options,l=h===void 0?{}:h,m=r.name;if(typeof c==="function"){a=c({state:a,options:l,name:m,instance:o})||a}}},update:ut((function(){return new Promise((function(i){o.forceUpdate();i(a)}))})),destroy:function i(){l();u=true}};if(!lt(t,e)){return o}o.setOptions(s).then((function(i){if(!u&&s.onFirstUpdate){s.onFirstUpdate(i)}}));function h(){a.orderedModifiers.forEach((function(i){var t=i.name,e=i.options,n=e===void 0?{}:e,s=i.effect;if(typeof s==="function"){var r=s({state:a,name:t,instance:o,options:n});var u=function i(){};c.push(r||u)}}))}function l(){c.forEach((function(i){return i()}));c=[]}return o}}var ft=[xi,Qi,bi,N,Zi,Wi,tt,mi,_i];var vt=mt({defaultModifiers:ft});const dt=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>\n</svg>\n`;const pt='html.sc-ic-menu-with-multi{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu-with-multi{margin:0}main.sc-ic-menu-with-multi{display:block}h1.sc-ic-menu-with-multi{font-size:2em;margin:0.67em 0}hr.sc-ic-menu-with-multi{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu-with-multi{background-color:transparent}abbr[title].sc-ic-menu-with-multi{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi{font-weight:bolder}code.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu-with-multi{font-size:80%}sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu-with-multi{bottom:-0.25em}sup.sc-ic-menu-with-multi{top:-0.5em}img.sc-ic-menu-with-multi{border-style:none}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi,optgroup.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi,textarea.sc-ic-menu-with-multi{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi{overflow:visible}button.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi{text-transform:none}button.sc-ic-menu-with-multi,[type="button"].sc-ic-menu-with-multi,[type="reset"].sc-ic-menu-with-multi,[type="submit"].sc-ic-menu-with-multi{-webkit-appearance:button}button.sc-ic-menu-with-multi::-moz-focus-inner,[type="button"].sc-ic-menu-with-multi::-moz-focus-inner,[type="reset"].sc-ic-menu-with-multi::-moz-focus-inner,[type="submit"].sc-ic-menu-with-multi::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu-with-multi:-moz-focusring,[type="button"].sc-ic-menu-with-multi:-moz-focusring,[type="reset"].sc-ic-menu-with-multi:-moz-focusring,[type="submit"].sc-ic-menu-with-multi:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu-with-multi{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu-with-multi{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu-with-multi{vertical-align:baseline}textarea.sc-ic-menu-with-multi{overflow:auto}[type="checkbox"].sc-ic-menu-with-multi,[type="radio"].sc-ic-menu-with-multi{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu-with-multi::-webkit-inner-spin-button,[type="number"].sc-ic-menu-with-multi::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu-with-multi{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu-with-multi::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu-with-multi::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu-with-multi{display:block}summary.sc-ic-menu-with-multi{display:list-item}template.sc-ic-menu-with-multi{display:none}[hidden].sc-ic-menu-with-multi{display:none}html.sc-ic-menu-with-multi,body.sc-ic-menu-with-multi,div.sc-ic-menu-with-multi,span.sc-ic-menu-with-multi,applet.sc-ic-menu-with-multi,object.sc-ic-menu-with-multi,iframe.sc-ic-menu-with-multi,h1.sc-ic-menu-with-multi,h2.sc-ic-menu-with-multi,h3.sc-ic-menu-with-multi,h4.sc-ic-menu-with-multi,h5.sc-ic-menu-with-multi,h6.sc-ic-menu-with-multi,p.sc-ic-menu-with-multi,blockquote.sc-ic-menu-with-multi,pre.sc-ic-menu-with-multi,a.sc-ic-menu-with-multi,abbr.sc-ic-menu-with-multi,acronym.sc-ic-menu-with-multi,address.sc-ic-menu-with-multi,big.sc-ic-menu-with-multi,cite.sc-ic-menu-with-multi,code.sc-ic-menu-with-multi,del.sc-ic-menu-with-multi,dfn.sc-ic-menu-with-multi,em.sc-ic-menu-with-multi,img.sc-ic-menu-with-multi,ins.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,q.sc-ic-menu-with-multi,s.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi,small.sc-ic-menu-with-multi,strike.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi,sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi,tt.sc-ic-menu-with-multi,var.sc-ic-menu-with-multi,b.sc-ic-menu-with-multi,u.sc-ic-menu-with-multi,i.sc-ic-menu-with-multi,center.sc-ic-menu-with-multi,dl.sc-ic-menu-with-multi,dt.sc-ic-menu-with-multi,dd.sc-ic-menu-with-multi,ol.sc-ic-menu-with-multi,ul.sc-ic-menu-with-multi,li.sc-ic-menu-with-multi,fieldset.sc-ic-menu-with-multi,form.sc-ic-menu-with-multi,label.sc-ic-menu-with-multi,legend.sc-ic-menu-with-multi,table.sc-ic-menu-with-multi,caption.sc-ic-menu-with-multi,tbody.sc-ic-menu-with-multi,tfoot.sc-ic-menu-with-multi,thead.sc-ic-menu-with-multi,tr.sc-ic-menu-with-multi,th.sc-ic-menu-with-multi,td.sc-ic-menu-with-multi,article.sc-ic-menu-with-multi,aside.sc-ic-menu-with-multi,canvas.sc-ic-menu-with-multi,details.sc-ic-menu-with-multi,embed.sc-ic-menu-with-multi,figure.sc-ic-menu-with-multi,figcaption.sc-ic-menu-with-multi,footer.sc-ic-menu-with-multi,header.sc-ic-menu-with-multi,hgroup.sc-ic-menu-with-multi,menu.sc-ic-menu-with-multi,nav.sc-ic-menu-with-multi,output.sc-ic-menu-with-multi,ruby.sc-ic-menu-with-multi,section.sc-ic-menu-with-multi,summary.sc-ic-menu-with-multi,time.sc-ic-menu-with-multi,mark.sc-ic-menu-with-multi,audio.sc-ic-menu-with-multi,video.sc-ic-menu-with-multi{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-with-multi-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));min-width:20rem;color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.open.sc-ic-menu-with-multi-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.select-all-focused.sc-ic-menu-with-multi-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu-with-multi #retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-with-multi-h{inset:auto !important}.menu.sc-ic-menu-with-multi{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu-with-multi:has(+.option-bar).sc-ic-menu-with-multi{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu-with-multi{overflow-y:auto}.menu.sc-ic-menu-with-multi:focus-visible{outline:none}.open.sc-ic-menu-with-multi-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid var(--ic-architectural-400);transition:box-shadow var(--ic-easing-transition-fast)}.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.open.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{visibility:visible}.open.sc-ic-menu-with-multi-h .select-all-button.sc-ic-menu-with-multi{display:block}.full-width.sc-ic-menu-with-multi-h{width:100%}.option.sc-ic-menu-with-multi{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.option.sc-ic-menu-with-multi:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.large.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu-with-multi:last-child{border-radius:0 0 1px 1px}.sc-ic-menu-with-multi:not(.menu:has(+.option-bar)).sc-ic-menu-with-multi .option.sc-ic-menu-with-multi:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu-with-multi:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu-with-multi:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu-with-multi:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu-with-multi:not(.disabled-option) .option-description.sc-ic-menu-with-multi{color:var(--ic-color-secondary-text)}.option.sc-ic-menu-with-multi .option-label.sc-ic-menu-with-multi{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu-with-multi .option-element.sc-ic-menu-with-multi{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu-with-multi .option-icon.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu-with-multi{pointer-events:none;max-width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu-with-multi .option-text-container.sc-ic-menu-with-multi{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu-with-multi{display:flex}.check-icon.sc-ic-menu-with-multi{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu-with-multi .check-icon.sc-ic-menu-with-multi *.sc-ic-menu-with-multi{fill:currentcolor}.option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-with-multi-h .option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu-with-multi{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu-with-multi{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu-with-multi,.focused-option.sc-ic-menu-with-multi .option-description.sc-ic-menu-with-multi{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi{cursor:no-drop}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi:hover{background-color:transparent}.option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-architectural-40);visibility:hidden;border-bottom:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.large.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu-with-multi{display:none}.select-all-button.sc-ic-menu-with-multi:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu-with-multi:focus{outline:none;border:0.125rem solid transparent}}';const wt=class{constructor(s){i(this,s);this.menuKeyPress=t(this,"menuKeyPress",7);this.menuOptionId=t(this,"menuOptionId",7);this.menuOptionSelect=t(this,"menuOptionSelect",7);this.menuOptionSelectAll=t(this,"menuOptionSelectAll",7);this.menuStateChange=t(this,"menuStateChange",7);this.retryButtonClicked=t(this,"retryButtonClicked",7);this.timeoutBlur=t(this,"timeoutBlur",7);this.ungroupedOptionsSet=t(this,"ungroupedOptionsSet",7);this.activeDescendantAttr="aria-activedescendant";this.clearButtonId="clear-button";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isMultiSelect=false;this.isSearchBar=false;this.isSearchableSelect=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){this.inputEl.focus();this.preventClickOpen=false}if(this.isMultiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName==="IC-SEARCH-BAR"){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"||i.tagName==="IC-SELECT-WITH-MULTI"){if(i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}else if(i.getAttribute("multiple")!==null&&i.getAttribute("multiple")!==undefined){this.isMultiSelect=true}}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t,e)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const n=this.isSearchBar||this.isSearchableSelect||this.open;if(n){if(e>=0){if(t[e]!==undefined){if(this.isSearchBar&&t[e].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(e)}}}else{this.setInputValue(e)}}else if(i.id!==this.clearButtonId&&this.isMultiSelect){this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const e=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));e.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();if(!(i.shiftKey||i.metaKey||i.ctrlKey)){this.keyboardNav=false}const e=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const s=i=>{var t;return(t=Array.from(this.el.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.isMultiSelect){this.handleOptionSelect(i,e)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<t.length-1){this.setHighlightedOption(e+1);this.menuOptionId.emit({optionId:s(e+1)});this.handleSingleShiftSelect(i,e+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)});this.handleSingleShiftSelect(i,0,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<=0||e>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:s(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(e-1);this.menuOptionId.emit({optionId:s(e-1)});this.handleSingleShiftSelect(i,e-1,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:s(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const e=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:s(e)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();this.handleOptionSelect(i,e);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(a()&&i.metaKey||!a()&&i.ctrlKey){this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.isSearchBar){this.keyboardNav=true}if(this.isMultiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;case"Backspace":if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break;default:if(i.key!=="Tab"){if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break}}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:e}=i.target.dataset;if(this.isMultiSelect){const e=this.getMenuOptions();const n=e.findIndex((i=>i.value===t));this.handleOptionSelect(i,n,true);this.multiOptionClicked=t}else{this.menuOptionSelect.emit({value:t,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){this.menu.removeAttribute(this.activeDescendantAttr)}if(!(this.menu.contains(i.relatedTarget)||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{this.keyboardNav=false;this.menu.focus();this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{this.el.classList.remove("select-all-focused");if(!this.menu.contains(i.relatedTarget)){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.el.classList.add("select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,e)=>{if(this.isMultiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(i.target,e,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,e=null)=>{this.shiftPressed=false;const n=e===null?this.getFirstOptionInSelection(t):e;if(n!==null){const t=[];if(n<i){for(let e=n;e<i+1;e++){t.push(e)}}else{for(let e=n;e>i-1;e--){t.push(e)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,e=false)=>{const n=this.getMenuOptions();const s=this.getFirstOptionInSelection(e);if(i.shiftKey&&s!==null){this.handleMultipleShiftSelect(t,e,s)}else{this.selectHighlightedOption(i.target,n,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAll=()=>{var i;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)})};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const e=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(t);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(t);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(e){this.inputEl.focus()}break;case"Shift":break;default:if(e&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let e=i[this.labelField];if(i.description){e=`${e}, ${i.description}`}if(i.element){e=`${e}, ${i.element.ariaLabel}`}if(t){return`${e}, ${t[this.labelField]} group`}else{return e}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{const t=this.selectOnEnter?this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(t){const e=t.offsetTop+t.offsetHeight;if(e>i.scrollTop+i.offsetHeight||e<i.scrollTop+i.offsetHeight){i.scrollTop=t.offsetTop}this.menu.setAttribute(this.activeDescendantAttr,t.id);t.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{let i=0;this.el.querySelectorAll(".option").forEach((t=>i+=t.clientHeight));if(i>=320){this.menu.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,t)=>e(n,null,i.loading&&e("ic-loading-indicator",{size:"icon"}),e("div",{class:"option-text-container"},e("div",{class:"option-label"},i.icon&&e("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),e("ic-typography",{variant:"body","aria-hidden":"true"},e("p",null,i[this.labelField]))),i.description&&e("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},e("p",null,i.description)),i.element&&e("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),!!i[this.valueField]&&!!this.value&&t&&this.parentEl.tagName!=="IC-SEARCH-BAR"&&e("span",{class:"check-icon",innerHTML:dt}));this.displayOption=(i,t,s,r)=>{const{open:a,keyboardNav:c,isManualMode:u,initialOptionsListRender:o,optionHighlighted:h,options:l}=this;return e("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":u?(c||o)&&i[this.valueField]===h:c&&t,"last-recommended-option":i.recommended&&l[s+1]&&!l[s+1].recommended,"disabled-option":i.disabled,"loading-option":i.loading,timeout:i.timedOut},role:"option",tabindex:a&&(t||i[this.valueField]===h)&&c?"0":"-1","aria-label":this.getOptionAriaLabel(i,r),"aria-selected":t?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading&&this.handleOptionClick,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?e(n,null,e("div",{class:"loading-error-info"},e("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},e("title",{id:"error-title"},"Error"),e("g",{id:"close-octagon"},e("path",{id:"Vector",d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),e("ic-typography",{variant:"label"},i[this.labelField])),e("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,t))};this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.optionHighlighted=undefined;this.preventIncorrectTabOrder=false;this.menuOptions=undefined;this.activationType="automatic";this.anchorEl=undefined;this.autoFocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.inputEl=undefined;this.inputLabel=undefined;this.labelField="label";this.menuId=undefined;this.open=undefined;this.parentEl=undefined;this.searchMode="navigation";this.selectOnEnter=false;this.size="default";this.small=false;this.options=undefined;this.value=undefined;this.valueField="value"}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy()}this.parentEl.removeEventListener("icClear",this.handleClearListener);this.parentEl.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t;this.loadUngroupedOptions();this.parentEl.addEventListener("icClear",this.handleClearListener);this.parentEl.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(i=this.options)===null||i===void 0?void 0:i.some((i=>i.timedOut));this.isLoading=(t=this.options)===null||t===void 0?void 0:t.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableFilter){this.focusFromSearchKeypress=true}c([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));const t=this.optionHighlighted!==null&&this.optionHighlighted!==undefined&&this.optionHighlighted!=="";if(this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autoFocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(t&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.activeDescendantAttr,i.id);i.focus()}}else if(this.inputEl.tagName!=="IC-TEXT-FIELD"&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){this.keyboardNav=false;if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=vt(i,this.el,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]})}render(){const{inputLabel:i,options:t,menuId:n,value:r,fullWidth:a,hasTimedOut:c,isLoading:o,size:h,small:l,open:m,inputEl:f,keyboardNav:v}=this;const d=`${(r===null||r===void 0?void 0:r.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const p=this.el.classList.contains("no-results");return e(s,{class:{"full-width":a,"no-focus":(f===null||f===void 0?void 0:f.tagName)==="INPUT"||c||o||p,small:l,[h]:true,open:m&&t.length!==0,multiple:this.isMultiSelect}},t.length!==0&&e("ul",{id:n,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":this.isMultiSelect?"true":"false",tabindex:m&&!v&&(f===null||f===void 0?void 0:f.tagName)!=="INPUT"?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(t).map(((i,t)=>{if(i.children){if(i.children.length>0){return e("div",null,e("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},e("p",null,i[this.labelField])),i.children.map((e=>e.label&&this.displayOption(e,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(e[this.valueField]):e[this.valueField]===r,t,i))))}else{return null}}else{return i.label&&this.displayOption(i,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(i[this.valueField]):i[this.valueField]===r,t)}}))),t.length!==0&&this.isMultiSelect&&!o&&!c&&!p&&e("div",{class:"option-bar"},e("ic-typography",null,e("p",null,`${r?r.length:0}/${u(this.options)} selected`)),e("ic-button",{class:"select-all-button","aria-label":`${d} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:h==="small"?"small":"default"},d)))}get el(){return r(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};wt.style=pt;export{wt as ic_menu_with_multi};
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as i,c as t,h as e,F as n,H as s,g as r}from"./p-8455d1bb.js";import{F as a,o as u,q as c}from"./p-b9d9273f.js";var o="top";var h="bottom";var l="right";var m="left";var f="auto";var v=[o,h,l,m];var d="start";var p="end";var w="clippingParents";var b="viewport";var g="popper";var y="reference";var x=v.reduce((function(i,t){return i.concat([t+"-"+d,t+"-"+p])}),[]);var k=[].concat(v,[f]).reduce((function(i,t){return i.concat([t,t+"-"+d,t+"-"+p])}),[]);var O="beforeRead";var j="read";var L="afterRead";var I="beforeMain";var z="main";var E="afterMain";var M="beforeWrite";var S="write";var T="afterWrite";var C=[O,j,L,I,z,E,M,S,T];function B(i){return i?(i.nodeName||"").toLowerCase():null}function A(i){if(i==null){return window}if(i.toString()!=="[object Window]"){var t=i.ownerDocument;return t?t.defaultView||window:window}return i}function H(i){var t=A(i).Element;return i instanceof t||i instanceof Element}function $(i){var t=A(i).HTMLElement;return i instanceof t||i instanceof HTMLElement}function P(i){if(typeof ShadowRoot==="undefined"){return false}var t=A(i).ShadowRoot;return i instanceof t||i instanceof ShadowRoot}function R(i){var t=i.state;Object.keys(t.elements).forEach((function(i){var e=t.styles[i]||{};var n=t.attributes[i]||{};var s=t.elements[i];if(!$(s)||!B(s)){return}Object.assign(s.style,e);Object.keys(n).forEach((function(i){var t=n[i];if(t===false){s.removeAttribute(i)}else{s.setAttribute(i,t===true?"":t)}}))}))}function D(i){var t=i.state;var e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper);t.styles=e;if(t.elements.arrow){Object.assign(t.elements.arrow.style,e.arrow)}return function(){Object.keys(t.elements).forEach((function(i){var n=t.elements[i];var s=t.attributes[i]||{};var r=Object.keys(t.styles.hasOwnProperty(i)?t.styles[i]:e[i]);var a=r.reduce((function(i,t){i[t]="";return i}),{});if(!$(n)||!B(n)){return}Object.assign(n.style,a);Object.keys(s).forEach((function(i){n.removeAttribute(i)}))}))}}const N={name:"applyStyles",enabled:true,phase:"write",fn:R,effect:D,requires:["computeStyles"]};function U(i){return i.split("-")[0]}var q=Math.max;var W=Math.min;var F=Math.round;function K(){var i=navigator.userAgentData;if(i!=null&&i.brands&&Array.isArray(i.brands)){return i.brands.map((function(i){return i.brand+"/"+i.version})).join(" ")}return navigator.userAgent}function V(){return!/^((?!chrome|android).)*safari/i.test(K())}function _(i,t,e){if(t===void 0){t=false}if(e===void 0){e=false}var n=i.getBoundingClientRect();var s=1;var r=1;if(t&&$(i)){s=i.offsetWidth>0?F(n.width)/i.offsetWidth||1:1;r=i.offsetHeight>0?F(n.height)/i.offsetHeight||1:1}var a=H(i)?A(i):window,u=a.visualViewport;var c=!V()&&e;var o=(n.left+(c&&u?u.offsetLeft:0))/s;var h=(n.top+(c&&u?u.offsetTop:0))/r;var l=n.width/s;var m=n.height/r;return{width:l,height:m,top:h,right:o+l,bottom:h+m,left:o,x:o,y:h}}function J(i){var t=_(i);var e=i.offsetWidth;var n=i.offsetHeight;if(Math.abs(t.width-e)<=1){e=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:i.offsetLeft,y:i.offsetTop,width:e,height:n}}function X(i,t){var e=t.getRootNode&&t.getRootNode();if(i.contains(t)){return true}else if(e&&P(e)){var n=t;do{if(n&&i.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function Z(i){return A(i).getComputedStyle(i)}function G(i){return["table","td","th"].indexOf(B(i))>=0}function Q(i){return((H(i)?i.ownerDocument:i.document)||window.document).documentElement}function Y(i){if(B(i)==="html"){return i}return i.assignedSlot||i.parentNode||(P(i)?i.host:null)||Q(i)}function ii(i){if(!$(i)||Z(i).position==="fixed"){return null}return i.offsetParent}function ti(i){var t=/firefox/i.test(K());var e=/Trident/i.test(K());if(e&&$(i)){var n=Z(i);if(n.position==="fixed"){return null}}var s=Y(i);if(P(s)){s=s.host}while($(s)&&["html","body"].indexOf(B(s))<0){var r=Z(s);if(r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].indexOf(r.willChange)!==-1||t&&r.willChange==="filter"||t&&r.filter&&r.filter!=="none"){return s}else{s=s.parentNode}}return null}function ei(i){var t=A(i);var e=ii(i);while(e&&G(e)&&Z(e).position==="static"){e=ii(e)}if(e&&(B(e)==="html"||B(e)==="body"&&Z(e).position==="static")){return t}return e||ti(i)||t}function ni(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function si(i,t,e){return q(i,W(t,e))}function ri(i,t,e){var n=si(i,t,e);return n>e?e:n}function ai(){return{top:0,right:0,bottom:0,left:0}}function ui(i){return Object.assign({},ai(),i)}function ci(i,t){return t.reduce((function(t,e){t[e]=i;return t}),{})}var oi=function i(t,e){t=typeof t==="function"?t(Object.assign({},e.rects,{placement:e.placement})):t;return ui(typeof t!=="number"?t:ci(t,v))};function hi(i){var t;var e=i.state,n=i.name,s=i.options;var r=e.elements.arrow;var a=e.modifiersData.popperOffsets;var u=U(e.placement);var c=ni(u);var f=[m,l].indexOf(u)>=0;var v=f?"height":"width";if(!r||!a){return}var d=oi(s.padding,e);var p=J(r);var w=c==="y"?o:m;var b=c==="y"?h:l;var g=e.rects.reference[v]+e.rects.reference[c]-a[c]-e.rects.popper[v];var y=a[c]-e.rects.reference[c];var x=ei(r);var k=x?c==="y"?x.clientHeight||0:x.clientWidth||0:0;var O=g/2-y/2;var j=d[w];var L=k-p[v]-d[b];var I=k/2-p[v]/2+O;var z=si(j,I,L);var E=c;e.modifiersData[n]=(t={},t[E]=z,t.centerOffset=z-I,t)}function li(i){var t=i.state,e=i.options;var n=e.element,s=n===void 0?"[data-popper-arrow]":n;if(s==null){return}if(typeof s==="string"){s=t.elements.popper.querySelector(s);if(!s){return}}if(!X(t.elements.popper,s)){return}t.elements.arrow=s}const mi={name:"arrow",enabled:true,phase:"main",fn:hi,effect:li,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function fi(i){return i.split("-")[1]}var vi={top:"auto",right:"auto",bottom:"auto",left:"auto"};function di(i,t){var e=i.x,n=i.y;var s=t.devicePixelRatio||1;return{x:F(e*s)/s||0,y:F(n*s)/s||0}}function pi(i){var t;var e=i.popper,n=i.popperRect,s=i.placement,r=i.variation,a=i.offsets,u=i.position,c=i.gpuAcceleration,f=i.adaptive,v=i.roundOffsets,d=i.isFixed;var w=a.x,b=w===void 0?0:w,g=a.y,y=g===void 0?0:g;var x=typeof v==="function"?v({x:b,y}):{x:b,y};b=x.x;y=x.y;var k=a.hasOwnProperty("x");var O=a.hasOwnProperty("y");var j=m;var L=o;var I=window;if(f){var z=ei(e);var E="clientHeight";var M="clientWidth";if(z===A(e)){z=Q(e);if(Z(z).position!=="static"&&u==="absolute"){E="scrollHeight";M="scrollWidth"}}z=z;if(s===o||(s===m||s===l)&&r===p){L=h;var S=d&&z===I&&I.visualViewport?I.visualViewport.height:z[E];y-=S-n.height;y*=c?1:-1}if(s===m||(s===o||s===h)&&r===p){j=l;var T=d&&z===I&&I.visualViewport?I.visualViewport.width:z[M];b-=T-n.width;b*=c?1:-1}}var C=Object.assign({position:u},f&&vi);var B=v===true?di({x:b,y},A(e)):{x:b,y};b=B.x;y=B.y;if(c){var H;return Object.assign({},C,(H={},H[L]=O?"0":"",H[j]=k?"0":"",H.transform=(I.devicePixelRatio||1)<=1?"translate("+b+"px, "+y+"px)":"translate3d("+b+"px, "+y+"px, 0)",H))}return Object.assign({},C,(t={},t[L]=O?y+"px":"",t[j]=k?b+"px":"",t.transform="",t))}function wi(i){var t=i.state,e=i.options;var n=e.gpuAcceleration,s=n===void 0?true:n,r=e.adaptive,a=r===void 0?true:r,u=e.roundOffsets,c=u===void 0?true:u;var o={placement:U(t.placement),variation:fi(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:s,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,pi(Object.assign({},o,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:c})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,pi(Object.assign({},o,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:c})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const bi={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:wi,data:{}};var gi={passive:true};function yi(i){var t=i.state,e=i.instance,n=i.options;var s=n.scroll,r=s===void 0?true:s,a=n.resize,u=a===void 0?true:a;var c=A(t.elements.popper);var o=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(r){o.forEach((function(i){i.addEventListener("scroll",e.update,gi)}))}if(u){c.addEventListener("resize",e.update,gi)}return function(){if(r){o.forEach((function(i){i.removeEventListener("scroll",e.update,gi)}))}if(u){c.removeEventListener("resize",e.update,gi)}}}const xi={name:"eventListeners",enabled:true,phase:"write",fn:function i(){},effect:yi,data:{}};var ki={left:"right",right:"left",bottom:"top",top:"bottom"};function Oi(i){return i.replace(/left|right|bottom|top/g,(function(i){return ki[i]}))}var ji={start:"end",end:"start"};function Li(i){return i.replace(/start|end/g,(function(i){return ji[i]}))}function Ii(i){var t=A(i);var e=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:e,scrollTop:n}}function zi(i){return _(Q(i)).left+Ii(i).scrollLeft}function Ei(i,t){var e=A(i);var n=Q(i);var s=e.visualViewport;var r=n.clientWidth;var a=n.clientHeight;var u=0;var c=0;if(s){r=s.width;a=s.height;var o=V();if(o||!o&&t==="fixed"){u=s.offsetLeft;c=s.offsetTop}}return{width:r,height:a,x:u+zi(i),y:c}}function Mi(i){var t;var e=Q(i);var n=Ii(i);var s=(t=i.ownerDocument)==null?void 0:t.body;var r=q(e.scrollWidth,e.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0);var a=q(e.scrollHeight,e.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0);var u=-n.scrollLeft+zi(i);var c=-n.scrollTop;if(Z(s||e).direction==="rtl"){u+=q(e.clientWidth,s?s.clientWidth:0)-r}return{width:r,height:a,x:u,y:c}}function Si(i){var t=Z(i),e=t.overflow,n=t.overflowX,s=t.overflowY;return/auto|scroll|overlay|hidden/.test(e+s+n)}function Ti(i){if(["html","body","#document"].indexOf(B(i))>=0){return i.ownerDocument.body}if($(i)&&Si(i)){return i}return Ti(Y(i))}function Ci(i,t){var e;if(t===void 0){t=[]}var n=Ti(i);var s=n===((e=i.ownerDocument)==null?void 0:e.body);var r=A(n);var a=s?[r].concat(r.visualViewport||[],Si(n)?n:[]):n;var u=t.concat(a);return s?u:u.concat(Ci(Y(a)))}function Bi(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function Ai(i,t){var e=_(i,false,t==="fixed");e.top=e.top+i.clientTop;e.left=e.left+i.clientLeft;e.bottom=e.top+i.clientHeight;e.right=e.left+i.clientWidth;e.width=i.clientWidth;e.height=i.clientHeight;e.x=e.left;e.y=e.top;return e}function Hi(i,t,e){return t===b?Bi(Ei(i,e)):H(t)?Ai(t,e):Bi(Mi(Q(i)))}function $i(i){var t=Ci(Y(i));var e=["absolute","fixed"].indexOf(Z(i).position)>=0;var n=e&&$(i)?ei(i):i;if(!H(n)){return[]}return t.filter((function(i){return H(i)&&X(i,n)&&B(i)!=="body"}))}function Pi(i,t,e,n){var s=t==="clippingParents"?$i(i):[].concat(t);var r=[].concat(s,[e]);var a=r[0];var u=r.reduce((function(t,e){var s=Hi(i,e,n);t.top=q(s.top,t.top);t.right=W(s.right,t.right);t.bottom=W(s.bottom,t.bottom);t.left=q(s.left,t.left);return t}),Hi(i,a,n));u.width=u.right-u.left;u.height=u.bottom-u.top;u.x=u.left;u.y=u.top;return u}function Ri(i){var t=i.reference,e=i.element,n=i.placement;var s=n?U(n):null;var r=n?fi(n):null;var a=t.x+t.width/2-e.width/2;var u=t.y+t.height/2-e.height/2;var c;switch(s){case o:c={x:a,y:t.y-e.height};break;case h:c={x:a,y:t.y+t.height};break;case l:c={x:t.x+t.width,y:u};break;case m:c={x:t.x-e.width,y:u};break;default:c={x:t.x,y:t.y}}var f=s?ni(s):null;if(f!=null){var v=f==="y"?"height":"width";switch(r){case d:c[f]=c[f]-(t[v]/2-e[v]/2);break;case p:c[f]=c[f]+(t[v]/2-e[v]/2);break}}return c}function Di(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=n===void 0?i.placement:n,r=e.strategy,a=r===void 0?i.strategy:r,u=e.boundary,c=u===void 0?w:u,m=e.rootBoundary,f=m===void 0?b:m,d=e.elementContext,p=d===void 0?g:d,x=e.altBoundary,k=x===void 0?false:x,O=e.padding,j=O===void 0?0:O;var L=ui(typeof j!=="number"?j:ci(j,v));var I=p===g?y:g;var z=i.rects.popper;var E=i.elements[k?I:p];var M=Pi(H(E)?E:E.contextElement||Q(i.elements.popper),c,f,a);var S=_(i.elements.reference);var T=Ri({reference:S,element:z,strategy:"absolute",placement:s});var C=Bi(Object.assign({},z,T));var B=p===g?C:S;var A={top:M.top-B.top+L.top,bottom:B.bottom-M.bottom+L.bottom,left:M.left-B.left+L.left,right:B.right-M.right+L.right};var $=i.modifiersData.offset;if(p===g&&$){var P=$[s];Object.keys(A).forEach((function(i){var t=[l,h].indexOf(i)>=0?1:-1;var e=[o,h].indexOf(i)>=0?"y":"x";A[i]+=P[e]*t}))}return A}function Ni(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=e.boundary,r=e.rootBoundary,a=e.padding,u=e.flipVariations,c=e.allowedAutoPlacements,o=c===void 0?k:c;var h=fi(n);var l=h?u?x:x.filter((function(i){return fi(i)===h})):v;var m=l.filter((function(i){return o.indexOf(i)>=0}));if(m.length===0){m=l}var f=m.reduce((function(t,e){t[e]=Di(i,{placement:e,boundary:s,rootBoundary:r,padding:a})[U(e)];return t}),{});return Object.keys(f).sort((function(i,t){return f[i]-f[t]}))}function Ui(i){if(U(i)===f){return[]}var t=Oi(i);return[Li(i),t,Li(t)]}function qi(i){var t=i.state,e=i.options,n=i.name;if(t.modifiersData[n]._skip){return}var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,u=a===void 0?true:a,c=e.fallbackPlacements,v=e.padding,p=e.boundary,w=e.rootBoundary,b=e.altBoundary,g=e.flipVariations,y=g===void 0?true:g,x=e.allowedAutoPlacements;var k=t.options.placement;var O=U(k);var j=O===k;var L=c||(j||!y?[Oi(k)]:Ui(k));var I=[k].concat(L).reduce((function(i,e){return i.concat(U(e)===f?Ni(t,{placement:e,boundary:p,rootBoundary:w,padding:v,flipVariations:y,allowedAutoPlacements:x}):e)}),[]);var z=t.rects.reference;var E=t.rects.popper;var M=new Map;var S=true;var T=I[0];for(var C=0;C<I.length;C++){var B=I[C];var A=U(B);var H=fi(B)===d;var $=[o,h].indexOf(A)>=0;var P=$?"width":"height";var R=Di(t,{placement:B,boundary:p,rootBoundary:w,altBoundary:b,padding:v});var D=$?H?l:m:H?h:o;if(z[P]>E[P]){D=Oi(D)}var N=Oi(D);var q=[];if(r){q.push(R[A]<=0)}if(u){q.push(R[D]<=0,R[N]<=0)}if(q.every((function(i){return i}))){T=B;S=false;break}M.set(B,q)}if(S){var W=y?3:1;var F=function i(t){var e=I.find((function(i){var e=M.get(i);if(e){return e.slice(0,t).every((function(i){return i}))}}));if(e){T=e;return"break"}};for(var K=W;K>0;K--){var V=F(K);if(V==="break")break}}if(t.placement!==T){t.modifiersData[n]._skip=true;t.placement=T;t.reset=true}}const Wi={name:"flip",enabled:true,phase:"main",fn:qi,requiresIfExists:["offset"],data:{_skip:false}};function Fi(i,t,e){if(e===void 0){e={x:0,y:0}}return{top:i.top-t.height-e.y,right:i.right-t.width+e.x,bottom:i.bottom-t.height+e.y,left:i.left-t.width-e.x}}function Ki(i){return[o,l,h,m].some((function(t){return i[t]>=0}))}function Vi(i){var t=i.state,e=i.name;var n=t.rects.reference;var s=t.rects.popper;var r=t.modifiersData.preventOverflow;var a=Di(t,{elementContext:"reference"});var u=Di(t,{altBoundary:true});var c=Fi(a,n);var o=Fi(u,s,r);var h=Ki(c);var l=Ki(o);t.modifiersData[e]={referenceClippingOffsets:c,popperEscapeOffsets:o,isReferenceHidden:h,hasPopperEscaped:l};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":l})}const _i={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Vi};function Ji(i,t,e){var n=U(i);var s=[m,o].indexOf(n)>=0?-1:1;var r=typeof e==="function"?e(Object.assign({},t,{placement:i})):e,a=r[0],u=r[1];a=a||0;u=(u||0)*s;return[m,l].indexOf(n)>=0?{x:u,y:a}:{x:a,y:u}}function Xi(i){var t=i.state,e=i.options,n=i.name;var s=e.offset,r=s===void 0?[0,0]:s;var a=k.reduce((function(i,e){i[e]=Ji(e,t.rects,r);return i}),{});var u=a[t.placement],c=u.x,o=u.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=c;t.modifiersData.popperOffsets.y+=o}t.modifiersData[n]=a}const Zi={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Xi};function Gi(i){var t=i.state,e=i.name;t.modifiersData[e]=Ri({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Qi={name:"popperOffsets",enabled:true,phase:"read",fn:Gi,data:{}};function Yi(i){return i==="x"?"y":"x"}function it(i){var t=i.state,e=i.options,n=i.name;var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,u=a===void 0?false:a,c=e.boundary,f=e.rootBoundary,v=e.altBoundary,p=e.padding,w=e.tether,b=w===void 0?true:w,g=e.tetherOffset,y=g===void 0?0:g;var x=Di(t,{boundary:c,rootBoundary:f,padding:p,altBoundary:v});var k=U(t.placement);var O=fi(t.placement);var j=!O;var L=ni(k);var I=Yi(L);var z=t.modifiersData.popperOffsets;var E=t.rects.reference;var M=t.rects.popper;var S=typeof y==="function"?y(Object.assign({},t.rects,{placement:t.placement})):y;var T=typeof S==="number"?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S);var C=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var B={x:0,y:0};if(!z){return}if(r){var A;var H=L==="y"?o:m;var $=L==="y"?h:l;var P=L==="y"?"height":"width";var R=z[L];var D=R+x[H];var N=R-x[$];var F=b?-M[P]/2:0;var K=O===d?E[P]:M[P];var V=O===d?-M[P]:-E[P];var _=t.elements.arrow;var X=b&&_?J(_):{width:0,height:0};var Z=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:ai();var G=Z[H];var Q=Z[$];var Y=si(0,E[P],X[P]);var ii=j?E[P]/2-F-Y-G-T.mainAxis:K-Y-G-T.mainAxis;var ti=j?-E[P]/2+F+Y+Q+T.mainAxis:V+Y+Q+T.mainAxis;var ui=t.elements.arrow&&ei(t.elements.arrow);var ci=ui?L==="y"?ui.clientTop||0:ui.clientLeft||0:0;var oi=(A=C==null?void 0:C[L])!=null?A:0;var hi=R+ii-oi-ci;var li=R+ti-oi;var mi=si(b?W(D,hi):D,R,b?q(N,li):N);z[L]=mi;B[L]=mi-R}if(u){var vi;var di=L==="x"?o:m;var pi=L==="x"?h:l;var wi=z[I];var bi=I==="y"?"height":"width";var gi=wi+x[di];var yi=wi-x[pi];var xi=[o,m].indexOf(k)!==-1;var ki=(vi=C==null?void 0:C[I])!=null?vi:0;var Oi=xi?gi:wi-E[bi]-M[bi]-ki+T.altAxis;var ji=xi?wi+E[bi]+M[bi]-ki-T.altAxis:yi;var Li=b&&xi?ri(Oi,wi,ji):si(b?Oi:gi,wi,b?ji:yi);z[I]=Li;B[I]=Li-wi}t.modifiersData[n]=B}const tt={name:"preventOverflow",enabled:true,phase:"main",fn:it,requiresIfExists:["offset"]};function et(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function nt(i){if(i===A(i)||!$(i)){return Ii(i)}else{return et(i)}}function st(i){var t=i.getBoundingClientRect();var e=F(t.width)/i.offsetWidth||1;var n=F(t.height)/i.offsetHeight||1;return e!==1||n!==1}function rt(i,t,e){if(e===void 0){e=false}var n=$(t);var s=$(t)&&st(t);var r=Q(t);var a=_(i,s,e);var u={scrollLeft:0,scrollTop:0};var c={x:0,y:0};if(n||!n&&!e){if(B(t)!=="body"||Si(r)){u=nt(t)}if($(t)){c=_(t,true);c.x+=t.clientLeft;c.y+=t.clientTop}else if(r){c.x=zi(r)}}return{x:a.left+u.scrollLeft-c.x,y:a.top+u.scrollTop-c.y,width:a.width,height:a.height}}function at(i){var t=new Map;var e=new Set;var n=[];i.forEach((function(i){t.set(i.name,i)}));function s(i){e.add(i.name);var r=[].concat(i.requires||[],i.requiresIfExists||[]);r.forEach((function(i){if(!e.has(i)){var n=t.get(i);if(n){s(n)}}}));n.push(i)}i.forEach((function(i){if(!e.has(i.name)){s(i)}}));return n}function ut(i){var t=at(i);return C.reduce((function(i,e){return i.concat(t.filter((function(i){return i.phase===e})))}),[])}function ct(i){var t;return function(){if(!t){t=new Promise((function(e){Promise.resolve().then((function(){t=undefined;e(i())}))}))}return t}}function ot(i){var t=i.reduce((function(i,t){var e=i[t.name];i[t.name]=e?Object.assign({},e,t,{options:Object.assign({},e.options,t.options),data:Object.assign({},e.data,t.data)}):t;return i}),{});return Object.keys(t).map((function(i){return t[i]}))}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function lt(){for(var i=arguments.length,t=new Array(i),e=0;e<i;e++){t[e]=arguments[e]}return!t.some((function(i){return!(i&&typeof i.getBoundingClientRect==="function")}))}function mt(i){if(i===void 0){i={}}var t=i,e=t.defaultModifiers,n=e===void 0?[]:e,s=t.defaultOptions,r=s===void 0?ht:s;return function i(t,e,s){if(s===void 0){s=r}var a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}};var u=[];var c=false;var o={state:a,setOptions:function i(s){var u=typeof s==="function"?s(a.options):s;l();a.options=Object.assign({},r,a.options,u);a.scrollParents={reference:H(t)?Ci(t):t.contextElement?Ci(t.contextElement):[],popper:Ci(e)};var c=ut(ot([].concat(n,a.options.modifiers)));a.orderedModifiers=c.filter((function(i){return i.enabled}));h();return o.update()},forceUpdate:function i(){if(c){return}var t=a.elements,e=t.reference,n=t.popper;if(!lt(e,n)){return}a.rects={reference:rt(e,ei(n),a.options.strategy==="fixed"),popper:J(n)};a.reset=false;a.placement=a.options.placement;a.orderedModifiers.forEach((function(i){return a.modifiersData[i.name]=Object.assign({},i.data)}));for(var s=0;s<a.orderedModifiers.length;s++){if(a.reset===true){a.reset=false;s=-1;continue}var r=a.orderedModifiers[s],u=r.fn,h=r.options,l=h===void 0?{}:h,m=r.name;if(typeof u==="function"){a=u({state:a,options:l,name:m,instance:o})||a}}},update:ct((function(){return new Promise((function(i){o.forceUpdate();i(a)}))})),destroy:function i(){l();c=true}};if(!lt(t,e)){return o}o.setOptions(s).then((function(i){if(!c&&s.onFirstUpdate){s.onFirstUpdate(i)}}));function h(){a.orderedModifiers.forEach((function(i){var t=i.name,e=i.options,n=e===void 0?{}:e,s=i.effect;if(typeof s==="function"){var r=s({state:a,name:t,instance:o,options:n});var c=function i(){};u.push(r||c)}}))}function l(){u.forEach((function(i){return i()}));u=[]}return o}}var ft=[xi,Qi,bi,N,Zi,Wi,tt,mi,_i];var vt=mt({defaultModifiers:ft});const dt=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>\n</svg>\n`;const pt='html.sc-ic-menu-with-multi{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu-with-multi{margin:0}main.sc-ic-menu-with-multi{display:block}h1.sc-ic-menu-with-multi{font-size:2em;margin:0.67em 0}hr.sc-ic-menu-with-multi{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu-with-multi{background-color:transparent}abbr[title].sc-ic-menu-with-multi{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi{font-weight:bolder}code.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu-with-multi{font-size:80%}sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu-with-multi{bottom:-0.25em}sup.sc-ic-menu-with-multi{top:-0.5em}img.sc-ic-menu-with-multi{border-style:none}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi,optgroup.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi,textarea.sc-ic-menu-with-multi{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi{overflow:visible}button.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi{text-transform:none}button.sc-ic-menu-with-multi,[type="button"].sc-ic-menu-with-multi,[type="reset"].sc-ic-menu-with-multi,[type="submit"].sc-ic-menu-with-multi{-webkit-appearance:button}button.sc-ic-menu-with-multi::-moz-focus-inner,[type="button"].sc-ic-menu-with-multi::-moz-focus-inner,[type="reset"].sc-ic-menu-with-multi::-moz-focus-inner,[type="submit"].sc-ic-menu-with-multi::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu-with-multi:-moz-focusring,[type="button"].sc-ic-menu-with-multi:-moz-focusring,[type="reset"].sc-ic-menu-with-multi:-moz-focusring,[type="submit"].sc-ic-menu-with-multi:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu-with-multi{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu-with-multi{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu-with-multi{vertical-align:baseline}textarea.sc-ic-menu-with-multi{overflow:auto}[type="checkbox"].sc-ic-menu-with-multi,[type="radio"].sc-ic-menu-with-multi{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu-with-multi::-webkit-inner-spin-button,[type="number"].sc-ic-menu-with-multi::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu-with-multi{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu-with-multi::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu-with-multi::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu-with-multi{display:block}summary.sc-ic-menu-with-multi{display:list-item}template.sc-ic-menu-with-multi{display:none}[hidden].sc-ic-menu-with-multi{display:none}html.sc-ic-menu-with-multi,body.sc-ic-menu-with-multi,div.sc-ic-menu-with-multi,span.sc-ic-menu-with-multi,applet.sc-ic-menu-with-multi,object.sc-ic-menu-with-multi,iframe.sc-ic-menu-with-multi,h1.sc-ic-menu-with-multi,h2.sc-ic-menu-with-multi,h3.sc-ic-menu-with-multi,h4.sc-ic-menu-with-multi,h5.sc-ic-menu-with-multi,h6.sc-ic-menu-with-multi,p.sc-ic-menu-with-multi,blockquote.sc-ic-menu-with-multi,pre.sc-ic-menu-with-multi,a.sc-ic-menu-with-multi,abbr.sc-ic-menu-with-multi,acronym.sc-ic-menu-with-multi,address.sc-ic-menu-with-multi,big.sc-ic-menu-with-multi,cite.sc-ic-menu-with-multi,code.sc-ic-menu-with-multi,del.sc-ic-menu-with-multi,dfn.sc-ic-menu-with-multi,em.sc-ic-menu-with-multi,img.sc-ic-menu-with-multi,ins.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,q.sc-ic-menu-with-multi,s.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi,small.sc-ic-menu-with-multi,strike.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi,sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi,tt.sc-ic-menu-with-multi,var.sc-ic-menu-with-multi,b.sc-ic-menu-with-multi,u.sc-ic-menu-with-multi,i.sc-ic-menu-with-multi,center.sc-ic-menu-with-multi,dl.sc-ic-menu-with-multi,dt.sc-ic-menu-with-multi,dd.sc-ic-menu-with-multi,ol.sc-ic-menu-with-multi,ul.sc-ic-menu-with-multi,li.sc-ic-menu-with-multi,fieldset.sc-ic-menu-with-multi,form.sc-ic-menu-with-multi,label.sc-ic-menu-with-multi,legend.sc-ic-menu-with-multi,table.sc-ic-menu-with-multi,caption.sc-ic-menu-with-multi,tbody.sc-ic-menu-with-multi,tfoot.sc-ic-menu-with-multi,thead.sc-ic-menu-with-multi,tr.sc-ic-menu-with-multi,th.sc-ic-menu-with-multi,td.sc-ic-menu-with-multi,article.sc-ic-menu-with-multi,aside.sc-ic-menu-with-multi,canvas.sc-ic-menu-with-multi,details.sc-ic-menu-with-multi,embed.sc-ic-menu-with-multi,figure.sc-ic-menu-with-multi,figcaption.sc-ic-menu-with-multi,footer.sc-ic-menu-with-multi,header.sc-ic-menu-with-multi,hgroup.sc-ic-menu-with-multi,menu.sc-ic-menu-with-multi,nav.sc-ic-menu-with-multi,output.sc-ic-menu-with-multi,ruby.sc-ic-menu-with-multi,section.sc-ic-menu-with-multi,summary.sc-ic-menu-with-multi,time.sc-ic-menu-with-multi,mark.sc-ic-menu-with-multi,audio.sc-ic-menu-with-multi,video.sc-ic-menu-with-multi{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-with-multi-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));min-width:20rem;color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.open.sc-ic-menu-with-multi-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.select-all-focused.sc-ic-menu-with-multi-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu-with-multi #retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-with-multi-h{inset:auto !important}.menu.sc-ic-menu-with-multi{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu-with-multi:has(+.option-bar).sc-ic-menu-with-multi{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu-with-multi{overflow-y:auto}.menu.sc-ic-menu-with-multi:focus-visible{outline:none}.open.sc-ic-menu-with-multi-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid var(--ic-architectural-400);transition:box-shadow var(--ic-easing-transition-fast)}.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.open.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{visibility:visible}.open.sc-ic-menu-with-multi-h .select-all-button.sc-ic-menu-with-multi{display:block}.full-width.sc-ic-menu-with-multi-h{width:100%}.option.sc-ic-menu-with-multi{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.option.sc-ic-menu-with-multi:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.large.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu-with-multi:last-child{border-radius:0 0 1px 1px}.sc-ic-menu-with-multi:not(.menu:has(+.option-bar)).sc-ic-menu-with-multi .option.sc-ic-menu-with-multi:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu-with-multi:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu-with-multi:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu-with-multi:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu-with-multi:not(.disabled-option) .option-description.sc-ic-menu-with-multi{color:var(--ic-color-secondary-text)}.option.sc-ic-menu-with-multi .option-label.sc-ic-menu-with-multi{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu-with-multi .option-element.sc-ic-menu-with-multi{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu-with-multi .option-icon.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu-with-multi{pointer-events:none;max-width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu-with-multi .option-text-container.sc-ic-menu-with-multi{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu-with-multi{display:flex}.check-icon.sc-ic-menu-with-multi{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu-with-multi .check-icon.sc-ic-menu-with-multi *.sc-ic-menu-with-multi{fill:currentcolor}.option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-with-multi-h .option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu-with-multi{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu-with-multi{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu-with-multi,.focused-option.sc-ic-menu-with-multi .option-description.sc-ic-menu-with-multi{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi{cursor:no-drop}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi:hover{background-color:transparent}.option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-architectural-40);visibility:hidden;border-bottom:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.large.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu-with-multi{display:none}.select-all-button.sc-ic-menu-with-multi:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu-with-multi:focus{outline:none;border:0.125rem solid transparent}}';const wt=class{constructor(s){i(this,s);this.menuKeyPress=t(this,"menuKeyPress",7);this.menuOptionId=t(this,"menuOptionId",7);this.menuOptionSelect=t(this,"menuOptionSelect",7);this.menuOptionSelectAll=t(this,"menuOptionSelectAll",7);this.menuStateChange=t(this,"menuStateChange",7);this.retryButtonClicked=t(this,"retryButtonClicked",7);this.timeoutBlur=t(this,"timeoutBlur",7);this.ungroupedOptionsSet=t(this,"ungroupedOptionsSet",7);this.activeDescendantAttr="aria-activedescendant";this.clearButtonId="clear-button";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isMultiSelect=false;this.isSearchBar=false;this.isSearchableSelect=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){this.inputEl.focus();this.preventClickOpen=false}if(this.isMultiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName==="IC-SEARCH-BAR"){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"||i.tagName==="IC-SELECT-WITH-MULTI"){if(i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}else if(i.getAttribute("multiple")!==null&&i.getAttribute("multiple")!==undefined){this.isMultiSelect=true}}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t,e)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const n=this.isSearchBar||this.isSearchableSelect||this.open;if(n){if(e>=0){if(t[e]!==undefined){if(this.isSearchBar&&t[e].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(e)}}}else{this.setInputValue(e)}}else if(i.id!==this.clearButtonId&&this.isMultiSelect){this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const e=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));e.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();if(!(i.shiftKey||i.metaKey||i.ctrlKey)){this.keyboardNav=false}const e=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const s=i=>{var t;return(t=Array.from(this.el.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.isMultiSelect){this.handleOptionSelect(i,e)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<t.length-1){this.setHighlightedOption(e+1);this.menuOptionId.emit({optionId:s(e+1)});this.handleSingleShiftSelect(i,e+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)});this.handleSingleShiftSelect(i,0,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<=0||e>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:s(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(e-1);this.menuOptionId.emit({optionId:s(e-1)});this.handleSingleShiftSelect(i,e-1,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:s(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const e=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:s(e)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();this.handleOptionSelect(i,e);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(a()&&i.metaKey||!a()&&i.ctrlKey){this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.isSearchBar){this.keyboardNav=true}if(this.isMultiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;case"Backspace":if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break;default:if(i.key!=="Tab"){if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break}}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:e}=i.target.dataset;if(this.isMultiSelect){const e=this.getMenuOptions();const n=e.findIndex((i=>i.value===t));this.handleOptionSelect(i,n,true);this.multiOptionClicked=t}else{this.menuOptionSelect.emit({value:t,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){this.menu.removeAttribute(this.activeDescendantAttr)}if(!(this.menu.contains(i.relatedTarget)||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{this.keyboardNav=false;this.menu.focus();this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{this.el.classList.remove("select-all-focused");if(!this.menu.contains(i.relatedTarget)){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.el.classList.add("select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,e)=>{if(this.isMultiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(i.target,e,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,e=null)=>{this.shiftPressed=false;const n=e===null?this.getFirstOptionInSelection(t):e;if(n!==null){const t=[];if(n<i){for(let e=n;e<i+1;e++){t.push(e)}}else{for(let e=n;e>i-1;e--){t.push(e)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,e=false)=>{const n=this.getMenuOptions();const s=this.getFirstOptionInSelection(e);if(i.shiftKey&&s!==null){this.handleMultipleShiftSelect(t,e,s)}else{this.selectHighlightedOption(i.target,n,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAll=()=>{var i;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)})};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const e=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(t);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(t);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(e){this.inputEl.focus()}break;case"Shift":break;default:if(e&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let e=i[this.labelField];if(i.description){e=`${e}, ${i.description}`}if(i.element){e=`${e}, ${i.element.ariaLabel}`}if(t){return`${e}, ${t[this.labelField]} group`}else{return e}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{const t=this.selectOnEnter?this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(t){const e=t.offsetTop+t.offsetHeight;if(e>i.scrollTop+i.offsetHeight||e<i.scrollTop+i.offsetHeight){i.scrollTop=t.offsetTop}this.menu.setAttribute(this.activeDescendantAttr,t.id);t.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{let i=0;this.el.querySelectorAll(".option").forEach((t=>i+=t.clientHeight));if(i>=320){this.menu.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,t)=>e(n,null,i.loading&&e("ic-loading-indicator",{size:"icon"}),e("div",{class:"option-text-container"},e("div",{class:"option-label"},i.icon&&e("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),e("ic-typography",{variant:"body","aria-hidden":"true"},e("p",null,i[this.labelField]))),i.description&&e("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},e("p",null,i.description)),i.element&&e("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),!!i[this.valueField]&&!!this.value&&t&&this.parentEl.tagName!=="IC-SEARCH-BAR"&&e("span",{class:"check-icon",innerHTML:dt}));this.displayOption=(i,t,s,r)=>{const{open:a,keyboardNav:u,isManualMode:c,initialOptionsListRender:o,optionHighlighted:h,options:l}=this;return e("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":c?(u||o)&&i[this.valueField]===h:u&&t,"last-recommended-option":i.recommended&&l[s+1]&&!l[s+1].recommended,"disabled-option":i.disabled,"loading-option":i.loading,timeout:i.timedOut},role:"option",tabindex:a&&(t||i[this.valueField]===h)&&u?"0":"-1","aria-label":this.getOptionAriaLabel(i,r),"aria-selected":t?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading&&this.handleOptionClick,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?e(n,null,e("div",{class:"loading-error-info"},e("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},e("title",{id:"error-title"},"Error"),e("g",{id:"close-octagon"},e("path",{id:"Vector",d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),e("ic-typography",{variant:"label"},i[this.labelField])),e("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,t))};this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.optionHighlighted=undefined;this.preventIncorrectTabOrder=false;this.menuOptions=undefined;this.activationType="automatic";this.anchorEl=undefined;this.autoFocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.inputEl=undefined;this.inputLabel=undefined;this.labelField="label";this.menuId=undefined;this.open=undefined;this.parentEl=undefined;this.searchMode="navigation";this.selectOnEnter=false;this.size="default";this.small=false;this.options=undefined;this.value=undefined;this.valueField="value"}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy()}this.parentEl.removeEventListener("icClear",this.handleClearListener);this.parentEl.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t;this.loadUngroupedOptions();this.parentEl.addEventListener("icClear",this.handleClearListener);this.parentEl.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(i=this.options)===null||i===void 0?void 0:i.some((i=>i.timedOut));this.isLoading=(t=this.options)===null||t===void 0?void 0:t.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableFilter){this.focusFromSearchKeypress=true}u([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));const t=this.optionHighlighted!==null&&this.optionHighlighted!==undefined&&this.optionHighlighted!=="";if(this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autoFocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(t&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.activeDescendantAttr,i.id);i.focus()}}else if(this.inputEl.tagName!=="IC-TEXT-FIELD"&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){this.keyboardNav=false;if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=vt(i,this.el,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]})}render(){const{inputLabel:i,options:t,menuId:n,value:r,fullWidth:a,hasTimedOut:u,isLoading:o,size:h,small:l,open:m,inputEl:f,keyboardNav:v}=this;const d=`${(r===null||r===void 0?void 0:r.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const p=this.el.classList.contains("no-results");return e(s,{class:{"full-width":a,"no-focus":(f===null||f===void 0?void 0:f.tagName)==="INPUT"||u||o||p,small:l,[h]:true,open:m&&t.length!==0,multiple:this.isMultiSelect}},t.length!==0&&e("ul",{id:n,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":this.isMultiSelect?"true":"false",tabindex:m&&!v&&(f===null||f===void 0?void 0:f.tagName)!=="INPUT"?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(t).map(((i,t)=>{if(i.children){if(i.children.length>0){return e("div",null,e("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},e("p",null,i[this.labelField])),i.children.map((e=>e.label&&this.displayOption(e,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(e[this.valueField]):e[this.valueField]===r,t,i))))}else{return null}}else{return i.label&&this.displayOption(i,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(i[this.valueField]):i[this.valueField]===r,t)}}))),t.length!==0&&this.isMultiSelect&&!o&&!u&&!p&&e("div",{class:"option-bar"},e("ic-typography",null,e("p",null,`${r?r.length:0}/${c(this.options)} selected`)),e("ic-button",{class:"select-all-button","aria-label":`${d} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:h==="small"?"small":"default"},d)))}get el(){return r(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};wt.style=pt;export{wt as ic_menu_with_multi};
|
2
|
+
//# sourceMappingURL=p-56e19b01.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,f as t,h as i,H as n,g as o}from"./p-8455d1bb.js";import{
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,f as t,h as i,H as n,g as o}from"./p-8455d1bb.js";import{d as s,x as a,a as r,i as l,y as d}from"./p-3a3a8a71.js";import{I as u}from"./p-fd186591.js";const b='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;margin-right:var(--ic-space-xs);list-style:none}:host(.in-side-menu){margin-right:0}:host::part(button){height:100%;min-height:2.5rem}';const p=[...d,"title"];const c=class{constructor(i){e(this,i);this.inheritedAttributes={};this.hostMutationObserver=null;this.hostMutationCallback=e=>{let i=false;e.forEach((({attributeName:e})=>{if(p.includes(e)){this.inheritedAttributes[e]=this.el.getAttribute(e);i=true}}));if(i){t(this)}};this.initialAppearance=s();this.mode="navbar";this.download=false;this.href=undefined;this.hreflang=undefined;this.label=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.target=undefined}componentWillLoad(){this.inheritedAttributes=a(this.el,p)}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Navigation Button");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentWillRender(){const e=this.el.querySelector(`[slot="icon"]`);e!==null&&e.setAttribute("viewBox","0 0 24 24")}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}navBarMenuOpenHandler(){this.mode="menu"}navBarMenuCloseHandler(){this.mode="navbar"}themeChangeHandler(e){const t=e.detail;this.initialAppearance=t.mode}async setFocus(){if(this.buttonEl){this.buttonEl.focus()}}render(){const{href:e,target:t,rel:o,download:s,referrerpolicy:a}=this;let r="";let d="";let b="icon";let p=this.initialAppearance;let c="large";let h=false;let m=false;if(this.mode==="menu"){r=this.label;b="tertiary";p=u.Default;c="default";h=true;d="popout-menu-button";m=true}const f={variant:b,appearance:p,size:c,href:e,target:t,rel:o,download:s,referrerpolicy:a,fullWidth:h,disableTooltip:m};return i(n,{class:{["in-side-menu"]:this.mode==="menu"}},i("ic-button",Object.assign({class:d,"aria-label":b=="icon"?this.label:null,ref:e=>this.buttonEl=e},f,this.inheritedAttributes),r,i("slot",{slot:"left-icon",name:"icon"}),l(this.el,"badge")&&b==="icon"&&i("slot",{name:"badge"})))}static get delegatesFocus(){return true}get el(){return o(this)}};c.style=b;export{c as ic_navigation_button};
|
2
|
+
//# sourceMappingURL=p-59e677e4.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,h as t,H as i,g as o}from"./p-8455d1bb.js";import{
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,h as t,H as i,g as o}from"./p-8455d1bb.js";import{e as n}from"./p-3a3a8a71.js";import"./p-fd186591.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:flex;flex-direction:column}ic-typography{color:var(--ic-color-tertiary-text);margin:var(--ic-space-xs) var(--ic-space-xs) 0}ul{list-style-type:none;margin:0;padding:0}hr{display:flex;align-self:stretch;border:calc(var(--ic-space-xxxs) / 2) solid var(--ic-architectural-300);margin:var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4)}';const r=class{constructor(t){e(this,t);this.label=undefined}render(){const e=this.el.closest("ic-popover-menu");return t(i,{role:"group","aria-label":this.label!==null?this.label:""},n(this.label)&&t("ic-typography",{variant:"subtitle-small"},this.label),t("span",{class:"menu-items-wrapper"},t("slot",null)),this.el!==(e===null||e===void 0?void 0:e.querySelector("ic-menu-group:last-child"))&&t("hr",null))}get el(){return o(this)}};r.style=a;export{r as ic_menu_group};
|
2
|
+
//# sourceMappingURL=p-5dc274f0.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as t,f as i,h as e,H as a,g as s,c as n}from"./p-8455d1bb.js";import{j as l,i as h,a as r}from"./p-8128572e.js";import{E as o,f as c}from"./p-40510c97.js";import"./p-fd186591.js";const p=":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.right),:host(.right) .action-area{align-items:flex-end;text-align:right}:host(.center),:host(.center) .action-area{align-items:center;text-align:center}:host(.image-default) ::slotted(svg),:host(.image-default) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}";const g=class{constructor(e){t(this,e);this.hostMutationObserver=null;this.hostMutationCallback=t=>{if(t.some((({type:t,addedNodes:i,removedNodes:e})=>t==="childList"?l(i,e,["image","actions"]):false))){i(this)}};this.aligned="left";this.body=undefined;this.bodyMaxLines=undefined;this.heading=undefined;this.imageSize="default";this.subheading=undefined}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentDidLoad(){!h(this.el,"heading")&&r([{prop:this.heading,propName:"heading"}],"Empty State");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{aligned:t,body:i,bodyMaxLines:s,heading:n,imageSize:l,subheading:r}=this;return e(a,{class:{[`${t}`]:true,[`image-${l}`]:h(this.el,"image")}},h(this.el,"image")&&e("slot",{name:"image"}),e("div",null,e("slot",{name:"heading"},e("ic-typography",{variant:"h4"},n)),e("slot",{name:"subheading"},e("ic-typography",{variant:"subtitle-small"},r)),e("slot",{name:"body"},e("ic-typography",{maxLines:s},i))),h(this.el,"actions")&&e("div",{class:"action-area"},e("slot",{name:"actions"})))}get el(){return s(this)}};g.style=p;const d=":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.pagination-text-default,.pagination-text-dark,.pagination-text-light{white-space:nowrap}.pagination-text-light{color:var(--ic-color-white-text)}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";const m=class{constructor(i){t(this,i);this.icPageChange=n(this,"icPageChange",7);this.icItemsPerPageChange=n(this,"icItemsPerPageChange",7);this.PAGE_INPUT_FIELD_ID="go-to-page-input";this.INVALID_PAGE_ERROR="Please enter a valid page";this.resizeObserver=null;this.changeItemsPerPage=()=>{this.setItemsPerPage(Number(this.pageDropdownEl.value))};this.changePage=t=>{this.activePage=t;this.lowerBound=t!==1?(t-1)*this.itemsPerPage+1:t;this.setUpperBound()};this.focusElFromLabel=t=>{var i;(i=this.paginationBarEl.querySelector(t))===null||i===void 0?void 0:i.setFocus()};this.goToPage=()=>{const t=this.pageInputEl;const i=Number(t.value);if(i<=this.totalPages&&i>0){this.changePage(i);this.paginationEl.setCurrentPage(i);this.activePage=i;t.value="";this.icPageChange.emit({value:i});this.pageInputTooltipEl.displayTooltip(false,false);t.validationStatus=""}else{this.setInputError(t,this.INVALID_PAGE_ERROR)}};this.goToPageLabelClickHandler=()=>{this.focusElFromLabel("ic-text-field")};this.handleBlur=()=>{const t=this.pageInputEl;if(Number(t.value)<=this.totalPages&&Number(t.value)>0||t.value===""){t.validationStatus=""}this.pageInputTooltipEl.displayTooltip(false,false)};this.handleFocus=()=>{if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleInputChange=()=>{const t=parseInt(this.pageInputEl.value);if(t>this.totalPages||t<=0){this.setInputError(this.pageInputEl,this.INVALID_PAGE_ERROR);this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleKeydown=t=>{if(t.key==="Enter"){if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}else{this.goToPage()}}else{this.pageInputTooltipEl.displayTooltip(false,false);this.pageInputEl.validationStatus=""}};this.handleKeyUp=t=>{if(Number.isNaN(parseInt(this.pageInputEl.value))&&t.key!=="Backspace"&&t.key!=="Enter"&&t.key!=="Tab"&&t.key!=="Shift"){this.setInputError(this.pageInputEl,"Please enter a number",false);this.pageInputTooltipEl.displayTooltip(true,false)}};this.itemsPerPageLabelClickHandler=()=>{this.focusElFromLabel("ic-select")};this.paginationShouldWrap=()=>{if(this.type==="simple"){this.paginationWrapped=this.paginationEl.clientHeight>63}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const{clientWidth:t}=this.paginationBarEl;if(t-this.paginationWidth>50||t-this.paginationWidth<-50){this.paginationWidth=t;this.paginationShouldWrap()}}));this.resizeObserver.observe(this.paginationBarEl)};this.setInputError=(t,i,e=true)=>{this.inputError=i;t.validationStatus="error";if(e)t.setFocus()};this.setItemsPerPage=t=>{if(this.itemsPerPage!==t){this.itemsPerPage=t;this.itemsPerPageString=t.toString();this.icItemsPerPageChange.emit({value:this.itemsPerPage})}this.totalPages=this.totalItems>this.itemsPerPage?Math.ceil(this.totalItems/this.itemsPerPage):1;this.setUpperBound();if(this.activePage>this.totalPages){this.paginationEl.setCurrentPage(this.totalPages);this.activePage=this.totalPages}this.icPageChange.emit({value:this.activePage,fromItemsPerPage:true})};this.setPaginationBarContent=()=>{const t=this.itemsPerPageOptions||(this.totalItems<=100?[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}]:[{label:"25",value:"25"},{label:"100",value:"100"},{label:"1000",value:"1000"}]);!this.hideAllFromItemsPerPage&&t.push({label:"All",value:String(this.totalItems)});this.displayedItemsPerPageOptions=t.filter((({value:t})=>this.totalItems>=Number(t)));let i=0;const e=this.displayedItemsPerPageOptions.some((({value:t})=>{i=Number(t);return this.itemsPerPage<=i}));this.setItemsPerPage(e||!e&&this.itemsPerPage>i?i:this.itemsPerPage)};this.setUpperBound=()=>{this.upperBound=Math.min(this.lowerBound+this.itemsPerPage-1,this.totalItems)};this.capitalizedItemLabel=undefined;this.capitalizedPageLabel=undefined;this.activePage=1;this.displayedItemsPerPageOptions=undefined;this.inputError="Please enter a valid page";this.itemsPerPage=0;this.itemsPerPageString="0";this.lowerBound=1;this.lowerCaseItemLabel=undefined;this.lowerCasePageLabel=undefined;this.paginationWidth=undefined;this.paginationWrapped=false;this.totalPages=undefined;this.upperBound=undefined;this.alignment="right";this.appearance="default";this.currentPage=1;this.hideAllFromItemsPerPage=false;this.itemLabel="Item";this.itemsPerPageOptions=undefined;this.type="simple";this.rangeLabelType="page";this.pageLabel="Page";this.showGoToPageControl=false;this.hideRangeLabel=false;this.showItemsPerPageControl=false;this.totalItems=undefined}watchPageNumberHandler(){this.activePage=this.currentPage}watchItemLabelHandler(){this.capitalizedItemLabel=o(this.itemLabel);this.lowerCaseItemLabel=this.itemLabel.toLowerCase()}watchItemsPerPageOptionsHandler(t,i){if(JSON.stringify(t)===JSON.stringify(i))return;this.setPaginationBarContent()}watchPageLabelHandler(){this.capitalizedPageLabel=o(this.pageLabel);this.lowerCasePageLabel=this.pageLabel.toLowerCase()}watchTotalItemsHandler(){this.setPaginationBarContent()}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){this.watchPageNumberHandler();this.watchPageLabelHandler();this.watchItemLabelHandler();this.setPaginationBarContent()}componentDidLoad(){var t,i;this.paginationWidth=this.paginationBarEl.clientWidth;c(this.runResizeObserver);const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);if(e){const t=(i=e===null||e===void 0?void 0:e.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");if(t){t.style.textAlign="center";t.style.padding="0"}}this.paginationShouldWrap()}pageChangeHandler(t){const i=t.detail.value;this.changePage(i)}render(){const{appearance:t,alignment:i,displayedItemsPerPageOptions:a,PAGE_INPUT_FIELD_ID:s,type:n,rangeLabelType:l,hideRangeLabel:h,showItemsPerPageControl:r,showGoToPageControl:o,pageLabel:c,capitalizedPageLabel:p,lowerCasePageLabel:g,capitalizedItemLabel:d,lowerCaseItemLabel:m,totalPages:u,activePage:f,itemsPerPageString:b}=this;return e("div",{class:{["pagination-bar"]:true,[`pagination-bar-${i}`]:true},ref:t=>this.paginationBarEl=t},(!h||r)&&e("div",{class:"item-controls"},r&&e("div",{class:"items-per-page-holder"},e("ic-typography",{class:{[`pagination-text-${t}`]:true,["items-per-page-control-label"]:true},variant:"label",onClick:this.itemsPerPageLabelClickHandler},d,"s per ",g),e("ic-select",{small:true,label:"items-per-page-input",class:"items-per-page-input",hideLabel:true,options:a,value:b,onIcChange:this.changeItemsPerPage,ref:t=>this.pageDropdownEl=t})),!h&&(l==="data"?e("ic-typography",{class:{[`pagination-text-${t}`]:true,["item-pagination-label"]:true},variant:"label","aria-live":"polite"},this.upperBound===0&&`0 ${m}s`,this.upperBound>0&&`${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${m}${this.totalItems>1?"s":""}`):e("ic-typography",{class:{[`pagination-text-${t}`]:true,["page-pagination-label"]:true},variant:"label","aria-live":"polite"},p," ",f," of ",u))),e("div",{class:{["pagination-controls"]:true,["pagination-controls-wrap"]:this.paginationWrapped}},e("div",{class:"pagination-holder"},e("ic-pagination",{appearance:t,type:n,pages:u,label:c,ref:t=>this.paginationEl=t,currentPage:f})),o&&e("div",{class:"go-to-page-holder"},e("ic-typography",{class:{[`pagination-text-${t}`]:true},variant:"label",onClick:this.goToPageLabelClickHandler},"Go to ",g),e("ic-tooltip",{label:this.inputError,target:`#${s}`,disableHover:true,disableClick:true,ref:t=>this.pageInputTooltipEl=t},e("ic-text-field",{type:"number",size:"small",label:s,class:s,id:s,hideLabel:true,onKeyDown:this.handleKeydown,onKeyUp:this.handleKeyUp,onInput:this.handleInputChange,max:u,min:"1",validationInlineInternal:true,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.pageInputEl=t})),e("ic-button",{appearance:t,variant:"secondary",onClick:this.goToPage,size:"small",class:"go-to-page-button"},"Go"))))}get el(){return s(this)}static get watchers(){return{currentPage:["watchPageNumberHandler"],itemLabel:["watchItemLabelHandler"],itemsPerPageOptions:["watchItemsPerPageOptionsHandler"],pageLabel:["watchPageLabelHandler"],totalItems:["watchTotalItemsHandler"]}}};m.style=d;export{g as ic_empty_state,m as ic_pagination_bar};
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as t,f as i,h as e,H as a,g as s,c as n}from"./p-8455d1bb.js";import{k as l,i as h,a as r}from"./p-3a3a8a71.js";import{E as o,f as c}from"./p-b9d9273f.js";import"./p-fd186591.js";const p=":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.right),:host(.right) .action-area{align-items:flex-end;text-align:right}:host(.center),:host(.center) .action-area{align-items:center;text-align:center}:host(.image-default) ::slotted(svg),:host(.image-default) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}";const g=class{constructor(e){t(this,e);this.hostMutationObserver=null;this.hostMutationCallback=t=>{if(t.some((({type:t,addedNodes:i,removedNodes:e})=>t==="childList"?l(i,e,["image","actions"]):false))){i(this)}};this.aligned="left";this.body=undefined;this.bodyMaxLines=undefined;this.heading=undefined;this.imageSize="default";this.subheading=undefined}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentDidLoad(){!h(this.el,"heading")&&r([{prop:this.heading,propName:"heading"}],"Empty State");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{aligned:t,body:i,bodyMaxLines:s,heading:n,imageSize:l,subheading:r}=this;return e(a,{class:{[`${t}`]:true,[`image-${l}`]:h(this.el,"image")}},h(this.el,"image")&&e("slot",{name:"image"}),e("div",null,e("slot",{name:"heading"},e("ic-typography",{variant:"h4"},n)),e("slot",{name:"subheading"},e("ic-typography",{variant:"subtitle-small"},r)),e("slot",{name:"body"},e("ic-typography",{maxLines:s},i))),h(this.el,"actions")&&e("div",{class:"action-area"},e("slot",{name:"actions"})))}get el(){return s(this)}};g.style=p;const d=":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.pagination-text-default,.pagination-text-dark,.pagination-text-light{white-space:nowrap}.pagination-text-light{color:var(--ic-color-white-text)}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";const m=class{constructor(i){t(this,i);this.icPageChange=n(this,"icPageChange",7);this.icItemsPerPageChange=n(this,"icItemsPerPageChange",7);this.PAGE_INPUT_FIELD_ID="go-to-page-input";this.INVALID_PAGE_ERROR="Please enter a valid page";this.resizeObserver=null;this.changeItemsPerPage=()=>{this.setItemsPerPage(Number(this.pageDropdownEl.value))};this.changePage=t=>{this.activePage=t;this.lowerBound=t!==1?(t-1)*this.itemsPerPage+1:t;this.setUpperBound()};this.focusElFromLabel=t=>{var i;(i=this.paginationBarEl.querySelector(t))===null||i===void 0?void 0:i.setFocus()};this.goToPage=()=>{const t=this.pageInputEl;const i=Number(t.value);if(i<=this.totalPages&&i>0){this.changePage(i);this.paginationEl.setCurrentPage(i);this.activePage=i;t.value="";this.icPageChange.emit({value:i});this.pageInputTooltipEl.displayTooltip(false,false);t.validationStatus=""}else{this.setInputError(t,this.INVALID_PAGE_ERROR)}};this.goToPageLabelClickHandler=()=>{this.focusElFromLabel("ic-text-field")};this.handleBlur=()=>{const t=this.pageInputEl;if(Number(t.value)<=this.totalPages&&Number(t.value)>0||t.value===""){t.validationStatus=""}this.pageInputTooltipEl.displayTooltip(false,false)};this.handleFocus=()=>{if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleInputChange=()=>{const t=parseInt(this.pageInputEl.value);if(t>this.totalPages||t<=0){this.setInputError(this.pageInputEl,this.INVALID_PAGE_ERROR);this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleKeydown=t=>{if(t.key==="Enter"){if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}else{this.goToPage()}}else{this.pageInputTooltipEl.displayTooltip(false,false);this.pageInputEl.validationStatus=""}};this.handleKeyUp=t=>{if(Number.isNaN(parseInt(this.pageInputEl.value))&&t.key!=="Backspace"&&t.key!=="Enter"&&t.key!=="Tab"&&t.key!=="Shift"){this.setInputError(this.pageInputEl,"Please enter a number",false);this.pageInputTooltipEl.displayTooltip(true,false)}};this.itemsPerPageLabelClickHandler=()=>{this.focusElFromLabel("ic-select")};this.paginationShouldWrap=()=>{if(this.type==="simple"){this.paginationWrapped=this.paginationEl.clientHeight>63}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const{clientWidth:t}=this.paginationBarEl;if(t-this.paginationWidth>50||t-this.paginationWidth<-50){this.paginationWidth=t;this.paginationShouldWrap()}}));this.resizeObserver.observe(this.paginationBarEl)};this.setInputError=(t,i,e=true)=>{this.inputError=i;t.validationStatus="error";if(e)t.setFocus()};this.setItemsPerPage=t=>{if(this.itemsPerPage!==t){this.itemsPerPage=t;this.itemsPerPageString=t.toString();this.icItemsPerPageChange.emit({value:this.itemsPerPage})}this.totalPages=this.totalItems>this.itemsPerPage?Math.ceil(this.totalItems/this.itemsPerPage):1;this.setUpperBound();if(this.activePage>this.totalPages){this.paginationEl.setCurrentPage(this.totalPages);this.activePage=this.totalPages}this.icPageChange.emit({value:this.activePage,fromItemsPerPage:true})};this.setPaginationBarContent=()=>{const t=this.itemsPerPageOptions?JSON.parse(JSON.stringify(this.itemsPerPageOptions)):null;const i=t||(this.totalItems<=100?[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}]:[{label:"25",value:"25"},{label:"100",value:"100"},{label:"1000",value:"1000"}]);!this.hideAllFromItemsPerPage&&i.push({label:"All",value:String(this.totalItems)});this.displayedItemsPerPageOptions=i.filter((({value:t})=>this.totalItems>=Number(t)));let e=0;const a=this.displayedItemsPerPageOptions.some((({value:t})=>{e=Number(t);return this.itemsPerPage<=e}));this.setItemsPerPage(a||!a&&this.itemsPerPage>e?e:this.itemsPerPage)};this.setUpperBound=()=>{this.upperBound=Math.min(this.lowerBound+this.itemsPerPage-1,this.totalItems)};this.capitalizedItemLabel=undefined;this.capitalizedPageLabel=undefined;this.activePage=1;this.displayedItemsPerPageOptions=undefined;this.inputError="Please enter a valid page";this.itemsPerPage=0;this.itemsPerPageString="0";this.lowerBound=1;this.lowerCaseItemLabel=undefined;this.lowerCasePageLabel=undefined;this.paginationWidth=undefined;this.paginationWrapped=false;this.totalPages=undefined;this.upperBound=undefined;this.alignment="right";this.appearance="default";this.currentPage=1;this.hideAllFromItemsPerPage=false;this.itemLabel="Item";this.itemsPerPageOptions=undefined;this.type="simple";this.rangeLabelType="page";this.pageLabel="Page";this.showGoToPageControl=false;this.hideRangeLabel=false;this.showItemsPerPageControl=false;this.totalItems=undefined}watchPageNumberHandler(){this.activePage=this.currentPage}watchItemLabelHandler(){this.capitalizedItemLabel=o(this.itemLabel);this.lowerCaseItemLabel=this.itemLabel.toLowerCase()}watchItemsPerPageOptionsHandler(t,i){if(JSON.stringify(t)===JSON.stringify(i))return;this.setPaginationBarContent()}watchPageLabelHandler(){this.capitalizedPageLabel=o(this.pageLabel);this.lowerCasePageLabel=this.pageLabel.toLowerCase()}watchTotalItemsHandler(){this.setPaginationBarContent()}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){this.watchPageNumberHandler();this.watchPageLabelHandler();this.watchItemLabelHandler();this.setPaginationBarContent()}componentDidLoad(){var t,i;this.paginationWidth=this.paginationBarEl.clientWidth;c(this.runResizeObserver);const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);if(e){const t=(i=e===null||e===void 0?void 0:e.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");if(t){t.style.textAlign="center";t.style.padding="0"}}this.paginationShouldWrap()}pageChangeHandler(t){const i=t.detail.value;this.changePage(i)}render(){const{appearance:t,alignment:i,displayedItemsPerPageOptions:a,PAGE_INPUT_FIELD_ID:s,type:n,rangeLabelType:l,hideRangeLabel:h,showItemsPerPageControl:r,showGoToPageControl:o,pageLabel:c,capitalizedPageLabel:p,lowerCasePageLabel:g,capitalizedItemLabel:d,lowerCaseItemLabel:m,totalPages:u,activePage:f,itemsPerPageString:b}=this;return e("div",{class:{["pagination-bar"]:true,[`pagination-bar-${i}`]:true},ref:t=>this.paginationBarEl=t},(!h||r)&&e("div",{class:"item-controls"},r&&e("div",{class:"items-per-page-holder"},e("ic-typography",{class:{[`pagination-text-${t}`]:true,["items-per-page-control-label"]:true},variant:"label",onClick:this.itemsPerPageLabelClickHandler},d,"s per ",g),e("ic-select",{small:true,label:"items-per-page-input",class:"items-per-page-input",hideLabel:true,options:a,value:b,onIcChange:this.changeItemsPerPage,ref:t=>this.pageDropdownEl=t})),!h&&(l==="data"?e("ic-typography",{class:{[`pagination-text-${t}`]:true,["item-pagination-label"]:true},variant:"label","aria-live":"polite"},this.upperBound===0&&`0 ${m}s`,this.upperBound>0&&`${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${m}${this.totalItems>1?"s":""}`):e("ic-typography",{class:{[`pagination-text-${t}`]:true,["page-pagination-label"]:true},variant:"label","aria-live":"polite"},p," ",f," of ",u))),e("div",{class:{["pagination-controls"]:true,["pagination-controls-wrap"]:this.paginationWrapped}},e("div",{class:"pagination-holder"},e("ic-pagination",{appearance:t,type:n,pages:u,label:c,ref:t=>this.paginationEl=t,currentPage:f})),o&&e("div",{class:"go-to-page-holder"},e("ic-typography",{class:{[`pagination-text-${t}`]:true},variant:"label",onClick:this.goToPageLabelClickHandler},"Go to ",g),e("ic-tooltip",{label:this.inputError,target:`#${s}`,disableHover:true,disableClick:true,ref:t=>this.pageInputTooltipEl=t},e("ic-text-field",{type:"number",size:"small",label:s,class:s,id:s,hideLabel:true,onKeyDown:this.handleKeydown,onKeyUp:this.handleKeyUp,onInput:this.handleInputChange,max:u,min:"1",validationInlineInternal:true,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.pageInputEl=t})),e("ic-button",{appearance:t,variant:"secondary",onClick:this.goToPage,size:"small",class:"go-to-page-button"},"Go"))))}get el(){return s(this)}static get watchers(){return{currentPage:["watchPageNumberHandler"],itemLabel:["watchItemLabelHandler"],itemsPerPageOptions:["watchItemsPerPageOptionsHandler"],pageLabel:["watchPageLabelHandler"],totalItems:["watchTotalItemsHandler"]}}};m.style=d;export{g as ic_empty_state,m as ic_pagination_bar};
|
2
|
+
//# sourceMappingURL=p-67b25dfc.entry.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["icEmptyStateCss","EmptyState","constructor","hostRef","this","hostMutationObserver","hostMutationCallback","mutationList","some","type","addedNodes","removedNodes","checkSlotInChildMutations","forceUpdate","aligned","body","undefined","bodyMaxLines","heading","imageSize","subheading","disconnectedCallback","_a","disconnect","componentDidLoad","isSlotUsed","el","onComponentRequiredPropUndefined","prop","propName","MutationObserver","observe","childList","render","h","Host","class","name","variant","maxLines","icPaginationBarCss","PaginationBar","PAGE_INPUT_FIELD_ID","INVALID_PAGE_ERROR","resizeObserver","changeItemsPerPage","setItemsPerPage","Number","pageDropdownEl","value","changePage","page","activePage","lowerBound","itemsPerPage","setUpperBound","focusElFromLabel","paginationBarEl","querySelector","setFocus","goToPage","input","pageInputEl","totalPages","paginationEl","setCurrentPage","icPageChange","emit","pageInputTooltipEl","displayTooltip","validationStatus","setInputError","goToPageLabelClickHandler","handleBlur","textField","handleFocus","handleInputChange","inputValue","parseInt","handleKeydown","ev","key","handleKeyUp","isNaN","itemsPerPageLabelClickHandler","paginationShouldWrap","paginationWrapped","clientHeight","runResizeObserver","ResizeObserver","clientWidth","paginationWidth","error","focus","inputError","newValue","itemsPerPageString","toString","icItemsPerPageChange","totalItems","Math","ceil","fromItemsPerPage","setPaginationBarContent","clonedItemsPerPageOptions","itemsPerPageOptions","JSON","parse","stringify","displayedItemsPerPageOptions","label","hideAllFromItemsPerPage","push","String","filter","lastOptionValue","updated","upperBound","min","watchPageNumberHandler","currentPage","watchItemLabelHandler","capitalizedItemLabel","capitalize","itemLabel","lowerCaseItemLabel","toLowerCase","watchItemsPerPageOptionsHandler","newVal","oldVal","watchPageLabelHandler","capitalizedPageLabel","pageLabel","lowerCasePageLabel","watchTotalItemsHandler","componentWillLoad","checkResizeObserver","shadowRoot","_b","style","textAlign","padding","pageChangeHandler","detail","appearance","alignment","rangeLabelType","hideRangeLabel","showItemsPerPageControl","showGoToPageControl","ref","onClick","small","hideLabel","options","onIcChange","pages","target","disableHover","disableClick","size","id","onKeyDown","onKeyUp","onInput","max","validationInlineInternal","onBlur","onFocus"],"sources":["../web-components/dist/collection/components/ic-empty-state/ic-empty-state.css?tag=ic-empty-state&encapsulation=shadow","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.js","src/components/ic-pagination-bar/ic-pagination-bar.css?tag=ic-pagination-bar&encapsulation=shadow","src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"sourcesContent":[":host {\n gap: var(--ic-space-xs);\n padding: var(--ic-space-xs);\n}\n\n:host,\n.action-area {\n display: flex;\n flex-direction: column;\n}\n\n.action-area {\n gap: var(--ic-space-md);\n}\n\n:host ::slotted(svg),\n:host ::slotted(img) {\n border-radius: var(--ic-space-xxs);\n}\n\n:host(.right),\n:host(.right) .action-area {\n align-items: flex-end;\n text-align: right;\n}\n\n:host(.center),\n:host(.center) .action-area {\n align-items: center;\n text-align: center;\n}\n\n:host(.image-default) ::slotted(svg),\n:host(.image-default) ::slotted(img) {\n height: calc(3 * var(--ic-space-lg)) !important;\n width: calc(3 * var(--ic-space-lg)) !important;\n}\n\n:host(.image-small) ::slotted(svg),\n:host(.image-small) ::slotted(img) {\n height: var(--ic-space-xxl) !important;\n width: var(--ic-space-xxl) !important;\n}\n\n:host(.image-large) ::slotted(svg),\n:host(.image-large) ::slotted(img) {\n height: calc(4 * var(--ic-space-xl)) !important;\n width: calc(4 * var(--ic-space-xl)) !important;\n}\n","import { h, Host, forceUpdate } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, checkSlotInChildMutations, } from \"../../utils/helpers\";\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\nexport class EmptyState {\n constructor() {\n this.hostMutationObserver = null;\n this.hostMutationCallback = (mutationList) => {\n if (mutationList.some(({ type, addedNodes, removedNodes }) => type === \"childList\"\n ? checkSlotInChildMutations(addedNodes, removedNodes, [\n \"image\",\n \"actions\",\n ])\n : false)) {\n forceUpdate(this);\n }\n };\n this.aligned = \"left\";\n this.body = undefined;\n this.bodyMaxLines = undefined;\n this.heading = undefined;\n this.imageSize = \"default\";\n this.subheading = undefined;\n }\n disconnectedCallback() {\n var _a;\n (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n componentDidLoad() {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Empty State\");\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n render() {\n const { aligned, body, bodyMaxLines, heading, imageSize, subheading } = this;\n return (h(Host, { class: {\n [`${aligned}`]: true,\n [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n } }, isSlotUsed(this.el, \"image\") && h(\"slot\", { name: \"image\" }), h(\"div\", null, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: \"h4\" }, heading)), h(\"slot\", { name: \"subheading\" }, h(\"ic-typography\", { variant: \"subtitle-small\" }, subheading)), h(\"slot\", { name: \"body\" }, h(\"ic-typography\", { maxLines: bodyMaxLines }, body))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { class: \"action-area\" }, h(\"slot\", { name: \"actions\" })))));\n }\n static get is() { return \"ic-empty-state\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcEmptyStateAlignment\",\n \"resolved\": \"\\\"center\\\" | \\\"left\\\" | \\\"right\\\"\",\n \"references\": {\n \"IcEmptyStateAlignment\": {\n \"location\": \"import\",\n \"path\": \"./ic-empty-state.types\",\n \"id\": \"src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the empty state container.\"\n },\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"left\\\"\"\n },\n \"body\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The body text rendered in the empty state container.\"\n },\n \"attribute\": \"body\",\n \"reflect\": false\n },\n \"bodyMaxLines\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of lines of body text to display before truncating.\"\n },\n \"attribute\": \"body-max-lines\",\n \"reflect\": false\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The title rendered in the empty state container.\"\n },\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"imageSize\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the image or icon used in the image slot.\"\n },\n \"attribute\": \"image-size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"subheading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The subtitle rendered in the empty state container.\"\n },\n \"attribute\": \"subheading\",\n \"reflect\": false\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-empty-state.js.map\n",":host() {\n display: block;\n}\n\n.pagination-bar {\n height: 3.5rem;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--ic-space-xl);\n padding: var(--ic-space-xs) var(--ic-space-md);\n box-sizing: border-box;\n}\n\n.pagination-bar-left {\n justify-content: flex-start;\n}\n\n.item-controls {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xl);\n}\n\n.pagination-bar-space-between .item-controls {\n margin-right: auto;\n}\n\n.items-per-page-holder {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xs);\n}\n\n.items-per-page-input {\n --input-width: 5rem;\n}\n\n.pagination-controls {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xl);\n}\n\n.pagination-controls-wrap {\n flex-direction: column;\n align-items: flex-end;\n gap: var(--ic-space-xs);\n}\n\n.pagination-bar-space-between .pagination-controls {\n margin-left: auto;\n}\n\n.go-to-page-holder {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xs);\n}\n\n.go-to-page-input {\n --input-width: var(--ic-space-xl);\n}\n\n.go-to-page-button {\n --min-width: var(--ic-space-xl);\n}\n\n.pagination-text-default,\n.pagination-text-dark,\n.pagination-text-light {\n white-space: nowrap;\n}\n\n.pagination-text-light {\n color: var(--ic-color-white-text);\n}\n\n@media screen and (max-width: 768px) {\n .pagination-bar {\n flex-direction: column;\n align-items: flex-end;\n height: fit-content;\n gap: var(--ic-space-xs);\n }\n\n .pagination-bar-left {\n align-items: flex-start;\n }\n}\n\n@media screen and (max-width: 320px) {\n .item-controls,\n .pagination-controls {\n flex-direction: column;\n align-items: flex-end;\n gap: var(--ic-space-xs);\n }\n\n .pagination-bar-left .item-controls,\n .pagination-bar-left .pagination-controls,\n .pagination-bar-space-between .item-controls,\n .pagination-bar-space-between .pagination-controls {\n align-items: flex-start;\n }\n}\n","import {\n Component,\n Prop,\n Element,\n Event,\n EventEmitter,\n State,\n Listen,\n h,\n Watch,\n} from \"@stencil/core\";\nimport { IcThemeForeground } from \"@ukic/web-components/dist/types/interface\";\nimport { checkResizeObserver, capitalize } from \"../../utils/helpers\";\nimport { IcPageChangeEventDetail } from \"./ic-pagination-bar.types\";\nimport {\n IcPaginationAlignmentOptions,\n IcPaginationLabelTypes,\n IcPaginationTypes,\n} from \"@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types\";\n\n@Component({\n tag: \"ic-pagination-bar\",\n styleUrl: \"ic-pagination-bar.css\",\n shadow: true,\n})\nexport class PaginationBar {\n private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n\n private resizeObserver: ResizeObserver = null;\n private pageDropdownEl: HTMLIcSelectElement;\n private pageInputEl: HTMLIcTextFieldElement;\n private pageInputTooltipEl: HTMLIcTooltipElement;\n private paginationBarEl: HTMLElement;\n private paginationEl: HTMLIcPaginationElement;\n\n @Element() el: HTMLIcPaginationBarElement;\n\n @State() capitalizedItemLabel: string;\n\n @State() capitalizedPageLabel: string;\n\n @State() activePage: number = 1;\n\n @State() displayedItemsPerPageOptions?: {\n label: string;\n value: string;\n }[];\n\n @State() inputError: string = \"Please enter a valid page\";\n\n @State() itemsPerPage: number = 0;\n\n @State() itemsPerPageString: string = \"0\";\n\n @State() lowerBound: number = 1;\n\n @State() lowerCaseItemLabel: string;\n\n @State() lowerCasePageLabel: string;\n\n @State() paginationWidth: number;\n\n @State() paginationWrapped: boolean = false;\n\n @State() totalPages: number;\n\n @State() upperBound: number;\n\n /**\n * Sets the alignment of the items in the pagination bar.\n */\n @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n /**\n * Sets the styling for the items in the pagination bar.\n */\n @Prop() appearance?: IcThemeForeground = \"default\";\n\n /**\n * The current page number to be displayed on the pagination bar.\n */\n @Prop() currentPage?: number = 1;\n @Watch(\"currentPage\")\n watchPageNumberHandler(): void {\n this.activePage = this.currentPage;\n }\n\n /**\n * If `true`, the 'All' option will be hidden from the 'items per page' select input.\n */\n @Prop() hideAllFromItemsPerPage?: boolean = false;\n\n /**\n * The text which will be used in place of 'Item' on the pagination bar.\n */\n @Prop() itemLabel?: string = \"Item\";\n\n @Watch(\"itemLabel\")\n watchItemLabelHandler(): void {\n this.capitalizedItemLabel = capitalize(this.itemLabel);\n this.lowerCaseItemLabel = this.itemLabel.toLowerCase();\n }\n\n /**\n * The options which will be displayed for 'items per page' select input.\n */\n @Prop() itemsPerPageOptions?: {\n label: string;\n value: string;\n }[];\n\n @Watch(\"itemsPerPageOptions\")\n watchItemsPerPageOptionsHandler(\n newVal: {\n label: string;\n value: string;\n }[],\n oldVal: {\n label: string;\n value: string;\n }[]\n ): void {\n if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n this.setPaginationBarContent();\n }\n\n /**\n * Whether the displayed pagination is simple or complex.\n */\n @Prop() type?: IcPaginationTypes = \"simple\";\n\n /**\n * Whether total number of items and current item range or total number of pages and current page is displayed.\n */\n @Prop() rangeLabelType?: IcPaginationLabelTypes = \"page\";\n\n /**\n * The text which will be used in place of 'Page' on the pagination bar.\n */\n @Prop() pageLabel?: string = \"Page\";\n\n @Watch(\"pageLabel\")\n watchPageLabelHandler(): void {\n this.capitalizedPageLabel = capitalize(this.pageLabel);\n this.lowerCasePageLabel = this.pageLabel.toLowerCase();\n }\n\n /**\n * If `true`, the 'go to page' control should be displayed.\n */\n @Prop() showGoToPageControl?: boolean = false;\n\n /**\n * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.\n */\n @Prop() hideRangeLabel?: boolean = false;\n\n /**\n * If `true`, the select input to control 'items per page' should be displayed.\n */\n @Prop() showItemsPerPageControl?: boolean = false;\n\n /**\n * Total number of items to be displayed across all pages.\n */\n @Prop() totalItems!: number;\n\n @Watch(\"totalItems\")\n watchTotalItemsHandler(): void {\n this.setPaginationBarContent();\n }\n\n /**\n * Emitted when a page is navigated to via the 'go to' input.\n * The `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.\n */\n @Event() icPageChange: EventEmitter<IcPageChangeEventDetail>;\n\n /**\n * Emitted when the items per page option is changed.\n */\n @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.watchPageNumberHandler();\n this.watchPageLabelHandler();\n this.watchItemLabelHandler();\n this.setPaginationBarContent();\n }\n\n componentDidLoad(): void {\n this.paginationWidth = this.paginationBarEl.clientWidth;\n checkResizeObserver(this.runResizeObserver);\n const textField = this.el.shadowRoot?.querySelector(\n `.${this.PAGE_INPUT_FIELD_ID}`\n );\n if (textField) {\n const input = textField?.shadowRoot?.querySelector(\"input\");\n if (input) {\n input.style.textAlign = \"center\";\n input.style.padding = \"0\";\n }\n }\n this.paginationShouldWrap();\n }\n\n @Listen(\"icPageChange\")\n pageChangeHandler(ev: CustomEvent): void {\n const page = ev.detail.value;\n this.changePage(page);\n }\n\n private changeItemsPerPage = () => {\n this.setItemsPerPage(Number(this.pageDropdownEl.value));\n };\n\n private changePage = (page: number) => {\n this.activePage = page;\n this.lowerBound = page !== 1 ? (page - 1) * this.itemsPerPage + 1 : page;\n this.setUpperBound();\n };\n\n private focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n this.paginationBarEl.querySelector(el)?.setFocus();\n };\n\n private goToPage = () => {\n const input = this.pageInputEl;\n const page = Number(input.value);\n if (page <= this.totalPages && page > 0) {\n this.changePage(page);\n this.paginationEl.setCurrentPage(page);\n this.activePage = page;\n input.value = \"\";\n this.icPageChange.emit({ value: page });\n this.pageInputTooltipEl.displayTooltip(false, false);\n input.validationStatus = \"\";\n } else {\n this.setInputError(input, this.INVALID_PAGE_ERROR);\n }\n };\n\n private goToPageLabelClickHandler = () => {\n this.focusElFromLabel(\"ic-text-field\");\n };\n\n private handleBlur = () => {\n const textField = this.pageInputEl;\n if (\n (Number(textField.value) <= this.totalPages &&\n Number(textField.value) > 0) ||\n textField.value === \"\"\n ) {\n textField.validationStatus = \"\";\n }\n this.pageInputTooltipEl.displayTooltip(false, false);\n };\n\n private handleFocus = () => {\n if (this.pageInputEl.validationStatus === \"error\") {\n this.pageInputTooltipEl.displayTooltip(true, true);\n }\n };\n\n private handleInputChange = () => {\n const inputValue = parseInt(this.pageInputEl.value);\n\n if (inputValue > this.totalPages || inputValue <= 0) {\n this.setInputError(this.pageInputEl, this.INVALID_PAGE_ERROR);\n this.pageInputTooltipEl.displayTooltip(true, true);\n }\n };\n\n private handleKeydown = (ev: KeyboardEvent) => {\n if (ev.key === \"Enter\") {\n if (this.pageInputEl.validationStatus === \"error\") {\n this.pageInputTooltipEl.displayTooltip(true, true);\n } else {\n this.goToPage();\n }\n } else {\n this.pageInputTooltipEl.displayTooltip(false, false);\n this.pageInputEl.validationStatus = \"\";\n }\n };\n\n private handleKeyUp = (ev: KeyboardEvent) => {\n if (\n Number.isNaN(parseInt(this.pageInputEl.value)) &&\n ev.key !== \"Backspace\" &&\n ev.key !== \"Enter\" &&\n ev.key !== \"Tab\" &&\n ev.key !== \"Shift\"\n ) {\n this.setInputError(this.pageInputEl, \"Please enter a number\", false);\n this.pageInputTooltipEl.displayTooltip(true, false);\n }\n };\n\n private itemsPerPageLabelClickHandler = () => {\n this.focusElFromLabel(\"ic-select\");\n };\n\n private paginationShouldWrap = () => {\n if (this.type === \"simple\") {\n this.paginationWrapped = this.paginationEl.clientHeight > 63;\n }\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n const { clientWidth } = this.paginationBarEl;\n if (\n clientWidth - this.paginationWidth > 50 ||\n clientWidth - this.paginationWidth < -50\n ) {\n this.paginationWidth = clientWidth;\n this.paginationShouldWrap();\n }\n });\n\n this.resizeObserver.observe(this.paginationBarEl);\n };\n\n private setInputError = (\n el: HTMLIcTextFieldElement,\n error: string,\n focus = true\n ) => {\n this.inputError = error;\n el.validationStatus = \"error\";\n if (focus) el.setFocus();\n };\n\n private setItemsPerPage = (newValue: number) => {\n if (this.itemsPerPage !== newValue) {\n this.itemsPerPage = newValue;\n this.itemsPerPageString = newValue.toString();\n this.icItemsPerPageChange.emit({ value: this.itemsPerPage });\n }\n\n this.totalPages =\n this.totalItems > this.itemsPerPage\n ? Math.ceil(this.totalItems / this.itemsPerPage)\n : 1;\n\n this.setUpperBound();\n if (this.activePage > this.totalPages) {\n this.paginationEl.setCurrentPage(this.totalPages);\n this.activePage = this.totalPages;\n }\n this.icPageChange.emit({ value: this.activePage, fromItemsPerPage: true });\n };\n\n private setPaginationBarContent = (): void => {\n const clonedItemsPerPageOptions: {\n label: string;\n value: string;\n }[] = this.itemsPerPageOptions\n ? JSON.parse(JSON.stringify(this.itemsPerPageOptions))\n : null;\n\n const displayedItemsPerPageOptions =\n clonedItemsPerPageOptions ||\n (this.totalItems <= 100\n ? [\n { label: \"10\", value: \"10\" },\n { label: \"25\", value: \"25\" },\n { label: \"50\", value: \"50\" },\n ]\n : [\n { label: \"25\", value: \"25\" },\n { label: \"100\", value: \"100\" },\n { label: \"1000\", value: \"1000\" },\n ]);\n !this.hideAllFromItemsPerPage &&\n displayedItemsPerPageOptions.push({\n label: \"All\",\n value: String(this.totalItems),\n });\n\n this.displayedItemsPerPageOptions = displayedItemsPerPageOptions.filter(\n ({ value }) => this.totalItems >= Number(value)\n );\n\n let lastOptionValue = 0;\n const updated = this.displayedItemsPerPageOptions.some(({ value }) => {\n lastOptionValue = Number(value);\n return this.itemsPerPage <= lastOptionValue;\n });\n\n this.setItemsPerPage(\n updated || (!updated && this.itemsPerPage > lastOptionValue)\n ? lastOptionValue\n : this.itemsPerPage\n );\n };\n\n private setUpperBound = () => {\n this.upperBound = Math.min(\n this.lowerBound + this.itemsPerPage - 1,\n this.totalItems\n );\n };\n\n render() {\n const {\n appearance,\n alignment,\n displayedItemsPerPageOptions,\n PAGE_INPUT_FIELD_ID,\n type,\n rangeLabelType,\n hideRangeLabel,\n showItemsPerPageControl,\n showGoToPageControl,\n pageLabel,\n capitalizedPageLabel,\n lowerCasePageLabel,\n capitalizedItemLabel,\n lowerCaseItemLabel,\n totalPages,\n activePage,\n itemsPerPageString,\n } = this;\n\n return (\n <div\n class={{\n [\"pagination-bar\"]: true,\n [`pagination-bar-${alignment}`]: true,\n }}\n ref={(el) => (this.paginationBarEl = el)}\n >\n {(!hideRangeLabel || showItemsPerPageControl) && (\n <div class=\"item-controls\">\n {showItemsPerPageControl && (\n <div class=\"items-per-page-holder\">\n <ic-typography\n class={{\n [`pagination-text-${appearance}`]: true,\n [\"items-per-page-control-label\"]: true,\n }}\n variant=\"label\"\n onClick={this.itemsPerPageLabelClickHandler}\n >\n {capitalizedItemLabel}s per {lowerCasePageLabel}\n </ic-typography>\n <ic-select\n small\n label=\"items-per-page-input\"\n class=\"items-per-page-input\"\n hideLabel\n options={displayedItemsPerPageOptions}\n value={itemsPerPageString}\n onIcChange={this.changeItemsPerPage}\n ref={(el: HTMLIcSelectElement) => (this.pageDropdownEl = el)}\n ></ic-select>\n </div>\n )}\n {!hideRangeLabel &&\n (rangeLabelType === \"data\" ? (\n <ic-typography\n class={{\n [`pagination-text-${appearance}`]: true,\n [\"item-pagination-label\"]: true,\n }}\n variant=\"label\"\n aria-live=\"polite\"\n >\n {this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`}\n {this.upperBound > 0 &&\n `${this.lowerBound} - ${this.upperBound} of ${\n this.totalItems\n } ${lowerCaseItemLabel}${this.totalItems > 1 ? \"s\" : \"\"}`}\n </ic-typography>\n ) : (\n <ic-typography\n class={{\n [`pagination-text-${appearance}`]: true,\n [\"page-pagination-label\"]: true,\n }}\n variant=\"label\"\n aria-live=\"polite\"\n >\n {capitalizedPageLabel} {activePage} of {totalPages}\n </ic-typography>\n ))}\n </div>\n )}\n <div\n class={{\n [\"pagination-controls\"]: true,\n [\"pagination-controls-wrap\"]: this.paginationWrapped,\n }}\n >\n <div class=\"pagination-holder\">\n <ic-pagination\n appearance={appearance}\n type={type}\n pages={totalPages}\n label={pageLabel}\n ref={(el: HTMLIcPaginationElement) => (this.paginationEl = el)}\n currentPage={activePage}\n ></ic-pagination>\n </div>\n {showGoToPageControl && (\n <div class=\"go-to-page-holder\">\n <ic-typography\n class={{ [`pagination-text-${appearance}`]: true }}\n variant=\"label\"\n onClick={this.goToPageLabelClickHandler}\n >\n Go to {lowerCasePageLabel}\n </ic-typography>\n <ic-tooltip\n label={this.inputError}\n target={`#${PAGE_INPUT_FIELD_ID}`}\n disableHover\n disableClick\n ref={(el: HTMLIcTooltipElement) =>\n (this.pageInputTooltipEl = el)\n }\n >\n <ic-text-field\n type=\"number\"\n size=\"small\"\n label={PAGE_INPUT_FIELD_ID}\n class={PAGE_INPUT_FIELD_ID}\n id={PAGE_INPUT_FIELD_ID}\n hideLabel\n onKeyDown={this.handleKeydown}\n onKeyUp={this.handleKeyUp}\n onInput={this.handleInputChange}\n max={totalPages}\n min=\"1\"\n validationInlineInternal\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n ref={(el: HTMLIcTextFieldElement) => (this.pageInputEl = el)}\n ></ic-text-field>\n </ic-tooltip>\n <ic-button\n appearance={appearance}\n variant=\"secondary\"\n onClick={this.goToPage}\n size=\"small\"\n class=\"go-to-page-button\"\n >\n Go\n </ic-button>\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n"],"mappings":"4LAAA,MAAMA,EAAkB,21B,MCSXC,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,qBAAuB,KAC5BD,KAAKE,qBAAwBC,IACzB,GAAIA,EAAaC,MAAK,EAAGC,OAAMC,aAAYC,kBAAmBF,IAAS,YACjEG,EAA0BF,EAAYC,EAAc,CAClD,QACA,YAEF,QAAQ,CACVE,EAAYT,K,GAGpBA,KAAKU,QAAU,OACfV,KAAKW,KAAOC,UACZZ,KAAKa,aAAeD,UACpBZ,KAAKc,QAAUF,UACfZ,KAAKe,UAAY,UACjBf,KAAKgB,WAAaJ,S,CAEtB,oBAAAK,GACI,IAAIC,GACHA,EAAKlB,KAAKC,wBAA0B,MAAQiB,SAAY,OAAS,EAAIA,EAAGC,Y,CAE7E,gBAAAC,IACKC,EAAWrB,KAAKsB,GAAI,YACjBC,EAAiC,CAAC,CAAEC,KAAMxB,KAAKc,QAASW,SAAU,YAAc,eACpFzB,KAAKC,qBAAuB,IAAIyB,iBAAiB1B,KAAKE,sBACtDF,KAAKC,qBAAqB0B,QAAQ3B,KAAKsB,GAAI,CACvCM,UAAW,M,CAGnB,MAAAC,GACI,MAAMnB,QAAEA,EAAOC,KAAEA,EAAIE,aAAEA,EAAYC,QAAEA,EAAOC,UAAEA,EAASC,WAAEA,GAAehB,KACxE,OAAQ8B,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,GAAGtB,KAAY,KAChB,CAAC,SAASK,KAAcM,EAAWrB,KAAKsB,GAAI,WAC3CD,EAAWrB,KAAKsB,GAAI,UAAYQ,EAAE,OAAQ,CAAEG,KAAM,UAAYH,EAAE,MAAO,KAAMA,EAAE,OAAQ,CAAEG,KAAM,WAAaH,EAAE,gBAAiB,CAAEI,QAAS,MAAQpB,IAAWgB,EAAE,OAAQ,CAAEG,KAAM,cAAgBH,EAAE,gBAAiB,CAAEI,QAAS,kBAAoBlB,IAAcc,EAAE,OAAQ,CAAEG,KAAM,QAAUH,EAAE,gBAAiB,CAAEK,SAAUtB,GAAgBF,KAASU,EAAWrB,KAAKsB,GAAI,YAAeQ,EAAE,MAAO,CAAEE,MAAO,eAAiBF,EAAE,OAAQ,CAAEG,KAAM,a,qCC9C5b,MAAMG,EAAqB,mkD,MCyBdC,EAAa,M,+HAChBrC,KAAAsC,oBAAsB,mBAEtBtC,KAAAuC,mBAAqB,4BAErBvC,KAAAwC,eAAiC,KA4LjCxC,KAAAyC,mBAAqB,KAC3BzC,KAAK0C,gBAAgBC,OAAO3C,KAAK4C,eAAeC,OAAO,EAGjD7C,KAAA8C,WAAcC,IACpB/C,KAAKgD,WAAaD,EAClB/C,KAAKiD,WAAaF,IAAS,GAAKA,EAAO,GAAK/C,KAAKkD,aAAe,EAAIH,EACpE/C,KAAKmD,eAAe,EAGdnD,KAAAoD,iBAAoB9B,I,OAC1BJ,EAAAlB,KAAKqD,gBAAgBC,cAAchC,MAAG,MAAAJ,SAAA,SAAAA,EAAEqC,UAAU,EAG5CvD,KAAAwD,SAAW,KACjB,MAAMC,EAAQzD,KAAK0D,YACnB,MAAMX,EAAOJ,OAAOc,EAAMZ,OAC1B,GAAIE,GAAQ/C,KAAK2D,YAAcZ,EAAO,EAAG,CACvC/C,KAAK8C,WAAWC,GAChB/C,KAAK4D,aAAaC,eAAed,GACjC/C,KAAKgD,WAAaD,EAClBU,EAAMZ,MAAQ,GACd7C,KAAK8D,aAAaC,KAAK,CAAElB,MAAOE,IAChC/C,KAAKgE,mBAAmBC,eAAe,MAAO,OAC9CR,EAAMS,iBAAmB,E,KACpB,CACLlE,KAAKmE,cAAcV,EAAOzD,KAAKuC,mB,GAI3BvC,KAAAoE,0BAA4B,KAClCpE,KAAKoD,iBAAiB,gBAAgB,EAGhCpD,KAAAqE,WAAa,KACnB,MAAMC,EAAYtE,KAAK0D,YACvB,GACGf,OAAO2B,EAAUzB,QAAU7C,KAAK2D,YAC/BhB,OAAO2B,EAAUzB,OAAS,GAC5ByB,EAAUzB,QAAU,GACpB,CACAyB,EAAUJ,iBAAmB,E,CAE/BlE,KAAKgE,mBAAmBC,eAAe,MAAO,MAAM,EAG9CjE,KAAAuE,YAAc,KACpB,GAAIvE,KAAK0D,YAAYQ,mBAAqB,QAAS,CACjDlE,KAAKgE,mBAAmBC,eAAe,KAAM,K,GAIzCjE,KAAAwE,kBAAoB,KAC1B,MAAMC,EAAaC,SAAS1E,KAAK0D,YAAYb,OAE7C,GAAI4B,EAAazE,KAAK2D,YAAcc,GAAc,EAAG,CACnDzE,KAAKmE,cAAcnE,KAAK0D,YAAa1D,KAAKuC,oBAC1CvC,KAAKgE,mBAAmBC,eAAe,KAAM,K,GAIzCjE,KAAA2E,cAAiBC,IACvB,GAAIA,EAAGC,MAAQ,QAAS,CACtB,GAAI7E,KAAK0D,YAAYQ,mBAAqB,QAAS,CACjDlE,KAAKgE,mBAAmBC,eAAe,KAAM,K,KACxC,CACLjE,KAAKwD,U,MAEF,CACLxD,KAAKgE,mBAAmBC,eAAe,MAAO,OAC9CjE,KAAK0D,YAAYQ,iBAAmB,E,GAIhClE,KAAA8E,YAAeF,IACrB,GACEjC,OAAOoC,MAAML,SAAS1E,KAAK0D,YAAYb,SACvC+B,EAAGC,MAAQ,aACXD,EAAGC,MAAQ,SACXD,EAAGC,MAAQ,OACXD,EAAGC,MAAQ,QACX,CACA7E,KAAKmE,cAAcnE,KAAK0D,YAAa,wBAAyB,OAC9D1D,KAAKgE,mBAAmBC,eAAe,KAAM,M,GAIzCjE,KAAAgF,8BAAgC,KACtChF,KAAKoD,iBAAiB,YAAY,EAG5BpD,KAAAiF,qBAAuB,KAC7B,GAAIjF,KAAKK,OAAS,SAAU,CAC1BL,KAAKkF,kBAAoBlF,KAAK4D,aAAauB,aAAe,E,GAItDnF,KAAAoF,kBAAoB,KAC1BpF,KAAKwC,eAAiB,IAAI6C,gBAAe,KACvC,MAAMC,YAAEA,GAAgBtF,KAAKqD,gBAC7B,GACEiC,EAActF,KAAKuF,gBAAkB,IACrCD,EAActF,KAAKuF,iBAAmB,GACtC,CACAvF,KAAKuF,gBAAkBD,EACvBtF,KAAKiF,sB,KAITjF,KAAKwC,eAAeb,QAAQ3B,KAAKqD,gBAAgB,EAG3CrD,KAAAmE,cAAgB,CACtB7C,EACAkE,EACAC,EAAQ,QAERzF,KAAK0F,WAAaF,EAClBlE,EAAG4C,iBAAmB,QACtB,GAAIuB,EAAOnE,EAAGiC,UAAU,EAGlBvD,KAAA0C,gBAAmBiD,IACzB,GAAI3F,KAAKkD,eAAiByC,EAAU,CAClC3F,KAAKkD,aAAeyC,EACpB3F,KAAK4F,mBAAqBD,EAASE,WACnC7F,KAAK8F,qBAAqB/B,KAAK,CAAElB,MAAO7C,KAAKkD,c,CAG/ClD,KAAK2D,WACH3D,KAAK+F,WAAa/F,KAAKkD,aACnB8C,KAAKC,KAAKjG,KAAK+F,WAAa/F,KAAKkD,cACjC,EAENlD,KAAKmD,gBACL,GAAInD,KAAKgD,WAAahD,KAAK2D,WAAY,CACrC3D,KAAK4D,aAAaC,eAAe7D,KAAK2D,YACtC3D,KAAKgD,WAAahD,KAAK2D,U,CAEzB3D,KAAK8D,aAAaC,KAAK,CAAElB,MAAO7C,KAAKgD,WAAYkD,iBAAkB,MAAO,EAGpElG,KAAAmG,wBAA0B,KAChC,MAAMC,EAGApG,KAAKqG,oBACPC,KAAKC,MAAMD,KAAKE,UAAUxG,KAAKqG,sBAC/B,KAEJ,MAAMI,EACJL,IACCpG,KAAK+F,YAAc,IAChB,CACE,CAAEW,MAAO,KAAM7D,MAAO,MACtB,CAAE6D,MAAO,KAAM7D,MAAO,MACtB,CAAE6D,MAAO,KAAM7D,MAAO,OAExB,CACE,CAAE6D,MAAO,KAAM7D,MAAO,MACtB,CAAE6D,MAAO,MAAO7D,MAAO,OACvB,CAAE6D,MAAO,OAAQ7D,MAAO,WAE/B7C,KAAK2G,yBACJF,EAA6BG,KAAK,CAChCF,MAAO,MACP7D,MAAOgE,OAAO7G,KAAK+F,cAGvB/F,KAAKyG,6BAA+BA,EAA6BK,QAC/D,EAAGjE,WAAY7C,KAAK+F,YAAcpD,OAAOE,KAG3C,IAAIkE,EAAkB,EACtB,MAAMC,EAAUhH,KAAKyG,6BAA6BrG,MAAK,EAAGyC,YACxDkE,EAAkBpE,OAAOE,GACzB,OAAO7C,KAAKkD,cAAgB6D,CAAe,IAG7C/G,KAAK0C,gBACHsE,IAAaA,GAAWhH,KAAKkD,aAAe6D,EACxCA,EACA/G,KAAKkD,aACV,EAGKlD,KAAAmD,cAAgB,KACtBnD,KAAKiH,WAAajB,KAAKkB,IACrBlH,KAAKiD,WAAajD,KAAKkD,aAAe,EACtClD,KAAK+F,WACN,E,wFA7W2B,E,4DAOA,4B,kBAEE,E,wBAEM,I,gBAER,E,0HAQQ,M,mEASa,Q,gBAKV,U,iBAKV,E,6BASa,M,eAKf,O,6CAkCM,S,oBAKe,O,eAKrB,O,yBAWW,M,oBAKL,M,6BAKS,M,0BA7E5C,sBAAAoB,GACEnH,KAAKgD,WAAahD,KAAKoH,W,CAczB,qBAAAC,GACErH,KAAKsH,qBAAuBC,EAAWvH,KAAKwH,WAC5CxH,KAAKyH,mBAAqBzH,KAAKwH,UAAUE,a,CAY3C,+BAAAC,CACEC,EAIAC,GAKA,GAAIvB,KAAKE,UAAUoB,KAAYtB,KAAKE,UAAUqB,GAAS,OACvD7H,KAAKmG,yB,CAmBP,qBAAA2B,GACE9H,KAAK+H,qBAAuBR,EAAWvH,KAAKgI,WAC5ChI,KAAKiI,mBAAqBjI,KAAKgI,UAAUN,a,CAwB3C,sBAAAQ,GACElI,KAAKmG,yB,CAcP,oBAAAlF,G,OACEC,EAAAlB,KAAKwC,kBAAc,MAAAtB,SAAA,SAAAA,EAAEC,Y,CAGvB,iBAAAgH,GACEnI,KAAKmH,yBACLnH,KAAK8H,wBACL9H,KAAKqH,wBACLrH,KAAKmG,yB,CAGP,gBAAA/E,G,QACEpB,KAAKuF,gBAAkBvF,KAAKqD,gBAAgBiC,YAC5C8C,EAAoBpI,KAAKoF,mBACzB,MAAMd,GAAYpD,EAAAlB,KAAKsB,GAAG+G,cAAU,MAAAnH,SAAA,SAAAA,EAAEoC,cACpC,IAAItD,KAAKsC,uBAEX,GAAIgC,EAAW,CACb,MAAMb,GAAQ6E,EAAAhE,IAAS,MAATA,SAAS,SAATA,EAAW+D,cAAU,MAAAC,SAAA,SAAAA,EAAEhF,cAAc,SACnD,GAAIG,EAAO,CACTA,EAAM8E,MAAMC,UAAY,SACxB/E,EAAM8E,MAAME,QAAU,G,EAG1BzI,KAAKiF,sB,CAIP,iBAAAyD,CAAkB9D,GAChB,MAAM7B,EAAO6B,EAAG+D,OAAO9F,MACvB7C,KAAK8C,WAAWC,E,CAoMlB,MAAAlB,GACE,MAAM+G,WACJA,EAAUC,UACVA,EAASpC,6BACTA,EAA4BnE,oBAC5BA,EAAmBjC,KACnBA,EAAIyI,eACJA,EAAcC,eACdA,EAAcC,wBACdA,EAAuBC,oBACvBA,EAAmBjB,UACnBA,EAASD,qBACTA,EAAoBE,mBACpBA,EAAkBX,qBAClBA,EAAoBG,mBACpBA,EAAkB9D,WAClBA,EAAUX,WACVA,EAAU4C,mBACVA,GACE5F,KAEJ,OACE8B,EAAA,OACEE,MAAO,CACL,CAAC,kBAAmB,KACpB,CAAC,kBAAkB6G,KAAc,MAEnCK,IAAM5H,GAAQtB,KAAKqD,gBAAkB/B,KAElCyH,GAAkBC,IACnBlH,EAAA,OAAKE,MAAM,iBACRgH,GACClH,EAAA,OAAKE,MAAM,yBACTF,EAAA,iBACEE,MAAO,CACL,CAAC,mBAAmB4G,KAAe,KACnC,CAAC,gCAAiC,MAEpC1G,QAAQ,QACRiH,QAASnJ,KAAKgF,+BAEbsC,EAAoB,SAAQW,GAE/BnG,EAAA,aACEsH,MAAK,KACL1C,MAAM,uBACN1E,MAAM,uBACNqH,UAAS,KACTC,QAAS7C,EACT5D,MAAO+C,EACP2D,WAAYvJ,KAAKyC,mBACjByG,IAAM5H,GAA6BtB,KAAK4C,eAAiBtB,MAI7DyH,IACCD,IAAmB,OAClBhH,EAAA,iBACEE,MAAO,CACL,CAAC,mBAAmB4G,KAAe,KACnC,CAAC,yBAA0B,MAE7B1G,QAAQ,QAAO,YACL,UAETlC,KAAKiH,aAAe,GAAK,KAAKQ,KAC9BzH,KAAKiH,WAAa,GACjB,GAAGjH,KAAKiD,gBAAgBjD,KAAKiH,iBAC3BjH,KAAK+F,cACH0B,IAAqBzH,KAAK+F,WAAa,EAAI,IAAM,MAGzDjE,EAAA,iBACEE,MAAO,CACL,CAAC,mBAAmB4G,KAAe,KACnC,CAAC,yBAA0B,MAE7B1G,QAAQ,QAAO,YACL,UAET6F,EAAoB,IAAG/E,EAAU,OAAMW,KAKlD7B,EAAA,OACEE,MAAO,CACL,CAAC,uBAAwB,KACzB,CAAC,4BAA6BhC,KAAKkF,oBAGrCpD,EAAA,OAAKE,MAAM,qBACTF,EAAA,iBACE8G,WAAYA,EACZvI,KAAMA,EACNmJ,MAAO7F,EACP+C,MAAOsB,EACPkB,IAAM5H,GAAiCtB,KAAK4D,aAAetC,EAC3D8F,YAAapE,KAGhBiG,GACCnH,EAAA,OAAKE,MAAM,qBACTF,EAAA,iBACEE,MAAO,CAAE,CAAC,mBAAmB4G,KAAe,MAC5C1G,QAAQ,QACRiH,QAASnJ,KAAKoE,2BAAyB,SAEhC6D,GAETnG,EAAA,cACE4E,MAAO1G,KAAK0F,WACZ+D,OAAQ,IAAInH,IACZoH,aAAY,KACZC,aAAY,KACZT,IAAM5H,GACHtB,KAAKgE,mBAAqB1C,GAG7BQ,EAAA,iBACEzB,KAAK,SACLuJ,KAAK,QACLlD,MAAOpE,EACPN,MAAOM,EACPuH,GAAIvH,EACJ+G,UAAS,KACTS,UAAW9J,KAAK2E,cAChBoF,QAAS/J,KAAK8E,YACdkF,QAAShK,KAAKwE,kBACdyF,IAAKtG,EACLuD,IAAI,IACJgD,yBAAwB,KACxBC,OAAQnK,KAAKqE,WACb+F,QAASpK,KAAKuE,YACd2E,IAAM5H,GAAgCtB,KAAK0D,YAAcpC,KAG7DQ,EAAA,aACE8G,WAAYA,EACZ1G,QAAQ,YACRiH,QAASnJ,KAAKwD,SACdoG,KAAK,QACL5H,MAAM,qBAAmB,Q"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as i,h as t,H as e,g as o}from"./p-8455d1bb.js";import{D as s,b as n,e as a,z as r}from"./p-8128572e.js";import{C as h}from"./p-170ddfc2.js";import"./p-fd186591.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid var(--ic-architectural-200);padding:var(--ic-space-md) 0}:host .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{height:2.5rem;width:100%;text-align:left}:host(.in-side-menu) .navigation-group .ic-typography-label{width:11.875rem}:host(.in-side-menu) .navigation-group-side-menu{color:var(--ic-action-default);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-action-default);justify-content:flex-start;padding-left:var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::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{top:0.15em;transform:rotate(-45deg)}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text);outline:none;cursor:pointer}:host(:not(.in-side-menu)) .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,:host(.in-side-menu) .navigation-group-side-menu:active,:host(.in-side-menu) .navigation-group-side-menu:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}:host(.in-side-menu) .navigation-group-side-menu:focus{outline:var(--ic-hc-focus-outline)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed: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),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-action-dark-bg-active);color:var(--ic-action-default)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed: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{background-color:var(--ic-architectural-20);border-bottom:var(--ic-border-default);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{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{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.navigation-group-side-nav) .link,:host(.navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.navigation-group-side-nav) .navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}:host(.navigation-group-side-nav) .navigation-group:hover,:host(.navigation-group-side-nav) .navigation-group:active,:host(.navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}';const u=class{constructor(e){i(this,e);this.allGroupedNavigationItems=[];this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS=100;this.IC_NAVIGATION_ITEM="ic-navigation-item";this.mouseGate=false;this.nodeName="IC-NAVIGATION-GROUP";this.GROUPED_LINKS_WRAPPER_CLASS=".grouped-links-wrapper";this.sideNavExpandHandler=i=>{this.isSideNavExpanded=i.detail.sideNavExpanded;const t=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);if(!t)return;if(this.isSideNavExpanded){if(this.expanded&&this.expandedNavItemsHeight){this.setGroupedLinksElementHeight(t,this.expandedNavItemsHeight)}else if(this.expanded){setTimeout((()=>{this.expandedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(t,this.expandedNavItemsHeight)}),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}}else{if(this.expanded&&this.collapsedNavItemsHeight){this.setGroupedLinksElementHeight(t,this.collapsedNavItemsHeight)}else if(this.expanded){setTimeout((()=>{this.collapsedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(t,this.collapsedNavItemsHeight)}),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}}};this.topNavResizedHandler=({detail:i})=>{var t;const{size:e}=i;if(e!==this.deviceSize){this.deviceSize=e;this.inTopNavSideMenu=e<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||s.L)}};this.setGroupedNavItemTabIndex=i=>{this.el.querySelectorAll(this.IC_NAVIGATION_ITEM).forEach((t=>{const e=t.shadowRoot.querySelector("a")||t.querySelector("a");if(e){e.setAttribute("tabindex",i)}}))};this.toggleGroupedLinkWrapperHeight=(i,t)=>{if(!i)return;if(t){if(this.isSideNavExpanded){this.setGroupedLinksElementHeight(i,this.expandedNavItemsHeight)}else{this.setGroupedLinksElementHeight(i,this.collapsedNavItemsHeight)}this.setGroupedNavItemTabIndex("0")}else{i.style.setProperty("--navigation-child-items-height","0");this.setGroupedNavItemTabIndex("-1")}};this.toggleExpanded=()=>{this.expanded=!this.expanded;const i=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);this.toggleGroupedLinkWrapperHeight(i,this.expanded)};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{const t=i.relatedTarget;if(!this.el.contains(t)){this.hideDropdown()}};this.handleTopNavKeydown=i=>{if(i.key===" "||i.key==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu&&i.key==="Escape"){this.hideDropdown()}};this.handleKeydown=i=>{if(i.key==="Enter"||i.key===" "||i.key==="Escape"){switch(this.navigationType){case"top":this.handleTopNavKeydown(i);break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(!this.el.contains(t)&&t!==this.dropdown&&document.activeElement!==this.el&&!this.el.contains(document.activeElement)&&(t===null||t===void 0?void 0:t.nodeName)===this.nodeName&&this.dropdownOpen===true){this.mouseGate=true;this.hideDropdown()}else if(!this.el.contains(t)&&t!==this.dropdown&&!this.el.contains(document.activeElement)){this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if((t===null||t===void 0?void 0:t.nodeName)===this.nodeName&&this.mouseGate===true){this.showDropdown()}else if(this.dropdownOpen===false&&t!==null&&this.mouseGate===false){this.mouseGate=true;setTimeout((()=>{this.mouseGate&&this.showDropdown()}),500)}};this.renderDropdownGroupedLinks=()=>t("div",{class:{["navigation-group-dropdown"]:!this.inTopNavSideMenu,["navigation-group-dropdown-side-menu"]:this.inTopNavSideMenu,["selected"]:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:null,ref:i=>this.dropdown=i},t("nav",{class:{["navigation-group-dropdown-items"]:!this.inTopNavSideMenu}},t("ul",null,t("slot",null))));this.renderGroupedLinks=()=>t("ul",{class:"grouped-links-wrapper"},t("slot",null));this.getNavigationChildItemsHeight=()=>{let i=0;this.allGroupedNavigationItems.forEach((t=>{i+=t.offsetHeight}));return`${i}px`};this.setInitialGroupedLinksWrapperHeight=()=>{const i=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);if(!i)return;if(!this.isSideNavExpanded&&!this.collapsedNavItemsHeight&&this.expanded){this.collapsedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(i,this.collapsedNavItemsHeight)}if(this.isSideNavExpanded&&this.expanded){this.expandedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(i,this.expandedNavItemsHeight)}};this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return this.renderDropdownGroupedLinks()}if(this.navigationType!=="top"){return this.renderGroupedLinks()}return null};this.deviceSize=s.XL;this.dropdownOpen=false;this.expanded=true;this.focusStyle=n();this.inTopNavSideMenu=false;this.navigationType=undefined;this.parentEl=undefined;this.expandable=false;this.label=undefined}disconnectedCallback(){var i,t;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("sideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("topNavResized",this.topNavResizedHandler)}}componentWillLoad(){this.deviceSize=a();const{navType:i,parent:t}=r(this.el);this.navigationType=i;this.parentEl=t;if(this.navigationType==="side"){this.parentEl.addEventListener("sideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.addEventListener("topNavResized",this.topNavResizedHandler);if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}}componentDidLoad(){this.allGroupedNavigationItems=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));setTimeout((()=>this.setInitialGroupedLinksWrapperHeight()),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}childBlurHandler(){this.hideDropdown()}navItemClickHandler(){this.hideDropdown()}themeChangeHandler(i){const t=i.detail;this.focusStyle=t.mode}async setFocus(){if(this.groupEl){this.groupEl.focus()}}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}showDropdown(){if(!this.dropdownOpen){this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}setGroupedLinksElementHeight(i,t){i.style.setProperty("--navigation-child-items-height",t)}render(){const{label:i,dropdownOpen:o,inTopNavSideMenu:s,expandable:n}=this;return t(e,{class:{["in-side-menu"]:s,expanded:this.expanded,collapsed:!this.expanded,["navigation-group-side-nav"]:this.navigationType==="side"},role:"listitem"},t("button",{onMouseEnter:!s&&this.navigationType==="top"&&this.handleMouseEnter,onMouseLeave:this.navigationType==="top"&&this.handleMouseLeave,tabindex:s&&!n?"-1":"0",onBlur:this.handleBlur,onClick:n?this.handleClick:null,onKeyDown:this.handleKeydown,class:{["navigation-group"]:true,[this.focusStyle]:!s,["navigation-group-side-menu"]:s&&!n,["navigation-group-side-menu-collapsed"]:s&&n&&!o,["navigation-group-side-menu-expanded"]:s&&n&&o,["selected"]:o&&!s},ref:i=>this.groupEl=i,"aria-expanded":`${o||this.expanded}`,"aria-haspopup":`${!s&&this.navigationType==="top"}`},t("ic-typography",{variant:this.navigationType==="side"?"caption":"label"},i),this.navigationType==="side"&&n&&t("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":this.expanded},innerHTML:h})),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return o(this)}};u.style=d;export{u as ic_navigation_group};
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as i,h as t,H as e,g as o}from"./p-8455d1bb.js";import{D as s,d as n,f as a,z as r}from"./p-3a3a8a71.js";import{C as h}from"./p-170ddfc2.js";import"./p-fd186591.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid var(--ic-architectural-200);padding:var(--ic-space-md) 0}:host .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{height:2.5rem;width:100%;text-align:left}:host(.in-side-menu) .navigation-group .ic-typography-label{width:11.875rem}:host(.in-side-menu) .navigation-group-side-menu{color:var(--ic-action-default);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-action-default);justify-content:flex-start;padding-left:var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::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{top:0.15em;transform:rotate(-45deg)}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text);outline:none;cursor:pointer}:host(:not(.in-side-menu)) .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,:host(.in-side-menu) .navigation-group-side-menu:active,:host(.in-side-menu) .navigation-group-side-menu:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}:host(.in-side-menu) .navigation-group-side-menu:focus{outline:var(--ic-hc-focus-outline)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed: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),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-action-dark-bg-active);color:var(--ic-action-default)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed: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{background-color:var(--ic-architectural-20);border-bottom:var(--ic-border-default);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{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{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.navigation-group-side-nav) .link,:host(.navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.navigation-group-side-nav) .navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}:host(.navigation-group-side-nav) .navigation-group:hover,:host(.navigation-group-side-nav) .navigation-group:active,:host(.navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}';const u=class{constructor(e){i(this,e);this.allGroupedNavigationItems=[];this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS=100;this.IC_NAVIGATION_ITEM="ic-navigation-item";this.mouseGate=false;this.nodeName="IC-NAVIGATION-GROUP";this.GROUPED_LINKS_WRAPPER_CLASS=".grouped-links-wrapper";this.sideNavExpandHandler=i=>{this.isSideNavExpanded=i.detail.sideNavExpanded;const t=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);if(!t)return;if(this.isSideNavExpanded){if(this.expanded&&this.expandedNavItemsHeight){this.setGroupedLinksElementHeight(t,this.expandedNavItemsHeight)}else if(this.expanded){setTimeout((()=>{this.expandedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(t,this.expandedNavItemsHeight)}),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}}else{if(this.expanded&&this.collapsedNavItemsHeight){this.setGroupedLinksElementHeight(t,this.collapsedNavItemsHeight)}else if(this.expanded){setTimeout((()=>{this.collapsedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(t,this.collapsedNavItemsHeight)}),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}}};this.topNavResizedHandler=({detail:i})=>{var t;const{size:e}=i;if(e!==this.deviceSize){this.deviceSize=e;this.inTopNavSideMenu=e<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||s.L)}};this.setGroupedNavItemTabIndex=i=>{this.el.querySelectorAll(this.IC_NAVIGATION_ITEM).forEach((t=>{const e=t.shadowRoot.querySelector("a")||t.querySelector("a");if(e){e.setAttribute("tabindex",i)}}))};this.toggleGroupedLinkWrapperHeight=(i,t)=>{if(!i)return;if(t){if(this.isSideNavExpanded){this.setGroupedLinksElementHeight(i,this.expandedNavItemsHeight)}else{this.setGroupedLinksElementHeight(i,this.collapsedNavItemsHeight)}this.setGroupedNavItemTabIndex("0")}else{i.style.setProperty("--navigation-child-items-height","0");this.setGroupedNavItemTabIndex("-1")}};this.toggleExpanded=()=>{this.expanded=!this.expanded;const i=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);this.toggleGroupedLinkWrapperHeight(i,this.expanded)};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{const t=i.relatedTarget;if(!this.el.contains(t)){this.hideDropdown()}};this.handleTopNavKeydown=i=>{if(i.key===" "||i.key==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu&&i.key==="Escape"){this.hideDropdown()}};this.handleKeydown=i=>{if(i.key==="Enter"||i.key===" "||i.key==="Escape"){switch(this.navigationType){case"top":this.handleTopNavKeydown(i);break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(!this.el.contains(t)&&t!==this.dropdown&&document.activeElement!==this.el&&!this.el.contains(document.activeElement)&&(t===null||t===void 0?void 0:t.nodeName)===this.nodeName&&this.dropdownOpen===true){this.mouseGate=true;this.hideDropdown()}else if(!this.el.contains(t)&&t!==this.dropdown&&!this.el.contains(document.activeElement)){this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if((t===null||t===void 0?void 0:t.nodeName)===this.nodeName&&this.mouseGate===true){this.showDropdown()}else if(this.dropdownOpen===false&&t!==null&&this.mouseGate===false){this.mouseGate=true;setTimeout((()=>{this.mouseGate&&this.showDropdown()}),500)}};this.renderDropdownGroupedLinks=()=>t("div",{class:{["navigation-group-dropdown"]:!this.inTopNavSideMenu,["navigation-group-dropdown-side-menu"]:this.inTopNavSideMenu,["selected"]:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:null,ref:i=>this.dropdown=i},t("nav",{class:{["navigation-group-dropdown-items"]:!this.inTopNavSideMenu}},t("ul",null,t("slot",null))));this.renderGroupedLinks=()=>t("ul",{class:"grouped-links-wrapper"},t("slot",null));this.getNavigationChildItemsHeight=()=>{let i=0;this.allGroupedNavigationItems.forEach((t=>{i+=t.offsetHeight}));return`${i}px`};this.setInitialGroupedLinksWrapperHeight=()=>{const i=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);if(!i)return;if(!this.isSideNavExpanded&&!this.collapsedNavItemsHeight&&this.expanded){this.collapsedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(i,this.collapsedNavItemsHeight)}if(this.isSideNavExpanded&&this.expanded){this.expandedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(i,this.expandedNavItemsHeight)}};this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return this.renderDropdownGroupedLinks()}if(this.navigationType!=="top"){return this.renderGroupedLinks()}return null};this.deviceSize=s.XL;this.dropdownOpen=false;this.expanded=true;this.focusStyle=n();this.inTopNavSideMenu=false;this.navigationType=undefined;this.parentEl=undefined;this.expandable=false;this.label=undefined}disconnectedCallback(){var i,t;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("sideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("topNavResized",this.topNavResizedHandler)}}componentWillLoad(){this.deviceSize=a();const{navType:i,parent:t}=r(this.el);this.navigationType=i;this.parentEl=t;if(this.navigationType==="side"){this.parentEl.addEventListener("sideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.addEventListener("topNavResized",this.topNavResizedHandler);if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}}componentDidLoad(){this.allGroupedNavigationItems=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));setTimeout((()=>this.setInitialGroupedLinksWrapperHeight()),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}childBlurHandler(){this.hideDropdown()}navItemClickHandler(){this.hideDropdown()}themeChangeHandler(i){const t=i.detail;this.focusStyle=t.mode}async setFocus(){if(this.groupEl){this.groupEl.focus()}}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}showDropdown(){if(!this.dropdownOpen){this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}setGroupedLinksElementHeight(i,t){i.style.setProperty("--navigation-child-items-height",t)}render(){const{label:i,dropdownOpen:o,inTopNavSideMenu:s,expandable:n}=this;return t(e,{class:{["in-side-menu"]:s,expanded:this.expanded,collapsed:!this.expanded,["navigation-group-side-nav"]:this.navigationType==="side"},role:"listitem"},t("button",{onMouseEnter:!s&&this.navigationType==="top"&&this.handleMouseEnter,onMouseLeave:this.navigationType==="top"&&this.handleMouseLeave,tabindex:s&&!n?"-1":"0",onBlur:this.handleBlur,onClick:n?this.handleClick:null,onKeyDown:this.handleKeydown,class:{["navigation-group"]:true,[this.focusStyle]:!s,["navigation-group-side-menu"]:s&&!n,["navigation-group-side-menu-collapsed"]:s&&n&&!o,["navigation-group-side-menu-expanded"]:s&&n&&o,["selected"]:o&&!s},ref:i=>this.groupEl=i,"aria-expanded":`${o||this.expanded}`,"aria-haspopup":`${!s&&this.navigationType==="top"}`},t("ic-typography",{variant:this.navigationType==="side"?"caption":"label"},i),this.navigationType==="side"&&n&&t("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":this.expanded},innerHTML:h})),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return o(this)}};u.style=d;export{u as ic_navigation_group};
|
2
|
+
//# sourceMappingURL=p-6bd76154.entry.js.map
|