@duetds/components 6.9.9 → 6.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/hydrate/index.js +124 -15
- package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-alert.cjs.entry.js +1 -1
- package/lib/cjs/duet-badge.cjs.entry.js +1 -1
- package/lib/cjs/duet-banner.cjs.entry.js +5 -5
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
- package/lib/cjs/duet-button_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-callout.cjs.entry.js +1 -1
- package/lib/cjs/duet-caption_4.cjs.entry.js +3 -3
- package/lib/cjs/duet-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
- package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
- package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
- package/lib/cjs/duet-contact-card.cjs.entry.js +1 -1
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
- package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +3 -3
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +16 -5
- package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-header_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-hero.cjs.entry.js +1 -1
- package/lib/cjs/duet-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar.cjs.entry.js +2 -2
- package/lib/cjs/duet-modal.cjs.entry.js +2 -2
- package/lib/cjs/duet-multiselect.cjs.entry.js +1 -1
- package/lib/cjs/duet-nav.cjs.entry.js +1 -1
- package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
- package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-progress.cjs.entry.js +1 -1
- package/lib/cjs/duet-promo-card.cjs.entry.js +54 -0
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +27 -6
- package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout.cjs.entry.js +4 -4
- package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +2 -2
- package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip.cjs.entry.js +2 -2
- package/lib/cjs/duet-tray.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +2 -2
- package/lib/cjs/{focus-utils-fa983dd9.js → focus-utils-fbc4272e.js} +1 -1
- package/lib/cjs/{index-6458021e.js → index-800daca9.js} +1 -1
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/cjs/{token-utils-966776e9.js → token-utils-c1864408.js} +1 -1
- package/lib/cjs/{tokens-21b244ee.js → tokens-30e7656b.js} +6 -0
- package/lib/cjs/{tokens.module-d402cfac.js → tokens.module-5fe478ed.js} +4 -0
- package/lib/collection/collection-manifest.json +1 -0
- package/lib/collection/components/duet-action-button/duet-action-button.css +1 -1
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
- package/lib/collection/components/duet-alert/duet-alert.js +1 -1
- package/lib/collection/components/duet-banner/duet-banner.css +15 -1
- package/lib/collection/components/duet-banner/duet-banner.js +1 -1
- package/lib/collection/components/duet-button/duet-button.css +29 -0
- package/lib/collection/components/duet-button/duet-button.js +6 -6
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.css +3 -1
- package/lib/collection/components/duet-card/duet-card.js +3 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
- package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.css +27 -0
- package/lib/collection/components/duet-footer/duet-footer.js +25 -11
- package/lib/collection/components/duet-grid/duet-grid.js +3 -3
- package/lib/collection/components/duet-header/duet-header.js +15 -15
- package/lib/collection/components/duet-heading/duet-heading.js +1 -1
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.js +1 -1
- package/lib/collection/components/duet-input/duet-input.js +8 -8
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +1 -1
- package/lib/collection/components/duet-list/duet-list.js +3 -3
- package/lib/collection/components/duet-logo/duet-logo.js +3 -3
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
- package/lib/collection/components/duet-modal/duet-modal.js +3 -3
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-pagination/duet-pagination.js +2 -2
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
- package/lib/collection/components/duet-promo-card/duet-promo-card.css +87 -0
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +191 -0
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +1 -1
- package/lib/collection/components/duet-scrollable/duet-scrollable.css +20 -0
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +87 -5
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-slideout/duet-slideout.js +1 -1
- package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
- package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
- package/lib/collection/components/duet-upload/duet-upload.js +13 -13
- package/lib/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-badge.js +1 -1
- package/lib/dist-custom-elements/duet-banner.js +10 -16
- package/lib/dist-custom-elements/duet-breadcrumb.js +2 -2
- package/lib/dist-custom-elements/duet-breadcrumbs.js +2 -2
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +3 -3
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +5 -5
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-checkmark.js +1 -1
- package/lib/dist-custom-elements/duet-choice-group.js +6 -6
- package/lib/dist-custom-elements/duet-choice.js +5 -5
- package/lib/dist-custom-elements/duet-collapsible.js +3 -3
- package/lib/dist-custom-elements/duet-combobox.js +2 -2
- package/lib/dist-custom-elements/duet-contact-card.js +8 -8
- package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
- package/lib/dist-custom-elements/duet-date-picker.js +10 -10
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +7 -7
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-fieldset.js +1 -1
- package/lib/dist-custom-elements/duet-footer.js +19 -8
- package/lib/dist-custom-elements/duet-grid-item.js +1 -1
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +9 -9
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +9 -9
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-label.js +1 -1
- package/lib/dist-custom-elements/duet-layout.js +1 -1
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-list-item.js +1 -1
- package/lib/dist-custom-elements/duet-list.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar-link.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar.js +3 -3
- package/lib/dist-custom-elements/duet-modal.js +7 -7
- package/lib/dist-custom-elements/duet-multiselect.js +8 -8
- package/lib/dist-custom-elements/duet-nav.js +1 -1
- package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
- package/lib/dist-custom-elements/duet-notification.js +2 -2
- package/lib/dist-custom-elements/duet-number-input.js +9 -9
- package/lib/dist-custom-elements/duet-page-heading.js +2 -2
- package/lib/dist-custom-elements/duet-pagination.js +7 -7
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-progress.js +1 -1
- package/lib/dist-custom-elements/duet-promo-card.d.ts +11 -0
- package/lib/dist-custom-elements/duet-promo-card.js +86 -0
- package/lib/dist-custom-elements/duet-radio-group.js +6 -6
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +3 -3
- package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +1 -1
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
- package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
- package/lib/dist-custom-elements/duet-slideout-panel.js +3 -3
- package/lib/dist-custom-elements/duet-slideout.js +3 -3
- package/lib/dist-custom-elements/duet-spacer.js +1 -1
- package/lib/dist-custom-elements/duet-spinner.js +1 -1
- package/lib/dist-custom-elements/duet-step.js +4 -4
- package/lib/dist-custom-elements/duet-stepper.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar.js +3 -3
- package/lib/dist-custom-elements/duet-tab-group.js +27 -15
- package/lib/dist-custom-elements/duet-tab.js +1 -1
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +8 -8
- package/lib/dist-custom-elements/duet-toggle.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +4 -4
- package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +17 -17
- package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/index.js +1 -1
- package/lib/dist-custom-elements/{p-f75ab0c6.js → p-3030c398.js} +1 -1
- package/lib/dist-custom-elements/{p-2016d4b6.js → p-3545220c.js} +6 -6
- package/lib/dist-custom-elements/{p-5a47bc96.js → p-37238939.js} +50 -8
- package/lib/dist-custom-elements/{p-1c96efe4.js → p-383843b5.js} +5 -5
- package/lib/dist-custom-elements/{p-82c0eb06.js → p-3ad54bf2.js} +2 -2
- package/lib/dist-custom-elements/{p-6b78d508.js → p-3d2d4efa.js} +2 -2
- package/lib/dist-custom-elements/{p-c743a945.js → p-552a5bb2.js} +1 -1
- package/lib/dist-custom-elements/{p-41292d2c.js → p-57ad5c17.js} +2 -2
- package/lib/dist-custom-elements/{p-ce8cf9ec.js → p-5c435996.js} +2 -2
- package/lib/dist-custom-elements/{p-03fac45c.js → p-636fb80b.js} +1 -1
- package/lib/dist-custom-elements/{p-89f3161e.js → p-72e6996e.js} +1 -1
- package/lib/dist-custom-elements/{p-5ead396d.js → p-741d215a.js} +5 -5
- package/lib/dist-custom-elements/{p-28a2867d.js → p-74d7de0d.js} +2 -2
- package/lib/dist-custom-elements/{p-c378c210.js → p-78011b32.js} +1 -1
- package/lib/dist-custom-elements/{p-92a019ee.js → p-82c34274.js} +2 -2
- package/lib/dist-custom-elements/{p-5b5d17f3.js → p-8cd13b05.js} +3 -3
- package/lib/dist-custom-elements/{p-87d2c0ec.js → p-96efa345.js} +1 -1
- package/lib/dist-custom-elements/{p-64a956b4.js → p-97fb5b2d.js} +4 -4
- package/lib/dist-custom-elements/{p-7dd80f67.js → p-9c8cfcf0.js} +1 -1
- package/lib/dist-custom-elements/{p-03a771e5.js → p-a938b3e8.js} +1 -1
- package/lib/dist-custom-elements/{p-0a69e3b3.js → p-b24fe485.js} +2 -2
- package/lib/dist-custom-elements/{p-2f00315d.js → p-b2671479.js} +1 -1
- package/lib/{esm/tokens-20d688dc.js → dist-custom-elements/p-b519ac77.js} +6 -0
- package/lib/dist-custom-elements/{p-33febd8f.js → p-b55f0f8e.js} +6 -6
- package/lib/dist-custom-elements/{p-91b3be02.js → p-d1414d18.js} +1 -1
- package/lib/dist-custom-elements/{p-890d1070.js → p-de68431d.js} +1 -1
- package/lib/dist-custom-elements/{p-0cb56bb9.js → p-df44c118.js} +2 -2
- package/lib/dist-custom-elements/{p-8602f0db.js → p-dfe1f0a8.js} +2 -2
- package/lib/dist-custom-elements/{p-ca2e89f9.js → p-e04baccc.js} +3 -3
- package/lib/dist-custom-elements/{p-6ff98382.js → p-e64e9069.js} +1 -1
- package/lib/dist-custom-elements/{p-505389ac.js → p-e8475b3c.js} +4 -0
- package/lib/dist-custom-elements/{p-05a05595.js → p-f4aef53f.js} +2 -2
- package/lib/dist-custom-elements/{p-fa15f186.js → p-f68e555b.js} +8 -8
- package/lib/dist-custom-elements/{p-dcffecc4.js → p-fa14c66f.js} +2 -2
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-33e2e7fb.entry.js → p-000412ac.entry.js} +1 -1
- package/lib/duet/{p-1f6604b6.system.entry.js → p-0027ddbf.system.entry.js} +1 -1
- package/lib/duet/p-008c1a58.entry.js +4 -0
- package/lib/duet/{p-4c13b341.system.entry.js → p-00a09181.system.entry.js} +1 -1
- package/lib/duet/{p-8461814e.entry.js → p-012a2ce0.entry.js} +1 -1
- package/lib/duet/{p-0fef3886.entry.js → p-026340a6.entry.js} +1 -1
- package/lib/duet/{p-b719e4cb.entry.js → p-02f981f0.entry.js} +1 -1
- package/lib/duet/{p-deb0bb9c.entry.js → p-037c4435.entry.js} +1 -1
- package/lib/duet/{p-1b2b7dff.entry.js → p-044ad522.entry.js} +1 -1
- package/lib/duet/{p-9bdfa86b.system.entry.js → p-0559c939.system.entry.js} +1 -1
- package/lib/duet/{p-40832454.entry.js → p-0564c573.entry.js} +1 -1
- package/lib/duet/{p-c733066c.entry.js → p-08720a1b.entry.js} +1 -1
- package/lib/duet/{p-5d8d2ad9.entry.js → p-0c8eaaff.entry.js} +1 -1
- package/lib/duet/p-10d2fbee.entry.js +4 -0
- package/lib/duet/{p-d85a7192.system.entry.js → p-13ec59a5.system.entry.js} +1 -1
- package/lib/duet/p-149a950c.entry.js +4 -0
- package/lib/duet/{p-0befd44d.system.entry.js → p-14b1b60b.system.entry.js} +1 -1
- package/lib/duet/{p-af4ac5be.entry.js → p-185c367d.entry.js} +1 -1
- package/lib/duet/{p-b2626ec8.system.entry.js → p-1afc8ff9.system.entry.js} +1 -1
- package/lib/duet/{p-c5114bba.system.entry.js → p-1e10d6e2.system.entry.js} +1 -1
- package/lib/duet/{p-5ec6c209.system.entry.js → p-1e387d9c.system.entry.js} +1 -1
- package/lib/duet/{p-c2bb41f9.entry.js → p-1e494e22.entry.js} +1 -1
- package/lib/duet/{p-8764cdb4.entry.js → p-1fa425d5.entry.js} +1 -1
- package/lib/duet/{p-09a14ff5.entry.js → p-1ff0cf82.entry.js} +1 -1
- package/lib/duet/{p-eb8a72f4.system.entry.js → p-221f817d.system.entry.js} +1 -1
- package/lib/duet/p-232e3448.entry.js +4 -0
- package/lib/duet/p-238922fa.system.entry.js +4 -0
- package/lib/duet/{p-d845a37f.system.entry.js → p-23baee2b.system.entry.js} +1 -1
- package/lib/duet/{p-8bfb274a.entry.js → p-243440a4.entry.js} +1 -1
- package/lib/duet/{p-8f689ce6.system.entry.js → p-24745bad.system.entry.js} +1 -1
- package/lib/duet/{p-f3e40435.system.entry.js → p-25497257.system.entry.js} +1 -1
- package/lib/duet/{p-86d94665.system.entry.js → p-283ebb7f.system.entry.js} +1 -1
- package/lib/duet/{p-33795872.entry.js → p-28e7bb58.entry.js} +1 -1
- package/lib/duet/{p-c04c6248.entry.js → p-2aaa024e.entry.js} +1 -1
- package/lib/duet/{p-fc5b6b43.system.entry.js → p-2cf703de.system.entry.js} +1 -1
- package/lib/duet/{p-df68b590.entry.js → p-2d4742d1.entry.js} +1 -1
- package/lib/duet/{p-e1284442.entry.js → p-2df896f8.entry.js} +1 -1
- package/lib/duet/{p-bf455575.system.entry.js → p-2e4c06ab.system.entry.js} +1 -1
- package/lib/duet/{p-3fafab99.system.entry.js → p-2e9306c2.system.entry.js} +1 -1
- package/lib/duet/{p-b5d900d3.system.entry.js → p-2fa672b2.system.entry.js} +1 -1
- package/lib/duet/{p-677e25e4.system.entry.js → p-2fc605ca.system.entry.js} +1 -1
- package/lib/duet/{p-fcb0872f.system.entry.js → p-3013b019.system.entry.js} +1 -1
- package/lib/duet/{p-675d2789.entry.js → p-34fc68cc.entry.js} +1 -1
- package/lib/duet/{p-a4de801d.system.entry.js → p-35bd03c7.system.entry.js} +1 -1
- package/lib/duet/{p-858a8c64.system.entry.js → p-382edc5f.system.entry.js} +1 -1
- package/lib/duet/{p-a1b05275.system.entry.js → p-3e0e17a0.system.entry.js} +1 -1
- package/lib/duet/{p-8aafd4a7.entry.js → p-3e45156d.entry.js} +1 -1
- package/lib/duet/{p-39881509.system.entry.js → p-3fb081dc.system.entry.js} +1 -1
- package/lib/duet/p-4289d173.entry.js +4 -0
- package/lib/duet/{p-f893eaf3.entry.js → p-44cb4f55.entry.js} +1 -1
- package/lib/duet/p-45656aff.system.entry.js +4 -0
- package/lib/duet/p-45e609b1.system.js +4 -0
- package/lib/duet/{p-07cd43dd.system.entry.js → p-46429778.system.entry.js} +1 -1
- package/lib/duet/{p-223ddc9e.entry.js → p-47764e81.entry.js} +1 -1
- package/lib/duet/p-47e4204e.system.entry.js +4 -0
- package/lib/duet/{p-ed758b6d.entry.js → p-48de1718.entry.js} +1 -1
- package/lib/duet/{p-930685a4.system.entry.js → p-4e0b6493.system.entry.js} +1 -1
- package/lib/duet/{p-c7ad00f4.system.entry.js → p-4ec4a8cf.system.entry.js} +1 -1
- package/lib/duet/{p-dc811a3d.system.entry.js → p-4eef93c1.system.entry.js} +1 -1
- package/lib/duet/{p-c09bbafd.system.entry.js → p-4f0a0167.system.entry.js} +1 -1
- package/lib/duet/{p-07dc92fb.system.entry.js → p-5479176d.system.entry.js} +1 -1
- package/lib/duet/{p-898bc783.system.entry.js → p-54a0dcf8.system.entry.js} +1 -1
- package/lib/duet/{p-408c3116.system.entry.js → p-602d682c.system.entry.js} +1 -1
- package/lib/duet/{p-5c932b27.entry.js → p-60d9212f.entry.js} +1 -1
- package/lib/duet/{p-847ef90d.entry.js → p-613310ba.entry.js} +1 -1
- package/lib/duet/p-6155d256.system.js +4 -0
- package/lib/duet/{p-79cdfdac.system.entry.js → p-6455f7e3.system.entry.js} +1 -1
- package/lib/duet/{p-c8ba04d5.entry.js → p-6476db2f.entry.js} +1 -1
- package/lib/duet/p-668f7c59.system.entry.js +4 -0
- package/lib/duet/{p-11cd9794.system.entry.js → p-669a3254.system.entry.js} +1 -1
- package/lib/duet/{p-137eac42.entry.js → p-688b7b42.entry.js} +1 -1
- package/lib/duet/{p-553810c1.entry.js → p-68b3fb35.entry.js} +1 -1
- package/lib/duet/{p-c7c6b436.system.entry.js → p-6a37cde4.system.entry.js} +1 -1
- package/lib/duet/{p-9710c3f7.entry.js → p-6d088fe1.entry.js} +1 -1
- package/lib/duet/{p-7979217a.entry.js → p-6de132da.entry.js} +1 -1
- package/lib/duet/{p-44853a8f.entry.js → p-6f943c89.entry.js} +1 -1
- package/lib/duet/{p-ec943cac.system.entry.js → p-6fbef5ba.system.entry.js} +1 -1
- package/lib/duet/{p-ed2e78a7.system.entry.js → p-701e3dfb.system.entry.js} +1 -1
- package/lib/duet/{p-e2cd279a.system.entry.js → p-709a3bcc.system.entry.js} +1 -1
- package/lib/duet/{p-37c7cf28.entry.js → p-70ebb998.entry.js} +1 -1
- package/lib/duet/{p-450e63a4.system.js → p-71a46879.system.js} +1 -1
- package/lib/duet/{p-ec3e32a8.system.js → p-75bf0c67.system.js} +1 -1
- package/lib/duet/{p-e46fa9a5.system.entry.js → p-7b45a0a4.system.entry.js} +1 -1
- package/lib/duet/{p-b66695ef.system.entry.js → p-7f29eda3.system.entry.js} +1 -1
- package/lib/duet/{p-934ced59.system.entry.js → p-81250a24.system.entry.js} +1 -1
- package/lib/duet/{p-2f52c5c4.entry.js → p-82bdf011.entry.js} +1 -1
- package/lib/duet/{p-11315361.entry.js → p-86f91249.entry.js} +1 -1
- package/lib/duet/{p-5ec46b22.system.entry.js → p-877a6907.system.entry.js} +1 -1
- package/lib/duet/{p-59c24c1d.system.entry.js → p-8859f327.system.entry.js} +1 -1
- package/lib/duet/{p-7d6f73b0.system.entry.js → p-888d9f0a.system.entry.js} +1 -1
- package/lib/duet/{p-8608217b.system.entry.js → p-8934bed7.system.entry.js} +1 -1
- package/lib/duet/{p-723cfa6b.system.entry.js → p-8970a10f.system.entry.js} +1 -1
- package/lib/duet/{p-738d8474.entry.js → p-8ba78e5c.entry.js} +1 -1
- package/lib/duet/p-8c6e3c4f.system.js +4 -0
- package/lib/duet/{p-59d5ce79.system.entry.js → p-92f91e36.system.entry.js} +1 -1
- package/lib/duet/{p-962195fb.entry.js → p-93f1e120.entry.js} +1 -1
- package/lib/duet/{p-1e1c669f.entry.js → p-943b94e6.entry.js} +1 -1
- package/lib/duet/{p-01717a41.entry.js → p-9872b3f8.entry.js} +1 -1
- package/lib/duet/{p-9a1ecf90.entry.js → p-988287b4.entry.js} +1 -1
- package/lib/duet/{p-7585b32b.entry.js → p-98f352a6.entry.js} +1 -1
- package/lib/duet/{p-69af241b.system.entry.js → p-9a508e8a.system.entry.js} +1 -1
- package/lib/duet/p-9abdc5e1.entry.js +4 -0
- package/lib/duet/{p-f6cff5e9.entry.js → p-9c311a34.entry.js} +1 -1
- package/lib/duet/{p-1a5f720a.system.entry.js → p-9ce10545.system.entry.js} +2 -2
- package/lib/duet/{p-938f359e.system.entry.js → p-a16866b0.system.entry.js} +1 -1
- package/lib/duet/{p-3d2ff3f6.system.entry.js → p-a2123bdd.system.entry.js} +1 -1
- package/lib/duet/{p-ee9b7edd.system.entry.js → p-a22f0c5b.system.entry.js} +1 -1
- package/lib/duet/p-a3d2b027.system.entry.js +4 -0
- package/lib/duet/p-a44015d7.entry.js +4 -0
- package/lib/duet/{p-b0fcda06.system.entry.js → p-a5591ee4.system.entry.js} +1 -1
- package/lib/duet/{p-098d8b8a.entry.js → p-a69723b1.entry.js} +1 -1
- package/lib/duet/{p-73f9efad.js → p-a76ceaf6.js} +1 -1
- package/lib/duet/{p-af87553c.entry.js → p-aa7666da.entry.js} +1 -1
- package/lib/duet/p-abf41f20.system.entry.js +4 -0
- package/lib/duet/{p-bd1849d6.system.entry.js → p-adcc189e.system.entry.js} +1 -1
- package/lib/duet/{p-f1e68813.entry.js → p-ae1b8005.entry.js} +1 -1
- package/lib/duet/p-afcb0adb.entry.js +4 -0
- package/lib/duet/{p-4fd6be33.entry.js → p-b07d932a.entry.js} +1 -1
- package/lib/duet/{p-6a912ecd.entry.js → p-b3579acc.entry.js} +1 -1
- package/lib/duet/p-b519ac77.js +4 -0
- package/lib/duet/{p-3f7eb02a.system.entry.js → p-b526eeaa.system.entry.js} +1 -1
- package/lib/duet/{p-1a066cc4.system.entry.js → p-b60562d5.system.entry.js} +1 -1
- package/lib/duet/{p-d5e6a304.system.entry.js → p-b7c95452.system.entry.js} +1 -1
- package/lib/duet/{p-0f35e1d3.entry.js → p-b9475ad6.entry.js} +1 -1
- package/lib/duet/{p-d1ed830b.entry.js → p-b991ebfc.entry.js} +1 -1
- package/lib/duet/{p-6a5197de.js → p-bb49aaf4.js} +1 -1
- package/lib/duet/{p-64451781.entry.js → p-bb9f0ac9.entry.js} +1 -1
- package/lib/duet/{p-55d93288.entry.js → p-bdbb23d4.entry.js} +1 -1
- package/lib/duet/{p-a19b6ccf.entry.js → p-c3e1efb3.entry.js} +1 -1
- package/lib/duet/{p-3210abe1.entry.js → p-c4c876ea.entry.js} +1 -1
- package/lib/duet/{p-207e6b86.entry.js → p-cb3fd41e.entry.js} +1 -1
- package/lib/duet/{p-3004c42c.entry.js → p-d2dcddae.entry.js} +1 -1
- package/lib/duet/{p-afe7ce51.entry.js → p-e068a95b.entry.js} +1 -1
- package/lib/duet/{p-f42965e7.entry.js → p-e0da6f8e.entry.js} +1 -1
- package/lib/duet/{p-8959a0c0.entry.js → p-e1777110.entry.js} +1 -1
- package/lib/duet/{p-a2227d28.system.entry.js → p-e3465c7e.system.entry.js} +1 -1
- package/lib/duet/{p-f4b68f29.system.js → p-e53bec6b.system.js} +1 -1
- package/lib/duet/{p-cec4aeeb.entry.js → p-e5f844b7.entry.js} +1 -1
- package/lib/duet/{p-50086422.entry.js → p-e6b03e98.entry.js} +1 -1
- package/lib/duet/{p-f36d48e8.system.entry.js → p-ea28689d.system.entry.js} +1 -1
- package/lib/duet/{p-70296f0d.system.entry.js → p-ec21d1c7.system.entry.js} +1 -1
- package/lib/duet/{p-c3d22035.system.entry.js → p-ecd6a076.system.entry.js} +1 -1
- package/lib/duet/{p-abeb3b84.system.entry.js → p-f1fb6acf.system.entry.js} +1 -1
- package/lib/duet/p-f3c8d6d0.entry.js +4 -0
- package/lib/duet/{p-85172888.system.entry.js → p-f5148591.system.entry.js} +1 -1
- package/lib/duet/{p-05facbba.system.entry.js → p-f9a7f80a.system.entry.js} +1 -1
- package/lib/duet/{p-b8bcc305.entry.js → p-f9d3080d.entry.js} +1 -1
- package/lib/duet/{p-a49a5097.js → p-fd1df6f3.js} +1 -1
- package/lib/duet/{p-7c4baf1c.js → p-fd4785ab.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +4 -4
- package/lib/esm/duet-alert.entry.js +1 -1
- package/lib/esm/duet-badge.entry.js +1 -1
- package/lib/esm/duet-banner.entry.js +5 -5
- package/lib/esm/duet-breadcrumb.entry.js +1 -1
- package/lib/esm/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm/duet-button_2.entry.js +4 -4
- package/lib/esm/duet-callout.entry.js +1 -1
- package/lib/esm/duet-caption_4.entry.js +3 -3
- package/lib/esm/duet-card.entry.js +4 -4
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-checkmark.entry.js +1 -1
- package/lib/esm/duet-choice_2.entry.js +2 -2
- package/lib/esm/duet-collapsible.entry.js +2 -2
- package/lib/esm/duet-combobox.entry.js +1 -1
- package/lib/esm/duet-contact-card.entry.js +1 -1
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +2 -2
- package/lib/esm/duet-divider_2.entry.js +3 -3
- package/lib/esm/duet-editable-table_3.entry.js +3 -3
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +16 -5
- package/lib/esm/duet-grid_2.entry.js +2 -2
- package/lib/esm/duet-header_2.entry.js +3 -3
- package/lib/esm/duet-hero.entry.js +1 -1
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-input_2.entry.js +1 -1
- package/lib/esm/duet-layout.entry.js +1 -1
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-menu-bar-button.entry.js +2 -2
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
- package/lib/esm/duet-menu-bar-link.entry.js +2 -2
- package/lib/esm/duet-menu-bar.entry.js +2 -2
- package/lib/esm/duet-modal.entry.js +2 -2
- package/lib/esm/duet-multiselect.entry.js +1 -1
- package/lib/esm/duet-nav.entry.js +1 -1
- package/lib/esm/duet-notification_2.entry.js +1 -1
- package/lib/esm/duet-number-input.entry.js +1 -1
- package/lib/esm/duet-page-heading.entry.js +1 -1
- package/lib/esm/duet-pagination_2.entry.js +1 -1
- package/lib/esm/duet-progress.entry.js +1 -1
- package/lib/esm/duet-promo-card.entry.js +50 -0
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +2 -2
- package/lib/esm/duet-scrollable_3.entry.js +27 -6
- package/lib/esm/duet-section-layout.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +1 -1
- package/lib/esm/duet-slideout-lang.entry.js +1 -1
- package/lib/esm/duet-slideout-link.entry.js +1 -1
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
- package/lib/esm/duet-slideout-panel.entry.js +4 -4
- package/lib/esm/duet-slideout.entry.js +4 -4
- package/lib/esm/duet-step_2.entry.js +1 -1
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar.entry.js +2 -2
- package/lib/esm/duet-textarea.entry.js +1 -1
- package/lib/esm/duet-toggle.entry.js +1 -1
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm/duet-toolbar-dropdown.entry.js +1 -1
- package/lib/esm/duet-toolbar-link.entry.js +1 -1
- package/lib/esm/duet-toolbar.entry.js +1 -1
- package/lib/esm/duet-tooltip.entry.js +2 -2
- package/lib/esm/duet-tray.entry.js +2 -2
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +3 -3
- package/lib/esm/{focus-utils-9f1c7598.js → focus-utils-28d5fb4c.js} +1 -1
- package/lib/esm/{index-73ee1942.js → index-36c4b0e6.js} +1 -1
- package/lib/esm/loader.js +3 -3
- package/lib/esm/{token-utils-5f4f3897.js → token-utils-a1dcaa4b.js} +1 -1
- package/lib/{dist-custom-elements/p-cb9787ec.js → esm/tokens-f6b32339.js} +6 -0
- package/lib/esm/{tokens.module-5601adc9.js → tokens.module-ed773027.js} +4 -0
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-checkmark.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-contact-card.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +1 -1
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +4 -0
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +2 -2
- package/lib/esm-es5/duet-section-layout.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +1 -1
- package/lib/esm-es5/duet-step_2.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +2 -2
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +2 -2
- package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/focus-utils-28d5fb4c.js +4 -0
- package/lib/esm-es5/{index-73ee1942.js → index-36c4b0e6.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{token-utils-5f4f3897.js → token-utils-a1dcaa4b.js} +1 -1
- package/lib/esm-es5/tokens-f6b32339.js +4 -0
- package/lib/esm-es5/tokens.module-ed773027.js +4 -0
- package/lib/types/components/duet-button/duet-button.d.ts +1 -1
- package/lib/types/components/duet-footer/duet-footer.d.ts +8 -1
- package/lib/types/components/duet-logo/duet-logo.d.ts +6 -0
- package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +42 -0
- package/lib/types/components/duet-scrollable/duet-scrollable.d.ts +17 -0
- package/lib/types/components.d.ts +97 -0
- package/package.json +5 -5
- package/lib/duet/p-02c4a268.entry.js +0 -4
- package/lib/duet/p-2cf26ac0.entry.js +0 -4
- package/lib/duet/p-45b5eb38.system.entry.js +0 -4
- package/lib/duet/p-4a8f88cd.entry.js +0 -4
- package/lib/duet/p-67f9d03d.entry.js +0 -4
- package/lib/duet/p-70813bbd.entry.js +0 -4
- package/lib/duet/p-7513fd0c.system.entry.js +0 -4
- package/lib/duet/p-8dcbf05c.system.entry.js +0 -4
- package/lib/duet/p-8e562cf5.entry.js +0 -4
- package/lib/duet/p-95e8df59.system.entry.js +0 -4
- package/lib/duet/p-a9a7d16c.system.js +0 -4
- package/lib/duet/p-b080376a.entry.js +0 -4
- package/lib/duet/p-b82d0fdb.system.entry.js +0 -4
- package/lib/duet/p-cb9787ec.js +0 -4
- package/lib/duet/p-ebc26c88.system.js +0 -4
- package/lib/duet/p-f67ee736.system.js +0 -4
- package/lib/duet/p-f960017b.entry.js +0 -4
- package/lib/esm-es5/focus-utils-9f1c7598.js +0 -4
- package/lib/esm-es5/tokens-20d688dc.js +0 -4
- package/lib/esm-es5/tokens.module-5601adc9.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,u){function o(t){try{s(n.next(t))}catch(e){u(e)}}function r(t){try{s(n["throw"](t))}catch(e){u(e)}}function s(t){t.done?i(t.value):a(t.value).then(o,r)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},n,a,u,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(t){return function(e){return s([t,e])}}function s(r){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(i=0)),i)try{if(n=1,a&&(u=r[0]&2?a["return"]:r[0]?a["throw"]||((u=a["return"])&&u.call(a),0):a.next)&&!(u=u.call(a,r[1])).done)return u;if(a=0,u)r=[r[0]&2,u.value];switch(r[0]){case 0:case 1:u=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;a=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(u=i.trys,u=u.length>0&&u[u.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!u||r[1]>u[0]&&r[1]<u[3])){i.label=r[1];break}if(r[0]===6&&i.label<u[1]){i.label=u[1];u=r;break}if(u&&i.label<u[2]){i.label=u[2];i.ops.push(r);break}if(u[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(s){r=[6,s];a=0}finally{n=u=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-f4b68f29.system.js","./p-8f477bd6.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-c466bad9.system.js","./p-51721695.system.js","./p-c8dc599d.system.js","./p-b6d51921.system.js"],(function(t){"use strict";var e,i,n,a,u,o,r,s,d,l,p,c,h,b,m;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.H;u=t.g},function(t){o=t.f},function(t){r=t.i},function(t){s=t.c},function(t){d=t.c;l=t.r},function(t){p=t.f;c=t.j},function(t){h=t.g;b=t.c;m=t.d},function(){}],execute:function(){var v={title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'};var g='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input{top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{position:relative;right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 77, 128)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(0, 41, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(0, 41, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(144, 149, 153) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(224, 42, 13) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important;border-color:rgb(116, 116, 117) !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-input[disabled].sc-duet-input{color:rgb(0, 41, 77) !important;cursor:text !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px rgb(144, 149, 153) !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px rgb(116, 116, 117) !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px rgb(0, 119, 179) !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(116, 116, 117)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(224, 42, 13)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px rgb(0, 119, 179)}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px rgb(23, 28, 58)}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px rgb(144, 149, 153)}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px rgb(116, 116, 117)}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px rgb(224, 42, 13)}';var f={search:o,email:v};var w=t("duet_input",function(){function t(t){var n=this;e(this,t);this.duetInput=i(this,"duetInput",7);this.duetChange=i(this,"duetChange",3);this.duetBlur=i(this,"duetBlur",7);this.duetClear=i(this,"duetClear",7);this.duetFocus=i(this,"duetFocus",7);this.inputId=s("DuetInput");this.clearId=s("DuetInputClear");this.labelId=s("DuetLabel");this.topCaptionId=s("DuetCaptionTop");this.topCaptionPlaceholderId=s("DuetCaptionPlaceholderTop");this.errorId=s("DuetError");this.disallowPatternRegex=null;this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"};this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"};this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"};this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"};this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"};this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"};this.onInput=function(t){if(n.disallowPatternRegex){d(n.nativeInput,n.disallowPatternRegex)}n.value=n.nativeInput.value||"";n.duetInput.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onBlur=function(t){if(t.relatedTarget===n.nativeInput||t.relatedTarget===n.togglePasswordRevealedButton){return}if(n.variation==="revealable"&&n.isPasswordRevealed){n.isPasswordRevealed=false}n.isFocused=false;n.duetBlur.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onFocus=function(t){n.isFocused=true;n.duetFocus.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onClear=function(t){n.duetClear.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.getDescribedBy=function(){var t=[];if(n.isCaptionVisible&&n.topCaptionId){t.push(n.topCaptionId)}if(n.accessibleDescribedBy){t.push(n.accessibleDescribedBy)}if(n.error){t.push(n.errorId)}return t.length>0?t.join(" "):null};this.handleClearClick=function(t){var e=n.clearInput();n.onClear(t);return e};this.keyHandler=function(t){if(p(t)&&n.clear){n.handleClearClick(t)}if(c(t)&&n.variation==="revealable"){if(t.target===n.togglePasswordRevealedButton){t.stopPropagation()}else{n.isPasswordRevealed=false}}return t};this.togglePasswordRevealed=function(){n.isPasswordRevealed=!n.isPasswordRevealed};this.getInputType=function(){if(n.variation==="revealable"){return n.isPasswordRevealed?"text":"password"}return n.type};this.language=h();this.isPasswordRevealed=undefined;this.isFocused=false;this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleExpanded=undefined;this.accessibleDescribedBy="";this.accessibleHasPopup=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.debounce=0;this.clear=false;this.caption=undefined;this.echoPlaceholder=false;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.margin="auto";this.required=false;this.type="text";this.variation="default";this.label="Label";this.error="";this.labelHidden=false;this.numericKeyboard=false;this.name=undefined;this.pattern=undefined;this.maxlength=undefined;this.minlength=undefined;this.placeholder=undefined;this.component="input";this.role=undefined;this.icon=undefined;this.autoComplete="on";this.disallowPattern=null;this.value=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"g"):null};t.prototype.valueChanged=function(){var t=this;var e;if(((e=this===null||this===void 0?void 0:this.nativeInput)===null||e===void 0?void 0:e.value)!==this.value){var i=l(this.nativeInput);this.nativeInput.value=this.value;i()}this.isCaptionVisible=!!this.caption;var n=function(){return t.duetChange.emit({value:t.value,component:"duet-input"})};if(this.debounce===0){n()}else{clearTimeout(this.timeoutId);this.timeoutId=setTimeout(n,this.debounce)}};t.prototype.componentWillLoad=function(){r(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption};t.prototype.componentDidLoad=function(){var t=this;if(this.variation==="revealable"&&this.nativeInput.form){this.nativeInput.form.addEventListener("submit",(function(){t.isPasswordRevealed=false}))}};t.prototype.connectedCallback=function(){b(this)};t.prototype.disconnectedCallback=function(){m(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.resetCursor=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.nativeInput){t=l(this.nativeInput);this.nativeInput.value=this.value;t()}return[2]}))}))};t.prototype.clearInput=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.value="";this.nativeInput.focus();this.value=""}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var i=this.identifier||this.inputId;var u={};if(this.numericKeyboard){u.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){u.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){u.pattern="[0-9+ ]+"}var o;if(this.value){o=new Date;try{o.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(s){o=undefined}}var r=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return n(a,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"},onKeyUp:function(t){return e.keyHandler(t)}},this.type==="time"&&n("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},o?"".concat(this.timeAnnouncement[this.language]," ").concat(o.toLocaleTimeString()):""),n("div",{class:(t={"duet-input-container":true,"duet-theme-turva":this.theme==="turva"},t["duet-input-variation-".concat(this.variation)]=true,t["duet-label-hidden"]=this.labelHidden,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-icon"]=this.variation!=="button"&&(!!this.icon||this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"),t["has-error"]=!!this.error,t["has-clear"]=this.clear,t["has-focus"]=this.isFocused,t.disabled=this.disabled,t)},n("div",{class:"duet-input-label-container"},n("duet-label",{theme:this.theme==="turva"?"turva":"default",margin:this.isCaptionVisible?"small":"auto",id:this.labelId,for:i},this.label),this.tooltip&&n("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip)),this.caption&&n("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),n("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||this.type==="time")&&n("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),n("input",Object.assign({ref:function(t){return e.nativeInput=t},onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:{"duet-input":true,disabled:this.disabled,"is-number":this.component==="number","is-date":this.component==="date"},value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.type==="password"?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:i},u)),!this.value&&r&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",icon:f[this.type].svg,color:"currentColor"})),this.clear&&this.value&&n("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!r,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":this.variation==="button"}},n("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},n("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&this.variation!=="button"&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.variation==="button"&&n("slot",{name:"button"}),this.variation==="revealable"&&n("duet-button",{ref:function(t){return e.togglePasswordRevealedButton=t},onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:true,iconOnly:true}),this.variation==="revealable"&&this.isPasswordRevealed!==undefined&&n("duet-visually-hidden",null,n("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),n("slot",null)),n("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&n("span",{class:"duet-input-error"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return u(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());w.style=g;var x='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var y=t("duet_label",function(){function t(t){e(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium"}t.prototype.componentWillLoad=function(){r(this)};t.prototype.render=function(){return n(a,{class:{"duet-label":true,"duet-label-small":this.size==="small","duet-theme-turva":this.theme==="turva","duet-small-margin":this.margin==="small","duet-m-0":this.margin==="none"}},n("label",{htmlFor:this.for},n("span",null,n("slot",null))))};return t}());y.style=x}}}));
|
|
4
|
+
*/System.register(["./p-e53bec6b.system.js","./p-8f477bd6.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-c466bad9.system.js","./p-51721695.system.js","./p-c8dc599d.system.js","./p-b6d51921.system.js"],(function(t){"use strict";var e,i,n,a,u,o,r,s,d,l,p,c,h,b,m;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.H;u=t.g},function(t){o=t.f},function(t){r=t.i},function(t){s=t.c},function(t){d=t.c;l=t.r},function(t){p=t.f;c=t.j},function(t){h=t.g;b=t.c;m=t.d},function(){}],execute:function(){var v={title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'};var g='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input{top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{position:relative;right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 77, 128)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(0, 41, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(0, 41, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(144, 149, 153) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(224, 42, 13) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important;border-color:rgb(116, 116, 117) !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-input[disabled].sc-duet-input{color:rgb(0, 41, 77) !important;cursor:text !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px rgb(144, 149, 153) !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px rgb(116, 116, 117) !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px rgb(0, 119, 179) !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(116, 116, 117)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(224, 42, 13)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px rgb(0, 119, 179)}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px rgb(23, 28, 58)}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px rgb(144, 149, 153)}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px rgb(116, 116, 117)}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px rgb(224, 42, 13)}';var f={search:o,email:v};var w=t("duet_input",function(){function t(t){var n=this;e(this,t);this.duetInput=i(this,"duetInput",7);this.duetChange=i(this,"duetChange",3);this.duetBlur=i(this,"duetBlur",7);this.duetClear=i(this,"duetClear",7);this.duetFocus=i(this,"duetFocus",7);this.inputId=s("DuetInput");this.clearId=s("DuetInputClear");this.labelId=s("DuetLabel");this.topCaptionId=s("DuetCaptionTop");this.topCaptionPlaceholderId=s("DuetCaptionPlaceholderTop");this.errorId=s("DuetError");this.disallowPatternRegex=null;this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"};this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"};this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"};this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"};this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"};this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"};this.onInput=function(t){if(n.disallowPatternRegex){d(n.nativeInput,n.disallowPatternRegex)}n.value=n.nativeInput.value||"";n.duetInput.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onBlur=function(t){if(t.relatedTarget===n.nativeInput||t.relatedTarget===n.togglePasswordRevealedButton){return}if(n.variation==="revealable"&&n.isPasswordRevealed){n.isPasswordRevealed=false}n.isFocused=false;n.duetBlur.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onFocus=function(t){n.isFocused=true;n.duetFocus.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onClear=function(t){n.duetClear.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.getDescribedBy=function(){var t=[];if(n.isCaptionVisible&&n.topCaptionId){t.push(n.topCaptionId)}if(n.accessibleDescribedBy){t.push(n.accessibleDescribedBy)}if(n.error){t.push(n.errorId)}return t.length>0?t.join(" "):null};this.handleClearClick=function(t){var e=n.clearInput();n.onClear(t);return e};this.keyHandler=function(t){if(p(t)&&n.clear){n.handleClearClick(t)}if(c(t)&&n.variation==="revealable"){if(t.target===n.togglePasswordRevealedButton){t.stopPropagation()}else{n.isPasswordRevealed=false}}return t};this.togglePasswordRevealed=function(){n.isPasswordRevealed=!n.isPasswordRevealed};this.getInputType=function(){if(n.variation==="revealable"){return n.isPasswordRevealed?"text":"password"}return n.type};this.language=h();this.isPasswordRevealed=undefined;this.isFocused=false;this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleExpanded=undefined;this.accessibleDescribedBy="";this.accessibleHasPopup=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.debounce=0;this.clear=false;this.caption=undefined;this.echoPlaceholder=false;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.margin="auto";this.required=false;this.type="text";this.variation="default";this.label="Label";this.error="";this.labelHidden=false;this.numericKeyboard=false;this.name=undefined;this.pattern=undefined;this.maxlength=undefined;this.minlength=undefined;this.placeholder=undefined;this.component="input";this.role=undefined;this.icon=undefined;this.autoComplete="on";this.disallowPattern=null;this.value=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"g"):null};t.prototype.valueChanged=function(){var t=this;var e;if(((e=this===null||this===void 0?void 0:this.nativeInput)===null||e===void 0?void 0:e.value)!==this.value){var i=l(this.nativeInput);this.nativeInput.value=this.value;i()}this.isCaptionVisible=!!this.caption;var n=function(){return t.duetChange.emit({value:t.value,component:"duet-input"})};if(this.debounce===0){n()}else{clearTimeout(this.timeoutId);this.timeoutId=setTimeout(n,this.debounce)}};t.prototype.componentWillLoad=function(){r(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption};t.prototype.componentDidLoad=function(){var t=this;if(this.variation==="revealable"&&this.nativeInput.form){this.nativeInput.form.addEventListener("submit",(function(){t.isPasswordRevealed=false}))}};t.prototype.connectedCallback=function(){b(this)};t.prototype.disconnectedCallback=function(){m(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.resetCursor=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.nativeInput){t=l(this.nativeInput);this.nativeInput.value=this.value;t()}return[2]}))}))};t.prototype.clearInput=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.value="";this.nativeInput.focus();this.value=""}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var i=this.identifier||this.inputId;var u={};if(this.numericKeyboard){u.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){u.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){u.pattern="[0-9+ ]+"}var o;if(this.value){o=new Date;try{o.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(s){o=undefined}}var r=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return n(a,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"},onKeyUp:function(t){return e.keyHandler(t)}},this.type==="time"&&n("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},o?"".concat(this.timeAnnouncement[this.language]," ").concat(o.toLocaleTimeString()):""),n("div",{class:(t={"duet-input-container":true,"duet-theme-turva":this.theme==="turva"},t["duet-input-variation-".concat(this.variation)]=true,t["duet-label-hidden"]=this.labelHidden,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-icon"]=this.variation!=="button"&&(!!this.icon||this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"),t["has-error"]=!!this.error,t["has-clear"]=this.clear,t["has-focus"]=this.isFocused,t.disabled=this.disabled,t)},n("div",{class:"duet-input-label-container"},n("duet-label",{theme:this.theme==="turva"?"turva":"default",margin:this.isCaptionVisible?"small":"auto",id:this.labelId,for:i},this.label),this.tooltip&&n("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip)),this.caption&&n("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),n("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||this.type==="time")&&n("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),n("input",Object.assign({ref:function(t){return e.nativeInput=t},onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:{"duet-input":true,disabled:this.disabled,"is-number":this.component==="number","is-date":this.component==="date"},value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.type==="password"?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:i},u)),!this.value&&r&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",icon:f[this.type].svg,color:"currentColor"})),this.clear&&this.value&&n("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!r,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":this.variation==="button"}},n("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},n("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&this.variation!=="button"&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.variation==="button"&&n("slot",{name:"button"}),this.variation==="revealable"&&n("duet-button",{ref:function(t){return e.togglePasswordRevealedButton=t},onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:true,iconOnly:true}),this.variation==="revealable"&&this.isPasswordRevealed!==undefined&&n("duet-visually-hidden",null,n("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),n("slot",null)),n("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&n("span",{class:"duet-input-error"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return u(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());w.style=g;var x='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var y=t("duet_label",function(){function t(t){e(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium"}t.prototype.componentWillLoad=function(){r(this)};t.prototype.render=function(){return n(a,{class:{"duet-label":true,"duet-label-small":this.size==="small","duet-theme-turva":this.theme==="turva","duet-small-margin":this.margin==="small","duet-m-0":this.margin==="none"}},n("label",{htmlFor:this.for},n("span",null,n("slot",null))))};return t}());y.style=x}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as a,H as r}from"./p-
|
|
4
|
+
import{r as e,h as a,H as r}from"./p-bb49aaf4.js";import{i as n}from"./p-4ebf1618.js";const t=class{constructor(a){e(this,a),this.theme="",this.icon="messaging-question",this.size="medium"}componentWillLoad(){n(this)}render(){return a(r,null,a("div",{class:{"duet-empty-state":!0,"duet-theme-turva":"turva"===this.theme,"duet-is-small":"small"===this.size}},a("duet-icon",{color:"currentColor",name:this.icon,size:"small"===this.size?"large":"x-large"}),a("div",null,a("slot",null))))}};t.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(0, 41, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}";export{t as duet_empty_state}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-e53bec6b.system.js","./p-33b3aba4.system.js"],(function(e){"use strict";var n,t,o,r,a;return{setters:[function(e){n=e.r;t=e.h;o=e.H;r=e.g},function(e){a=e.i}],execute:function(){var i="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}slot[name=mobile]{display:inherit}slot[name=desktop]{display:none}@media (min-width: 62em){slot[name=mobile]{display:none}slot[name=desktop]{display:inherit}}";var s=e("duet_nav",function(){function e(e){n(this,e);this.theme=""}e.prototype.componentWillLoad=function(){a(this)};e.prototype.render=function(){return t(o,null,t("div",null,t("slot",null),t("slot",{name:"mobile"}),t("slot",{name:"desktop"})))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());s.style=i}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as a,c as e,h as d,F as i,H as t,g as r}from"./p-bb49aaf4.js";import{i as n}from"./p-4ebf1618.js";import{c as o}from"./p-c1325e35.js";import{i as p}from"./p-f077c646.js";import{s as m}from"./p-5a9d75e1.js";import{g as s}from"./p-a76ceaf6.js";import"./p-fd4785ab.js";const x=["h1","h2","h3","h4","h5","h6"],g="div";const c=class{constructor(d){a(this,d),this.duetToggle=e(this,"duetToggle",7),this.cardId=o("DuetCard"),this.togglePanel=a=>{a.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-card",originalEvent:a})},this.handleKeyDown=a=>{p(a)&&this.togglePanel(a)},this.accessibleLabel=void 0,this.heading="",this.secondaryHeading="",this.variation="default",this.collapsible=!1,this.open=!0,this.headingLevel="h2",this.headingBackground=void 0,this.icon=void 0,this.image=void 0,this.background="gray-lightest",this.padding="small",this.margin="auto",this.theme="",this.url=void 0,this.shadowBreakpoint=void 0}componentWillLoad(){n(this),this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']"),this.hasFooter=!!this.element.querySelector("[slot='footer']")}renderHeading(){const a=m(this.headingLevel),e=[...x,g].some((e=>e===a))?a:"h2",t={backgroundColor:s(this.headingBackground)},r=d(i,null,d("div",{class:"duet-card-heading-grid"},this.icon&&d(i,null,d("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:"currentColor"}),d("duet-spacer",{direction:"horizontal",size:"small"})),d("div",{class:"duet-card-heading-text"},this.heading?this.heading:d("slot",{name:"heading"})),this.secondaryHeading&&d(i,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&d(i,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("duet-icon",{class:"duet-card-caret",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>',size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),d("slot",{name:"below-heading"}));return this.collapsible?d(e,{style:t,class:"duet-card-heading duet-card-heading--collapsible",onClick:this.togglePanel,onKeyDown:this.handleKeyDown},d("button",{"aria-controls":this.cardId,"aria-expanded":this.open?"true":"false"},r)):d(e,{style:t,class:"duet-card-heading"},r)}async setFocus(a){this.nativeCard&&this.nativeCard.focus(a)}render(){const a=this.url?"a":"div",e={backgroundColor:s(this.background)};return d(t,{class:{"duet-m-0":"none"===this.margin,"duet-card-info":"info"===this.variation}},d(a,{href:this.url,style:e,ref:a=>this.nativeCard=a,"aria-label":this.accessibleLabel,class:{"duet-card":!0,[this.padding]:!0,[this.variation]:!0,[`shadow-${this.shadowBreakpoint}`]:!!this.shadowBreakpoint,"duet-p-0":"none"===this.padding,"duet-theme-turva":"turva"===this.theme,"duet-card-has-bg":"gray-lightest"!==this.background,"duet-card-has-icon":!!this.icon,"duet-card-collapsed":this.collapsible&&!this.open}},this.image&&d("div",{class:"duet-card-image-mask"},d("img",{src:this.image,class:"duet-card-image",loading:"lazy",alt:"","aria-hidden":"true"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),d("div",{class:"duet-card-content",id:this.cardId},d("slot",null),this.hasFooter&&d("div",{class:"duet-card-footer"},d("slot",{name:"footer"})))))}get element(){return r(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}.duet-card{padding:20px !important;position:relative;display:flex;flex-direction:column;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-decoration:none;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}@media (max-width: 20.5em){.duet-card.shadow-xxx-small{box-shadow:none}}@media (max-width: 22.5em){.duet-card.shadow-xx-small{box-shadow:none}}@media (max-width: 35.9375em){.duet-card.shadow-x-small{box-shadow:none}}@media (min-width: 36em){.duet-card.shadow-small{box-shadow:none}}@media (min-width: 48em){.duet-card.shadow-medium{box-shadow:none}}@media (min-width: 62em){.duet-card.shadow-large{box-shadow:none}}@media (min-width: 64.0625em){.duet-card.shadow-x-large{box-shadow:none}}@media (min-width: 76.25em){.duet-card.shadow-xx-large{box-shadow:none}}@media (min-width: 106.25em){.duet-card.shadow-xxx-large{box-shadow:none}}@media (min-width: 36em){.duet-card{padding:28px !important}}.duet-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(0, 80, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;color:rgb(0, 41, 77);border-bottom:1px solid rgb(225, 227, 230);border-radius:4px 4px 0 0}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}.none .duet-card-heading{padding:0 !important;margin:0}}.duet-card-image-mask+.duet-card-heading{border-radius:0}.duet-card-heading.duet-card-heading--collapsible{cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button{width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-theme-turva .duet-card-heading.duet-card-heading--collapsible button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}.duet-theme-turva .duet-card-heading{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:rgb(245, 245, 247)}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.xx-small .duet-card-footer{padding:10px 20px 11px !important;padding-left:12px !important;margin:12px -12px -12px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:0;margin:0}.duet-card-content{flex:1 1 auto;width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;padding:0;margin:0}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transition:transform 300ms ease;transform:scale(1.0001)}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transition:none;transform:translateY(1px)}';export{c as duet_card}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as e,h as i,H as s,g as o}from"./p-6a5197de.js";import{i as r}from"./p-4ebf1618.js";import{c as l}from"./p-c1325e35.js";import{f as a,o as h,j as n,d as u,b as d,a as c,c as m}from"./p-f077c646.js";import{g as p,c as b,d as g}from"./p-076452be.js";import{p as v}from"./p-5a9d75e1.js";const x=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=l("DuetError"),this.labelId=l("DuetLabel"),this.topCaptionId=l("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(a(t)||h(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{n(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;u(t)||d(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(c(t)||m(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null},this.processedItems=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=p(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=l("DuetMultiselect"),this.placeholder="",this.caption=void 0,this.items=void 0,this.disabled=!1,this.label="label",this.accessibleDescribedBy=void 0,this.tooltip="",this.tooltipDirection="auto"}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){r(this),this.isCaptionVisible=!!this.caption,this.refresh()}connectedCallback(){b(this)}disconnectedCallback(){g(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async refresh(){this.processedItems=v(this.items)}render(){return i(s,{class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),this.caption&&i("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),i("div",{class:"duet-multiselect-wrapper"},i("button",{id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`},this.placeholder),this.value&&this.value.length>0&&i("duet-badge",{class:"duet-multiselect-badge",margin:"none",theme:this.theme},this.value.length," ",this.selectedLangObject[this.language],i("duet-visually-hidden",null,", ",this.value.map((t=>t.label)).join(", "))),i("svg",{role:"img",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),i("div",{id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},this.processedItems&&this.processedItems.map(((t,e)=>{var s,o;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(s=this.value)||void 0===s?void 0:s.includes(t),"accessible-selected":(null===(o=this.value)||void 0===o?void 0:o.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})})))),i("span",{class:"duet-multiselect-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",null,this.error))))}get element(){return o(this)}static get watchers(){return{items:["refresh"]}}};x.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip{position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.duet-multiselect:hover{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px rgb(144, 149, 153)}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px rgb(116, 116, 117)}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px rgb(0, 119, 179);transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px rgb(23, 28, 58)}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-multiselect[disabled]{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1}.duet-multiselect .duet-multiselect-badge{position:absolute;right:3rem}.has-error .duet-multiselect{border-color:rgb(222, 35, 98) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(224, 42, 13) !important}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-multiselect svg{width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error .duet-multiselect-help{color:rgb(222, 35, 98)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(224, 42, 13)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{x as duet_multiselect}
|
|
4
|
+
import{r as t,c as e,h as i,H as s,g as o}from"./p-bb49aaf4.js";import{i as r}from"./p-4ebf1618.js";import{c as l}from"./p-c1325e35.js";import{f as a,o as h,j as n,d as u,b as d,a as c,c as m}from"./p-f077c646.js";import{g as p,c as b,d as g}from"./p-076452be.js";import{p as v}from"./p-5a9d75e1.js";const x=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=l("DuetError"),this.labelId=l("DuetLabel"),this.topCaptionId=l("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(a(t)||h(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{n(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;u(t)||d(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(c(t)||m(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null},this.processedItems=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=p(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=l("DuetMultiselect"),this.placeholder="",this.caption=void 0,this.items=void 0,this.disabled=!1,this.label="label",this.accessibleDescribedBy=void 0,this.tooltip="",this.tooltipDirection="auto"}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){r(this),this.isCaptionVisible=!!this.caption,this.refresh()}connectedCallback(){b(this)}disconnectedCallback(){g(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async refresh(){this.processedItems=v(this.items)}render(){return i(s,{class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),this.caption&&i("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),i("div",{class:"duet-multiselect-wrapper"},i("button",{id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`},this.placeholder),this.value&&this.value.length>0&&i("duet-badge",{class:"duet-multiselect-badge",margin:"none",theme:this.theme},this.value.length," ",this.selectedLangObject[this.language],i("duet-visually-hidden",null,", ",this.value.map((t=>t.label)).join(", "))),i("svg",{role:"img",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),i("div",{id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},this.processedItems&&this.processedItems.map(((t,e)=>{var s,o;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(s=this.value)||void 0===s?void 0:s.includes(t),"accessible-selected":(null===(o=this.value)||void 0===o?void 0:o.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})})))),i("span",{class:"duet-multiselect-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",null,this.error))))}get element(){return o(this)}static get watchers(){return{items:["refresh"]}}};x.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip{position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.duet-multiselect:hover{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px rgb(144, 149, 153)}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px rgb(116, 116, 117)}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px rgb(0, 119, 179);transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px rgb(23, 28, 58)}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-multiselect[disabled]{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1}.duet-multiselect .duet-multiselect-badge{position:absolute;right:3rem}.has-error .duet-multiselect{border-color:rgb(222, 35, 98) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(224, 42, 13) !important}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-multiselect svg{width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error .duet-multiselect-help{color:rgb(222, 35, 98)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(224, 42, 13)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{x as duet_multiselect}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{s(i.next(t))}catch(e){a(e)}}function c(t){try{s(i["throw"](t))}catch(e){a(e)}}function s(t){t.done?n(t.value):o(t.value).then(r,c)}s((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,o,a,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(t){return function(e){return s([t,e])}}function s(c){if(i)throw new TypeError("Generator is already executing.");while(r&&(r=0,c[0]&&(n=0)),n)try{if(i=1,o&&(a=c[0]&2?o["return"]:c[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,c[1])).done)return a;if(o=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;o=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){n.label=c[1];break}if(c[0]===6&&n.label<a[1]){n.label=a[1];a=c;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(c);break}if(a[2])n.ops.pop();n.trys.pop();continue}c=e.call(t,n)}catch(s){c=[6,s];o=0}finally{i=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* Built with Duet Design System
|
|
4
|
+
*/System.register(["./p-e53bec6b.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-34ea0849.system.js","./p-51721695.system.js","./p-c8dc599d.system.js","./p-71a46879.system.js","./p-b6d51921.system.js","./p-8c6e3c4f.system.js"],(function(t){"use strict";var e,n,i,o,a,r,c,s,u,l,d,b,h,f,p,g;return{setters:[function(t){e=t.r;n=t.c;i=t.h;o=t.H;a=t.g},function(t){r=t.i},function(t){c=t.c},function(t){s=t.d},function(t){u=t.i},function(t){l=t.g;d=t.a;b=t.c;h=t.d},function(t){f=t.c;p=t.g;g=t.s},function(){},function(){}],execute:function(){var m="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}button.duet-action-button{white-space:nowrap}button.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(0, 41, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-theme-turva button.duet-action-button{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}button.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){button.duet-action-button{width:32px;height:32px}}button.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-theme-turva button.duet-action-button:not(:disabled):hover{background:#e9e9eb}button.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px rgb(0, 119, 179) !important}.duet-theme-turva button.duet-action-button:focus{box-shadow:0 0 0 2px rgb(23, 28, 58) !important}button.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-theme-turva button.duet-action-button:active:focus{background:#ddddde !important}button.duet-action-button:disabled{color:rgb(144, 149, 153);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-theme-turva button.duet-action-button:disabled{color:rgb(116, 116, 117);background:rgb(245, 245, 247)}";var y=t("duet_action_button",function(){function t(t){var i=this;e(this,t);this.duetActionEvent=n(this,"duetActionEvent",6);this.listId=c("duet-action-button");this.emitPageEvent=s((function(t){i.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:i.actionId,name:i.actionName,meta:i.actionMeta,id:i.listId})}));this.numbersStore="";this.language=l();this.theme="";this.iconName="action-arrow-left-small";this.iconColor="currentColor";this.iconSize="xx-small";this.actionName="default-action";this.actionId=undefined;this.actionMeta=undefined;this.disabled=false;this.color="";this.background="";this.accessibleTitle=true;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"};this.accessibleLabel=d(this.accessibleLabelsDefaults);this.accessibleControls=""}t.prototype.watchLanguageStateHandler=function(t,e){if(t!==e&&this.accessibleLabel===this.accessibleLabelsDefaults[e]){this.accessibleLabel=d(this.accessibleLabelsDefaults,t)}};t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(u(t)){this.emitPageEvent(t)}return[2]}))}))};t.prototype.getTitle=function(){var t="";if(typeof this.accessibleTitle==="string"){t=this.accessibleTitle}if(this.accessibleTitle===true){t=f("".concat(this.actionName))}return t};t.prototype.onMouseHandler=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta});return[2]}))}))};t.prototype.componentWillLoad=function(){r(this)};t.prototype.connectedCallback=function(){b(this)};t.prototype.disconnectedCallback=function(){h(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeButton){this.nativeButton.focus(t)}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n=this.color==="currentColor"?"currentColor":p(this.color,this.theme);var a=p(this.background,this.theme);var r=a?g(a,-.1):a;var c=a?"\n button.duet-action-button {\n background: ".concat(a," !important;\n }\n button.duet-action-button:not(:disabled):hover {\n background: ").concat(r," !important;\n }\n "):"";var s={color:n,"border-color":p(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"};return i(o,{onKeyDown:function(t){return e.onKeyboardDown(t)}},i("style",{innerHTML:c}),i("button",{ref:function(t){return e.nativeButton=t},part:"button",style:s,disabled:this.disabled,id:this.listId,class:(t={"duet-action-button":true,"duet-action-button--disabled":this.disabled},t["duet-action-button--".concat(this.theme)]=this.theme!=="",t),type:"button",onClick:function(t){return e.onMouseHandler(t)},"aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle()},i("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),i("duet-visually-hidden",null,i("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{language:["watchLanguageStateHandler"]}},enumerable:false,configurable:true});return t}());y.style=m}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register([],(function(r){"use strict";return{execute:function(){var a="rgb(247, 178, 40)";var _="rgb(101, 119, 135)";var o="rgb(245, 248, 250)";var e="rgb(211, 36, 131)";var l="rgb(0, 119, 179)";var i="rgb(54, 74, 129)";var t="rgb(0, 135, 90)";var s="rgb(11, 114, 136)";var c="rgb(243, 249, 252)";var g="rgb(230, 242, 248)";var v="rgb(0, 161, 212)";var x="rgb(0, 77, 128)";var d="rgb(255, 255, 255)";var m="rgb(122, 1, 196)";var n="rgb(144, 149, 153)";var p="rgb(225, 227, 230)";var u="rgb(0, 41, 77)";var y="rgb(168, 1, 78)";var b="rgb(205, 229, 241)";var h="rgb(213, 66, 3)";var z="rgb(207, 210, 212)";var f="rgb(222, 35, 98)";var w="rgb(68, 68, 69)";var k="rgb(245, 245, 247)";var q="rgb(161, 10, 78)";var S="rgb(198, 12, 48)";var I="rgb(23, 28, 58)";var U="rgb(8, 135, 78)";var j="rgb(252, 243, 244)";var A="rgb(199, 12, 112)";var E="rgb(169, 69, 124)";var B="rgb(249, 230, 234)";var C="rgb(148, 9, 37)";var F="rgb(255, 255, 255)";var H="rgb(116, 116, 117)";var M="rgb(228, 228, 230)";var R="rgb(178, 180, 179)";var O="rgb(23, 28, 58)";var D="rgb(244, 207, 214)";var G="rgb(9, 129, 148)";var J="rgb(207, 207, 209)";var K="rgb(224, 42, 13)";var L="rgb(250, 164, 15)";var N="rgb(192, 101, 247)";var P="rgb(0, 105, 191)";var Q="rgb(19, 120, 53)";var T="rgb(179, 60, 24)";var V="rgb(13, 163, 166)";var W="rgb(122, 1, 196)";var X="rgb(11, 114, 136)";var Y="rgb(0, 155, 204)";var Z="rgb(179, 137, 24)";var $="rgb(27, 171, 75)";var rr="rgb(128, 98, 17)";var ar="rgb(255, 86, 34)";var _r="rgb(0, 41, 77)";var or="rgb(245, 76, 154)";var er="rgb(194, 21, 101)";var lr="800";var ir="-0.01rem";var tr="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var sr="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var cr="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var gr="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var vr="700";var xr="400";var dr="600";var mr="4.5rem";var nr="3rem";var pr="2.25rem";var ur="1.5rem";var yr="1.25rem";var br=r("f","1rem");var hr="0.875rem";var zr="0.75rem";var fr="0";var wr="4px";var kr="8px";var qr="20px";var Sr="50%";var Ir="20rem";var Ur="0 2px 10px 0 rgba(117, 117, 117, 0.13)";var jr="0 2px 6px 0 rgba(0, 41, 77, 0.07)";var Ar="0 2px 10px 0 rgba(0, 41, 77, 0.07)";var Er="0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var Br="0 2px 20px 0 rgba(0, 0, 0, 0.2)";var Cr="0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var Fr="0 2px 10px 0 rgba(117, 117, 117, 0.15)";var Hr="0 2px 10px 0 rgba(0, 41, 77, 0.1)";var Mr="0 2px 6px 0 rgba(117, 117, 117, 0.13)";var Rr="4px";var Or="20px";var Dr="8px";var Gr="2px";var Jr="12px";var Kr="16px";var Lr="36px";var Nr="72px";var Pr="94px";var Qr="48px";var Tr="28px";var Vr="48px";var Wr="1px";var Xr="40px";var Yr="8rem";var Zr="4rem";var $r="72px";var ra="36px";var aa="10px";var _a="30px";var oa="3rem";var ea="30px";var la="1110px";var ia="48px";var ta="16px";var sa="7px";var ca="2px";var ga="1px";var va="24px";var xa="20px";var da="0.85";var ma="0.75";var na="0.50";var pa="0.30";var ua="250";var ya="600";var ba="800";var ha="1";var za="500";var fa="950";var wa="900";var ka="300";var qa="100";var Sa="-999999";var Ia="700";var Ua="200";var ja="400";var Aa="1.5";var Ea="1.25";var Ba="1.1";var Ca="300ms ease";var Fa="600ms ease";var Ha="'(min-width: 106.25em)'";var Ma="'(min-width: 64.0625em)'";var Ra=r("m","'(min-width: 48em)'");var Oa=r("a","'(min-width: 62em)'");var Da=r("c","'(min-width: 76.25em)'");var Ga="'(max-width: 35.9375em)'";var Ja="'(max-width: 20.5em)'";var Ka=r("b","'(min-width: 36em)'");var La="'(max-width: 22.5em)'";var Na={color_warning:a,color_gray_darker:_,color_gray_lighter:o,color_category_home:e,color_primary:l,color_category_vehicle:i,color_success:t,color_category_family:s,color_primary_lightest:c,color_primary_lighter:g,color_brand_blue:v,color_primary_dark:x,color_gray_lightest:d,color_category_finance:m,color_gray_dark:n,color_gray_light:p,color_secondary:u,color_category_pet:y,color_primary_light:b,color_category_travel:h,color_gray:z,color_danger:f,color_gray_darker_turva:w,color_gray_lighter_turva:k,color_category_home_turva:q,color_primary_turva:S,color_category_vehicle_turva:I,color_success_turva:U,color_primary_lightest_turva:j,color_category_family_turva:A,color_category_union_turva:E,color_primary_lighter_turva:B,color_primary_dark_turva:C,color_gray_lightest_turva:F,color_gray_dark_turva:H,color_gray_light_turva:M,color_brand_gray_turva:R,color_secondary_turva:O,color_primary_light_turva:D,color_category_travel_turva:G,color_gray_turva:J,color_danger_turva:K,color_warning_turva:L,color_data_07:N,color_data_08:P,color_data_09:Q,color_data_10:T,color_data_11:V,color_data_01:W,color_data_12:X,color_data_02:Y,color_data_13:Z,color_data_03:$,color_data_14:rr,color_data_04:ar,color_data_15:_r,color_data_05:or,color_data_06:er,font_weight_extra_bold:lr,letter_spacing_heading:ir,font_family_heading_turva:tr,font_family_text_turva:sr,font_family_heading:cr,font_family_text:gr,font_weight_bold:vr,font_weight_normal:xr,font_weight_semi_bold:dr,font_size_xxxx_large:mr,font_size_xxx_large:nr,font_size_xx_large:pr,font_size_x_large:ur,font_size_large:yr,font_size_medium:br,font_size_small:hr,font_size_x_small:zr,radius_sharp:fr,radius_default:wr,radius_medium:kr,radius_large:qr,radius_circle:Sr,radius_pill:Ir,shadow_tooltip_turva:Ur,shadow_default:jr,shadow_tooltip:Ar,shadow_card_turva:Er,shadow_modal:Br,shadow_card:Cr,shadow_hover_turva:Fr,shadow_hover:Hr,shadow_default_turva:Mr,space_xx_small:Rr,space_large:Or,space_x_small:Dr,space_xxx_small:Gr,space_small:Jr,space_medium:Kr,space_xx_large:Lr,space_xxxx_large:Nr,space_xxxxx_large:Pr,space_xxx_large:Qr,space_x_large:Tr,size_icon_xx_large:Vr,size_form_border:Wr,size_step_medium:Xr,size_button_min_width:Yr,size_header:Zr,size_icon_xxx_large:$r,size_icon_x_large:ra,size_icon_xx_small:aa,size_step_small:_a,size_navigation:oa,size_icon_large:ea,size_layout_max_width:la,size_tappable_square:ia,size_icon_x_small:ta,size_icon_xxx_small:sa,size_button_border:ca,size_button_tiny_border:ga,size_icon_medium:va,size_icon_small:xa,opacity_85:da,opacity_75:ma,opacity_50:na,opacity_30:pa,z_index_mask_buttons:ua,z_index_dropdown:ya,z_index_spinner:ba,z_index_default:ha,z_index_toast:za,z_index_popup:fa,z_index_modal:wa,z_index_sticky:ka,z_index_masked:qa,z_index_deep:Sa,z_index_overlay:Ia,z_index_mask:Ua,z_index_header:ja,line_height_medium:Aa,line_height_small:Ea,line_height_x_small:Ba,transition_quickly:Ca,transition_slowly:Fa,media_query_xxx_large:Ha,media_query_x_large:Ma,media_query_medium:Ra,media_query_large:Oa,media_query_xx_large:Da,media_query_x_small:Ga,media_query_xxx_small:Ja,media_query_small:Ka,media_query_xx_small:La};var Pa=Object.freeze({__proto__:null,color_warning:a,color_gray_darker:_,color_gray_lighter:o,color_category_home:e,color_primary:l,color_category_vehicle:i,color_success:t,color_category_family:s,color_primary_lightest:c,color_primary_lighter:g,color_brand_blue:v,color_primary_dark:x,color_gray_lightest:d,color_category_finance:m,color_gray_dark:n,color_gray_light:p,color_secondary:u,color_category_pet:y,color_primary_light:b,color_category_travel:h,color_gray:z,color_danger:f,color_gray_darker_turva:w,color_gray_lighter_turva:k,color_category_home_turva:q,color_primary_turva:S,color_category_vehicle_turva:I,color_success_turva:U,color_primary_lightest_turva:j,color_category_family_turva:A,color_category_union_turva:E,color_primary_lighter_turva:B,color_primary_dark_turva:C,color_gray_lightest_turva:F,color_gray_dark_turva:H,color_gray_light_turva:M,color_brand_gray_turva:R,color_secondary_turva:O,color_primary_light_turva:D,color_category_travel_turva:G,color_gray_turva:J,color_danger_turva:K,color_warning_turva:L,color_data_07:N,color_data_08:P,color_data_09:Q,color_data_10:T,color_data_11:V,color_data_01:W,color_data_12:X,color_data_02:Y,color_data_13:Z,color_data_03:$,color_data_14:rr,color_data_04:ar,color_data_15:_r,color_data_05:or,color_data_06:er,font_weight_extra_bold:lr,letter_spacing_heading:ir,font_family_heading_turva:tr,font_family_text_turva:sr,font_family_heading:cr,font_family_text:gr,font_weight_bold:vr,font_weight_normal:xr,font_weight_semi_bold:dr,font_size_xxxx_large:mr,font_size_xxx_large:nr,font_size_xx_large:pr,font_size_x_large:ur,font_size_large:yr,font_size_medium:br,font_size_small:hr,font_size_x_small:zr,radius_sharp:fr,radius_default:wr,radius_medium:kr,radius_large:qr,radius_circle:Sr,radius_pill:Ir,shadow_tooltip_turva:Ur,shadow_default:jr,shadow_tooltip:Ar,shadow_card_turva:Er,shadow_modal:Br,shadow_card:Cr,shadow_hover_turva:Fr,shadow_hover:Hr,shadow_default_turva:Mr,space_xx_small:Rr,space_large:Or,space_x_small:Dr,space_xxx_small:Gr,space_small:Jr,space_medium:Kr,space_xx_large:Lr,space_xxxx_large:Nr,space_xxxxx_large:Pr,space_xxx_large:Qr,space_x_large:Tr,size_icon_xx_large:Vr,size_form_border:Wr,size_step_medium:Xr,size_button_min_width:Yr,size_header:Zr,size_icon_xxx_large:$r,size_icon_x_large:ra,size_icon_xx_small:aa,size_step_small:_a,size_navigation:oa,size_icon_large:ea,size_layout_max_width:la,size_tappable_square:ia,size_icon_x_small:ta,size_icon_xxx_small:sa,size_button_border:ca,size_button_tiny_border:ga,size_icon_medium:va,size_icon_small:xa,opacity_85:da,opacity_75:ma,opacity_50:na,opacity_30:pa,z_index_mask_buttons:ua,z_index_dropdown:ya,z_index_spinner:ba,z_index_default:ha,z_index_toast:za,z_index_popup:fa,z_index_modal:wa,z_index_sticky:ka,z_index_masked:qa,z_index_deep:Sa,z_index_overlay:Ia,z_index_mask:Ua,z_index_header:ja,line_height_medium:Aa,line_height_small:Ea,line_height_x_small:Ba,transition_quickly:Ca,transition_slowly:Fa,media_query_xxx_large:Ha,media_query_x_large:Ma,media_query_medium:Ra,media_query_large:Oa,media_query_xx_large:Da,media_query_x_small:Ga,media_query_xxx_small:Ja,media_query_small:Ka,media_query_xx_small:La,default:Na});r("t",Pa)}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,o,n){function i(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,a){function l(e){try{r(n.next(e))}catch(t){a(t)}}function s(e){try{r(n["throw"](e))}catch(t){a(t)}}function r(e){e.done?o(e.value):i(e.value).then(l,s)}r((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return r([e,t])}}function r(s){if(n)throw new TypeError("Generator is already executing.");while(l&&(l=0,s[0]&&(o=0)),o)try{if(n=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;i=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(s[0]===6&&o.label<a[1]){o.label=a[1];a=s;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(s);break}if(a[2])o.ops.pop();o.trys.pop();continue}s=t.call(e,o)}catch(r){s=[6,r];i=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-e53bec6b.system.js","./p-33b3aba4.system.js","./p-75bf0c67.system.js","./p-c8dc599d.system.js","./p-71a46879.system.js","./p-b6d51921.system.js","./p-8c6e3c4f.system.js"],(function(e){"use strict";var t,o,n,i,a,l,s,r,u,c,p;return{setters:[function(e){t=e.r;o=e.h;n=e.H;i=e.g},function(e){a=e.i},function(e){l=e.F},function(e){s=e.g;r=e.c;u=e.d;c=e.a},function(e){p=e.g},function(){},function(){}],execute:function(){var d='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.5rem;font-weight:800;line-height:1.25;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(0, 41, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .top span{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(0, 41, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}';var f=e("duet_slideout_panel",function(){function e(e){var o=this;t(this,e);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"};this.updateLabel=function(){var e=o.element.querySelector("[slot='label']");o.label=e};this.onToggleClick=function(){var e=!o.open;o.open=e;if(e){setTimeout((function(){o.closeButton.focus()}),200)}else{setTimeout((function(){o.openButton.focus()}),200)}};this.onCloseClick=function(e){e.stopPropagation();var t=o.element.parentElement;if(t.tagName==="DUET-SLIDEOUT"){var n=o.element.parentElement;n.toggle()}};this.label=undefined;this.language=s();this.theme="";this.active=false;this.open=false;this.icon=undefined;this.labelSize="medium";this.backgroundColor="primary-lightest"}e.prototype.componentWillLoad=function(){a(this);this.updateLabel()};e.prototype.connectedCallback=function(){r(this)};e.prototype.disconnectedCallback=function(){u(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){if(this.open){setTimeout((function(){t.closeButton.focus(e)}),200)}else{setTimeout((function(){t.openButton.focus(e)}),200)}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var i=this.backgroundColor==="primary-lightest"?this.theme==="turva"?"gray-lighter":this.backgroundColor:this.backgroundColor;var a={background:p(i,this.theme)};var s=c(this.exitLangObject);var r=c(this.backLangObject);return o(n,null,o("div",{class:{"duet-slideout-panel":true,"duet-theme-turva":this.theme==="turva",active:this.open}},o("button",{ref:function(e){return t.openButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:true,active:this.active},onClick:this.onToggleClick},this.icon&&o("duet-icon",{name:this.icon,size:"medium",margin:"none",color:"secondary"}),o("div",{class:"label"},o("span",{class:(e={"label-text":true},e[this.labelSize]=true,e)},o("slot",{name:"label"})),o("duet-icon",{class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),o("div",{class:{dialog:true,hidden:!this.open},style:a},o(l,{moveFocusTo:this.closeButton}),o("div",{class:"top"},o("button",{ref:function(e){return t.closeButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":"".concat(r),type:"button",class:{back:true},onClick:this.onToggleClick},o("duet-icon",{class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),o("span",null,this.label.innerHTML),o("button",{class:"close",type:"button",onClick:this.onCloseClick,"aria-label":"".concat(s)},o("duet-icon",{name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),o("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true}},o("slot",null)),o(l,{moveFocusTo:this.closeButton}))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());f.style=d}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as o,g as i}from"./p-6a5197de.js";import{m as n,a as r}from"./p-cb9787ec.js";import{i as a}from"./p-4ebf1618.js";import{c as s}from"./p-c1325e35.js";import{g as l,a as c,c as u,d as p}from"./p-076452be.js";import"./p-5a9d75e1.js";function d(t){return t.split("-")[1]}function h(t){return"y"===t?"height":"width"}function f(t){return t.split("-")[0]}function b(t){return["top","bottom"].includes(f(t))?"x":"y"}function m(t,e,o){let{reference:i,floating:n}=t;const r=i.x+i.width/2-n.width/2,a=i.y+i.height/2-n.height/2,s=b(e),l=h(s),c=i[l]/2-n[l]/2,u="x"===s;let p;switch(f(e)){case"top":p={x:r,y:i.y-n.height};break;case"bottom":p={x:r,y:i.y+i.height};break;case"right":p={x:i.x+i.width,y:a};break;case"left":p={x:i.x-n.width,y:a};break;default:p={x:i.x,y:i.y}}switch(d(e)){case"start":p[s]-=c*(o&&u?-1:1);break;case"end":p[s]+=c*(o&&u?-1:1)}return p}function g(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function x(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function w(t,e){var o;void 0===e&&(e={});const{x:i,y:n,platform:r,rects:a,elements:s,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:p="floating",altBoundary:d=!1,padding:h=0}=e,f=g(h),b=s[d?"floating"===p?"reference":"floating":p],m=x(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(b)))||o?b:b.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(s.floating)),boundary:c,rootBoundary:u,strategy:l})),w="floating"===p?{...a.floating,x:i,y:n}:a.reference,y=await(null==r.getOffsetParent?void 0:r.getOffsetParent(s.floating)),v=await(null==r.isElement?void 0:r.isElement(y))&&await(null==r.getScale?void 0:r.getScale(y))||{x:1,y:1},k=x(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:y,strategy:l}):w);return{top:(m.top-k.top+f.top)/v.y,bottom:(k.bottom-m.bottom+f.bottom)/v.y,left:(m.left-k.left+f.left)/v.x,right:(k.right-m.right+f.right)/v.x}}const y=Math.min,v=Math.max;function k(t,e,o){return v(t,y(e,o))}const S=t=>({name:"arrow",options:t,async fn(e){const{element:o,padding:i=0}=t||{},{x:n,y:r,placement:a,rects:s,platform:l,elements:c}=e;if(null==o)return{};const u=g(i),p={x:n,y:r},f=b(a),m=h(f),x=await l.getDimensions(o),w="y"===f,y=w?"top":"left",v=w?"bottom":"right",S=w?"clientHeight":"clientWidth",C=s.reference[m]+s.reference[f]-p[f]-s.floating[m],j=p[f]-s.reference[f],A=await(null==l.getOffsetParent?void 0:l.getOffsetParent(o));let z=A?A[S]:0;z&&await(null==l.isElement?void 0:l.isElement(A))||(z=c.floating[S]||s.floating[m]);const R=u[y],I=z-x[m]-u[v],U=z/2-x[m]/2+(C/2-j/2),T=k(R,U,I),D=null!=d(a)&&U!=T&&s.reference[m]/2-(U<R?u[y]:u[v])-x[m]/2<0;return{[f]:p[f]-(D?U<R?R-U:I-U:0),data:{[f]:T,centerOffset:U-T}}}}),C={left:"right",right:"left",bottom:"top",top:"bottom"};function j(t){return t.replace(/left|right|bottom|top/g,(t=>C[t]))}const A={start:"end",end:"start"};function z(t){return t.replace(/start|end/g,(t=>A[t]))}const R=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o;const{placement:i,middlewareData:n,rects:r,initialPlacement:a,platform:s,elements:l}=e,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:p,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:x=!0,...y}=t,v=f(i),k=f(a)===a,S=await(null==s.isRTL?void 0:s.isRTL(l.floating)),C=p||(k||!x?[j(a)]:function(t){const e=j(t);return[z(t),e,z(e)]}(a));p||"none"===g||C.push(...function(t,e,o,i){const n=d(t);let r=function(t,e,o){const i=["left","right"],n=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return o?e?n:i:e?i:n;case"left":case"right":return e?r:a;default:return[]}}(f(t),"start"===o,i);return n&&(r=r.map((t=>t+"-"+n)),e&&(r=r.concat(r.map(z)))),r}(a,x,g,S));const A=[a,...C],R=await w(e,y),I=[];let U=(null==(o=n.flip)?void 0:o.overflows)||[];if(c&&I.push(R[v]),u){const{main:t,cross:e}=function(t,e,o){void 0===o&&(o=!1);const i=d(t),n=b(t),r=h(n);let a="x"===n?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(a=j(a)),{main:a,cross:j(a)}}(i,r,S);I.push(R[t],R[e])}if(U=[...U,{placement:i,overflows:I}],!I.every((t=>t<=0))){var T,D;const t=((null==(T=n.flip)?void 0:T.index)||0)+1,e=A[t];if(e)return{data:{index:t,overflows:U},reset:{placement:e}};let o=null==(D=U.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:D.placement;if(!o)switch(m){case"bestFit":{var E;const t=null==(E=U.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:E[0];t&&(o=t);break}case"initialPlacement":o=a}if(i!==o)return{reset:{placement:o}}}return{}}}};function I(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function U(t){return I(t).getComputedStyle(t)}function T(t){return t instanceof I(t).Node}function D(t){return T(t)?(t.nodeName||"").toLowerCase():""}function E(t){return t instanceof I(t).HTMLElement}function F(t){return t instanceof I(t).Element}function B(t){return"undefined"!=typeof ShadowRoot&&(t instanceof I(t).ShadowRoot||t instanceof ShadowRoot)}function M(t){const{overflow:e,overflowX:o,overflowY:i,display:n}=U(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(n)}function L(t){return["table","td","th"].includes(D(t))}function H(t){const e=P(),o=U(t);return"none"!==o.transform||"none"!==o.perspective||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function P(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function $(t){return["html","body","#document"].includes(D(t))}const N=Math.min,O=Math.max,W=Math.round;function V(t){const e=U(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const n=E(t),r=n?t.offsetWidth:o,a=n?t.offsetHeight:i,s=W(o)!==r||W(i)!==a;return s&&(o=r,i=a),{width:o,height:i,fallback:s}}function X(t){return F(t)?t:t.contextElement}const Y={x:1,y:1};function _(t){const e=X(t);if(!E(e))return Y;const o=e.getBoundingClientRect(),{width:i,height:n,fallback:r}=V(e);let a=(r?W(o.width):o.width)/i,s=(r?W(o.height):o.height)/n;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const K={x:0,y:0};function q(t,e,o){var i,n;if(void 0===e&&(e=!0),!P())return K;const r=t?I(t):window;return!o||e&&o!==r?K:{x:(null==(i=r.visualViewport)?void 0:i.offsetLeft)||0,y:(null==(n=r.visualViewport)?void 0:n.offsetTop)||0}}function G(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const n=t.getBoundingClientRect(),r=X(t);let a=Y;e&&(i?F(i)&&(a=_(i)):a=_(t));const s=q(r,o,i);let l=(n.left+s.x)/a.x,c=(n.top+s.y)/a.y,u=n.width/a.x,p=n.height/a.y;if(r){const t=I(r),e=i&&F(i)?I(i):i;let o=t.frameElement;for(;o&&i&&e!==t;){const t=_(o),e=o.getBoundingClientRect(),i=getComputedStyle(o);e.x+=(o.clientLeft+parseFloat(i.paddingLeft))*t.x,e.y+=(o.clientTop+parseFloat(i.paddingTop))*t.y,l*=t.x,c*=t.y,u*=t.x,p*=t.y,l+=e.x,c+=e.y,o=I(o).frameElement}}return x({width:u,height:p,x:l,y:c})}function J(t){return((T(t)?t.ownerDocument:t.document)||window.document).documentElement}function Q(t){return F(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Z(t){return G(J(t)).left+Q(t).scrollLeft}function tt(t){if("html"===D(t))return t;const e=t.assignedSlot||t.parentNode||B(t)&&t.host||J(t);return B(e)?e.host:e}function et(t){const e=tt(t);return $(e)?e.ownerDocument.body:E(e)&&M(e)?e:et(e)}function ot(t,e){var o;void 0===e&&(e=[]);const i=et(t),n=i===(null==(o=t.ownerDocument)?void 0:o.body),r=I(i);return n?e.concat(r,r.visualViewport||[],M(i)?i:[]):e.concat(i,ot(i))}function it(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=I(t),i=J(t),n=o.visualViewport;let r=i.clientWidth,a=i.clientHeight,s=0,l=0;if(n){r=n.width,a=n.height;const t=P();(!t||t&&"fixed"===e)&&(s=n.offsetLeft,l=n.offsetTop)}return{width:r,height:a,x:s,y:l}}(t,o);else if("document"===e)i=function(t){const e=J(t),o=Q(t),i=t.ownerDocument.body,n=O(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),r=O(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let a=-o.scrollLeft+Z(t);const s=-o.scrollTop;return"rtl"===U(i).direction&&(a+=O(e.clientWidth,i.clientWidth)-n),{width:n,height:r,x:a,y:s}}(J(t));else if(F(e))i=function(t,e){const o=G(t,!0,"fixed"===e),i=o.top+t.clientTop,n=o.left+t.clientLeft,r=E(t)?_(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:n*r.x,y:i*r.y}}(e,o);else{const o=q(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return x(i)}function nt(t,e){const o=tt(t);return!(o===e||!F(o)||$(o))&&("fixed"===U(o).position||nt(o,e))}function rt(t,e){return E(t)&&"fixed"!==U(t).position?e?e(t):t.offsetParent:null}function at(t,e){const o=I(t);if(!E(t))return o;let i=rt(t,e);for(;i&&L(i)&&"static"===U(i).position;)i=rt(i,e);return i&&("html"===D(i)||"body"===D(i)&&"static"===U(i).position&&!H(i))?o:i||function(t){let e=tt(t);for(;E(e)&&!$(e);){if(H(e))return e;e=tt(e)}return null}(t)||o}function st(t,e,o){const i=E(e),n=J(e),r="fixed"===o,a=G(t,!0,r,e);let s={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(i||!i&&!r)if(("body"!==D(e)||M(n))&&(s=Q(e)),E(e)){const t=G(e,!0,r,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else n&&(l.x=Z(n));return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}const lt={getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:n}=t;const r=[..."clippingAncestors"===o?function(t,e){const o=e.get(t);if(o)return o;let i=ot(t).filter((t=>F(t)&&"body"!==D(t))),n=null;const r="fixed"===U(t).position;let a=r?tt(t):t;for(;F(a)&&!$(a);){const e=U(a),o=H(a);o||"fixed"!==e.position||(n=null),(r?!o&&!n:!o&&"static"===e.position&&n&&["absolute","fixed"].includes(n.position)||M(a)&&!o&&nt(t,a))?i=i.filter((t=>t!==a)):n=e,a=tt(a)}return e.set(t,i),i}(e,this._c):[].concat(o),i],a=r.reduce(((t,o)=>{const i=it(e,o,n);return t.top=O(i.top,t.top),t.right=N(i.right,t.right),t.bottom=N(i.bottom,t.bottom),t.left=O(i.left,t.left),t}),it(e,r[0],n));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:o,strategy:i}=t;const n=E(o),r=J(o);if(o===r)return e;let a={scrollLeft:0,scrollTop:0},s={x:1,y:1};const l={x:0,y:0};if((n||!n&&"fixed"!==i)&&(("body"!==D(o)||M(r))&&(a=Q(o)),E(o))){const t=G(o);s=_(o),l.x=t.x+o.clientLeft,l.y=t.y+o.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-a.scrollLeft*s.x+l.x,y:e.y*s.y-a.scrollTop*s.y+l.y}},isElement:F,getDimensions:function(t){return V(t)},getOffsetParent:at,getDocumentElement:J,getScale:_,async getElementRects(t){let{reference:e,floating:o,strategy:i}=t;const n=this.getOffsetParent||at,r=this.getDimensions;return{reference:st(e,await n(o),i),floating:{x:0,y:0,...await r(o)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===U(t).direction},ct=class{constructor(e){t(this,e),this.mql=[window.matchMedia(n.replace(/'/g,"")),window.matchMedia(r.replace(/'/g,""))],this.tooltipId=s("DuetTooltip"),this.openTooltip=()=>{this.focusTarget="tooltip",this.active=!0},this.closeTooltip=(t=!1)=>{t&&(this.focusTarget="trigger"),this.active=!1},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.handleFocusOut=t=>{if(!this.active)return;const e=t.relatedTarget;null==e||this.element.shadowRoot.contains(e)||this.element.contains(e)||this.closeTooltip()},this.handleKeyDown=t=>{(27===t.keyCode||t.target===this.scrollableEl&&t.shiftKey&&9===t.keyCode)&&this.closeTooltip(!0)},this.handleCloseClick=()=>{this.closeTooltip(!0)},this.updatePlacement=async()=>{var t,e;let o=!0;("large"!==this.breakpoint||this.mql[1].matches)&&("medium"!==this.breakpoint||this.mql[0].matches)||(o=!1);let i=o?"top-start":"top-end";"left"===this.direction?i="top-end":"right"===this.direction&&(i="top-start");const n=await((t,e,o)=>{const i=new Map,n={platform:lt,...o},r={...n.platform,_c:i};return(async(t,e,o)=>{const{placement:i="bottom",strategy:n="absolute",middleware:r=[],platform:a}=o,s=r.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(e));let c=await a.getElementRects({reference:t,floating:e,strategy:n}),{x:u,y:p}=m(c,i,l),d=i,h={},f=0;for(let b=0;b<s.length;b++){const{name:o,fn:r}=s[b],{x:g,y:x,data:w,reset:y}=await r({x:u,y:p,initialPlacement:i,placement:d,strategy:n,middlewareData:h,rects:c,platform:a,elements:{reference:t,floating:e}});u=null!=g?g:u,p=null!=x?x:p,h={...h,[o]:{...h[o],...w}},y&&f<=50&&(f++,"object"==typeof y&&(y.placement&&(d=y.placement),y.rects&&(c=!0===y.rects?await a.getElementRects({reference:t,floating:e,strategy:n}):y.rects),({x:u,y:p}=m(c,d,l))),b=-1)}return{x:u,y:p,placement:d,strategy:n,middlewareData:h}})(t,e,{...n,platform:r})})(this.buttonEl,this.tooltipEl,{placement:i,middleware:[R(),(r={padding:5},void 0===r&&(r={}),{name:"shift",options:r,async fn(t){const{x:e,y:o,placement:i}=t,{mainAxis:n=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=r,c={x:e,y:o},u=await w(t,l),p=b(f(i)),d="x"===p?"y":"x";let h=c[p],m=c[d];n&&(h=k(h+u["y"===p?"top":"left"],h,h-u["y"===p?"bottom":"right"])),a&&(m=k(m+u["y"===d?"top":"left"],m,m-u["y"===d?"bottom":"right"]));const g=s.fn({...t,[p]:h,[d]:m});return{...g,data:{x:g.x-e,y:g.y-o}}}}),S({element:this.arrowEl})]});var r;this.tooltipY=n.y,this.tooltipX=n.x,this.placement=n.placement,this.arrowY=null===(t=n.middlewareData.arrow)||void 0===t?void 0:t.y,this.arrowX=null===(e=n.middlewareData.arrow)||void 0===e?void 0:e.x},this.placement="bottom",this.tooltipY=void 0,this.tooltipX=void 0,this.arrowX=void 0,this.arrowY=void 0,this.theme="",this.language=l(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=c(this.accessibleLabelDefault,this.language),this.accessibleInputLabel=void 0,this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=c(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1}watchLanguageStateHandler(t,e){t!==e&&this.accessibleLabel===this.accessibleLabelDefault[e]&&(this.accessibleLabel=c(this.accessibleLabelDefault,t)),t!==e&&this.accessibleCloseLabel===this.accessibleCloseLabelDefault[e]&&(this.accessibleCloseLabel=c(this.accessibleCloseLabelDefault,t))}componentWillLoad(){a(this)}componentDidLoad(){this.updatePlacement()}componentDidUpdate(){switch(this.focusTarget){case"tooltip":this.scrollableEl.focus({preventScroll:!0});break;case"trigger":this.buttonEl.focus({preventScroll:!0})}this.focusTarget=null}connectedCallback(){u(this)}disconnectedCallback(){p(this)}onScroll(){clearTimeout(this.scrollTimer),this.scrollTimer=setTimeout((()=>{this.active&&this.updatePlacement()}),100)}handleWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.updatePlacement()}),100)}handleDocumentClick(t){this.active&&t.composedPath().every((t=>t!==this.element))&&this.closeTooltip()}async handleActiveChange(t){t?this.updatePlacement():setTimeout((()=>this.updatePlacement()),300)}render(){const t={top:`${this.tooltipY}px`,left:`${this.tooltipX}px`,display:"block"},i={top:this.arrowY?`${this.arrowY}px`:void 0,left:this.arrowX?`${this.arrowX}px`:void 0};return e(o,{style:{transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""}},e("button",{ref:t=>this.buttonEl=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",onClick:this.toggleOpen,type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme}},e("svg",{"aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),e("circle",{cx:"11.625",cy:"7.125",r:"1.125"}),e("path",{d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?e("span",{class:"duet-tooltip-label"},this.label):e("duet-visually-hidden",null,this.accessibleInputLabel?`${this.accessibleInputLabel}, ${this.accessibleLabel}`:this.accessibleLabel)),e("div",{ref:t=>this.tooltipEl=t,style:t,class:{"duet-tooltip":!0,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-has-label":!!this.label,"duet-tooltip-active":!0===this.active},onClick:t=>t.stopPropagation(),onKeyDown:this.handleKeyDown,onFocusout:this.handleFocusOut},e("div",{ref:t=>this.scrollableEl=t,class:"duet-tooltip-scrollable",tabindex:"0",id:this.tooltipId},e("slot",null)),e("div",{ref:t=>this.arrowEl=t,class:{arrow:!0,[this.placement]:!0},style:i},e("div",{class:{"arrow-container":!0,[this.placement]:!0}})),e("button",{type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick},e("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),e("duet-visually-hidden",null,this.accessibleCloseLabel))))}get element(){return i(this)}static get watchers(){return{language:["watchLanguageStateHandler"],active:["handleActiveChange"]}}};ct.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}.duet-tooltip{position:absolute;z-index:950;display:none;width:282px;min-height:48px;max-height:340px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-21px}.duet-tooltip .arrow-container{position:relative;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(228, 228, 230)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(228, 228, 230)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button:hover{color:rgb(0, 77, 128)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(148, 9, 37)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-scrollable{padding:20px !important;width:100%;max-height:250px;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-scrollable:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-scrollable:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-scrollable:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-tooltip-scrollable::-webkit-scrollbar{width:4px}.duet-tooltip-scrollable::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:rgb(225, 227, 230);border-radius:4px}.duet-theme-turva .duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:rgb(228, 228, 230)}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(0, 41, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px rgb(0, 119, 179)}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px rgb(23, 28, 58)}';export{ct as duet_tooltip}
|
|
4
|
+
import{r as t,h as e,H as o,g as i}from"./p-bb49aaf4.js";import{m as n,a as r}from"./p-b519ac77.js";import{i as a}from"./p-4ebf1618.js";import{c as s}from"./p-c1325e35.js";import{g as l,a as c,c as u,d as p}from"./p-076452be.js";import"./p-5a9d75e1.js";function d(t){return t.split("-")[1]}function h(t){return"y"===t?"height":"width"}function f(t){return t.split("-")[0]}function b(t){return["top","bottom"].includes(f(t))?"x":"y"}function m(t,e,o){let{reference:i,floating:n}=t;const r=i.x+i.width/2-n.width/2,a=i.y+i.height/2-n.height/2,s=b(e),l=h(s),c=i[l]/2-n[l]/2,u="x"===s;let p;switch(f(e)){case"top":p={x:r,y:i.y-n.height};break;case"bottom":p={x:r,y:i.y+i.height};break;case"right":p={x:i.x+i.width,y:a};break;case"left":p={x:i.x-n.width,y:a};break;default:p={x:i.x,y:i.y}}switch(d(e)){case"start":p[s]-=c*(o&&u?-1:1);break;case"end":p[s]+=c*(o&&u?-1:1)}return p}function g(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function x(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function w(t,e){var o;void 0===e&&(e={});const{x:i,y:n,platform:r,rects:a,elements:s,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:p="floating",altBoundary:d=!1,padding:h=0}=e,f=g(h),b=s[d?"floating"===p?"reference":"floating":p],m=x(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(b)))||o?b:b.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(s.floating)),boundary:c,rootBoundary:u,strategy:l})),w="floating"===p?{...a.floating,x:i,y:n}:a.reference,y=await(null==r.getOffsetParent?void 0:r.getOffsetParent(s.floating)),v=await(null==r.isElement?void 0:r.isElement(y))&&await(null==r.getScale?void 0:r.getScale(y))||{x:1,y:1},k=x(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:y,strategy:l}):w);return{top:(m.top-k.top+f.top)/v.y,bottom:(k.bottom-m.bottom+f.bottom)/v.y,left:(m.left-k.left+f.left)/v.x,right:(k.right-m.right+f.right)/v.x}}const y=Math.min,v=Math.max;function k(t,e,o){return v(t,y(e,o))}const S=t=>({name:"arrow",options:t,async fn(e){const{element:o,padding:i=0}=t||{},{x:n,y:r,placement:a,rects:s,platform:l,elements:c}=e;if(null==o)return{};const u=g(i),p={x:n,y:r},f=b(a),m=h(f),x=await l.getDimensions(o),w="y"===f,y=w?"top":"left",v=w?"bottom":"right",S=w?"clientHeight":"clientWidth",C=s.reference[m]+s.reference[f]-p[f]-s.floating[m],j=p[f]-s.reference[f],A=await(null==l.getOffsetParent?void 0:l.getOffsetParent(o));let z=A?A[S]:0;z&&await(null==l.isElement?void 0:l.isElement(A))||(z=c.floating[S]||s.floating[m]);const R=u[y],I=z-x[m]-u[v],U=z/2-x[m]/2+(C/2-j/2),T=k(R,U,I),D=null!=d(a)&&U!=T&&s.reference[m]/2-(U<R?u[y]:u[v])-x[m]/2<0;return{[f]:p[f]-(D?U<R?R-U:I-U:0),data:{[f]:T,centerOffset:U-T}}}}),C={left:"right",right:"left",bottom:"top",top:"bottom"};function j(t){return t.replace(/left|right|bottom|top/g,(t=>C[t]))}const A={start:"end",end:"start"};function z(t){return t.replace(/start|end/g,(t=>A[t]))}const R=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o;const{placement:i,middlewareData:n,rects:r,initialPlacement:a,platform:s,elements:l}=e,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:p,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:x=!0,...y}=t,v=f(i),k=f(a)===a,S=await(null==s.isRTL?void 0:s.isRTL(l.floating)),C=p||(k||!x?[j(a)]:function(t){const e=j(t);return[z(t),e,z(e)]}(a));p||"none"===g||C.push(...function(t,e,o,i){const n=d(t);let r=function(t,e,o){const i=["left","right"],n=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return o?e?n:i:e?i:n;case"left":case"right":return e?r:a;default:return[]}}(f(t),"start"===o,i);return n&&(r=r.map((t=>t+"-"+n)),e&&(r=r.concat(r.map(z)))),r}(a,x,g,S));const A=[a,...C],R=await w(e,y),I=[];let U=(null==(o=n.flip)?void 0:o.overflows)||[];if(c&&I.push(R[v]),u){const{main:t,cross:e}=function(t,e,o){void 0===o&&(o=!1);const i=d(t),n=b(t),r=h(n);let a="x"===n?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(a=j(a)),{main:a,cross:j(a)}}(i,r,S);I.push(R[t],R[e])}if(U=[...U,{placement:i,overflows:I}],!I.every((t=>t<=0))){var T,D;const t=((null==(T=n.flip)?void 0:T.index)||0)+1,e=A[t];if(e)return{data:{index:t,overflows:U},reset:{placement:e}};let o=null==(D=U.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:D.placement;if(!o)switch(m){case"bestFit":{var E;const t=null==(E=U.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:E[0];t&&(o=t);break}case"initialPlacement":o=a}if(i!==o)return{reset:{placement:o}}}return{}}}};function I(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function U(t){return I(t).getComputedStyle(t)}function T(t){return t instanceof I(t).Node}function D(t){return T(t)?(t.nodeName||"").toLowerCase():""}function E(t){return t instanceof I(t).HTMLElement}function F(t){return t instanceof I(t).Element}function B(t){return"undefined"!=typeof ShadowRoot&&(t instanceof I(t).ShadowRoot||t instanceof ShadowRoot)}function M(t){const{overflow:e,overflowX:o,overflowY:i,display:n}=U(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(n)}function L(t){return["table","td","th"].includes(D(t))}function H(t){const e=P(),o=U(t);return"none"!==o.transform||"none"!==o.perspective||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function P(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function $(t){return["html","body","#document"].includes(D(t))}const N=Math.min,O=Math.max,W=Math.round;function V(t){const e=U(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const n=E(t),r=n?t.offsetWidth:o,a=n?t.offsetHeight:i,s=W(o)!==r||W(i)!==a;return s&&(o=r,i=a),{width:o,height:i,fallback:s}}function X(t){return F(t)?t:t.contextElement}const Y={x:1,y:1};function _(t){const e=X(t);if(!E(e))return Y;const o=e.getBoundingClientRect(),{width:i,height:n,fallback:r}=V(e);let a=(r?W(o.width):o.width)/i,s=(r?W(o.height):o.height)/n;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const K={x:0,y:0};function q(t,e,o){var i,n;if(void 0===e&&(e=!0),!P())return K;const r=t?I(t):window;return!o||e&&o!==r?K:{x:(null==(i=r.visualViewport)?void 0:i.offsetLeft)||0,y:(null==(n=r.visualViewport)?void 0:n.offsetTop)||0}}function G(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const n=t.getBoundingClientRect(),r=X(t);let a=Y;e&&(i?F(i)&&(a=_(i)):a=_(t));const s=q(r,o,i);let l=(n.left+s.x)/a.x,c=(n.top+s.y)/a.y,u=n.width/a.x,p=n.height/a.y;if(r){const t=I(r),e=i&&F(i)?I(i):i;let o=t.frameElement;for(;o&&i&&e!==t;){const t=_(o),e=o.getBoundingClientRect(),i=getComputedStyle(o);e.x+=(o.clientLeft+parseFloat(i.paddingLeft))*t.x,e.y+=(o.clientTop+parseFloat(i.paddingTop))*t.y,l*=t.x,c*=t.y,u*=t.x,p*=t.y,l+=e.x,c+=e.y,o=I(o).frameElement}}return x({width:u,height:p,x:l,y:c})}function J(t){return((T(t)?t.ownerDocument:t.document)||window.document).documentElement}function Q(t){return F(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Z(t){return G(J(t)).left+Q(t).scrollLeft}function tt(t){if("html"===D(t))return t;const e=t.assignedSlot||t.parentNode||B(t)&&t.host||J(t);return B(e)?e.host:e}function et(t){const e=tt(t);return $(e)?e.ownerDocument.body:E(e)&&M(e)?e:et(e)}function ot(t,e){var o;void 0===e&&(e=[]);const i=et(t),n=i===(null==(o=t.ownerDocument)?void 0:o.body),r=I(i);return n?e.concat(r,r.visualViewport||[],M(i)?i:[]):e.concat(i,ot(i))}function it(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=I(t),i=J(t),n=o.visualViewport;let r=i.clientWidth,a=i.clientHeight,s=0,l=0;if(n){r=n.width,a=n.height;const t=P();(!t||t&&"fixed"===e)&&(s=n.offsetLeft,l=n.offsetTop)}return{width:r,height:a,x:s,y:l}}(t,o);else if("document"===e)i=function(t){const e=J(t),o=Q(t),i=t.ownerDocument.body,n=O(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),r=O(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let a=-o.scrollLeft+Z(t);const s=-o.scrollTop;return"rtl"===U(i).direction&&(a+=O(e.clientWidth,i.clientWidth)-n),{width:n,height:r,x:a,y:s}}(J(t));else if(F(e))i=function(t,e){const o=G(t,!0,"fixed"===e),i=o.top+t.clientTop,n=o.left+t.clientLeft,r=E(t)?_(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:n*r.x,y:i*r.y}}(e,o);else{const o=q(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return x(i)}function nt(t,e){const o=tt(t);return!(o===e||!F(o)||$(o))&&("fixed"===U(o).position||nt(o,e))}function rt(t,e){return E(t)&&"fixed"!==U(t).position?e?e(t):t.offsetParent:null}function at(t,e){const o=I(t);if(!E(t))return o;let i=rt(t,e);for(;i&&L(i)&&"static"===U(i).position;)i=rt(i,e);return i&&("html"===D(i)||"body"===D(i)&&"static"===U(i).position&&!H(i))?o:i||function(t){let e=tt(t);for(;E(e)&&!$(e);){if(H(e))return e;e=tt(e)}return null}(t)||o}function st(t,e,o){const i=E(e),n=J(e),r="fixed"===o,a=G(t,!0,r,e);let s={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(i||!i&&!r)if(("body"!==D(e)||M(n))&&(s=Q(e)),E(e)){const t=G(e,!0,r,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else n&&(l.x=Z(n));return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}const lt={getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:n}=t;const r=[..."clippingAncestors"===o?function(t,e){const o=e.get(t);if(o)return o;let i=ot(t).filter((t=>F(t)&&"body"!==D(t))),n=null;const r="fixed"===U(t).position;let a=r?tt(t):t;for(;F(a)&&!$(a);){const e=U(a),o=H(a);o||"fixed"!==e.position||(n=null),(r?!o&&!n:!o&&"static"===e.position&&n&&["absolute","fixed"].includes(n.position)||M(a)&&!o&&nt(t,a))?i=i.filter((t=>t!==a)):n=e,a=tt(a)}return e.set(t,i),i}(e,this._c):[].concat(o),i],a=r.reduce(((t,o)=>{const i=it(e,o,n);return t.top=O(i.top,t.top),t.right=N(i.right,t.right),t.bottom=N(i.bottom,t.bottom),t.left=O(i.left,t.left),t}),it(e,r[0],n));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:o,strategy:i}=t;const n=E(o),r=J(o);if(o===r)return e;let a={scrollLeft:0,scrollTop:0},s={x:1,y:1};const l={x:0,y:0};if((n||!n&&"fixed"!==i)&&(("body"!==D(o)||M(r))&&(a=Q(o)),E(o))){const t=G(o);s=_(o),l.x=t.x+o.clientLeft,l.y=t.y+o.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-a.scrollLeft*s.x+l.x,y:e.y*s.y-a.scrollTop*s.y+l.y}},isElement:F,getDimensions:function(t){return V(t)},getOffsetParent:at,getDocumentElement:J,getScale:_,async getElementRects(t){let{reference:e,floating:o,strategy:i}=t;const n=this.getOffsetParent||at,r=this.getDimensions;return{reference:st(e,await n(o),i),floating:{x:0,y:0,...await r(o)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===U(t).direction},ct=class{constructor(e){t(this,e),this.mql=[window.matchMedia(n.replace(/'/g,"")),window.matchMedia(r.replace(/'/g,""))],this.tooltipId=s("DuetTooltip"),this.openTooltip=()=>{this.focusTarget="tooltip",this.active=!0},this.closeTooltip=(t=!1)=>{t&&(this.focusTarget="trigger"),this.active=!1},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.handleFocusOut=t=>{if(!this.active)return;const e=t.relatedTarget;null==e||this.element.shadowRoot.contains(e)||this.element.contains(e)||this.closeTooltip()},this.handleKeyDown=t=>{(27===t.keyCode||t.target===this.scrollableEl&&t.shiftKey&&9===t.keyCode)&&this.closeTooltip(!0)},this.handleCloseClick=()=>{this.closeTooltip(!0)},this.updatePlacement=async()=>{var t,e;let o=!0;("large"!==this.breakpoint||this.mql[1].matches)&&("medium"!==this.breakpoint||this.mql[0].matches)||(o=!1);let i=o?"top-start":"top-end";"left"===this.direction?i="top-end":"right"===this.direction&&(i="top-start");const n=await((t,e,o)=>{const i=new Map,n={platform:lt,...o},r={...n.platform,_c:i};return(async(t,e,o)=>{const{placement:i="bottom",strategy:n="absolute",middleware:r=[],platform:a}=o,s=r.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(e));let c=await a.getElementRects({reference:t,floating:e,strategy:n}),{x:u,y:p}=m(c,i,l),d=i,h={},f=0;for(let b=0;b<s.length;b++){const{name:o,fn:r}=s[b],{x:g,y:x,data:w,reset:y}=await r({x:u,y:p,initialPlacement:i,placement:d,strategy:n,middlewareData:h,rects:c,platform:a,elements:{reference:t,floating:e}});u=null!=g?g:u,p=null!=x?x:p,h={...h,[o]:{...h[o],...w}},y&&f<=50&&(f++,"object"==typeof y&&(y.placement&&(d=y.placement),y.rects&&(c=!0===y.rects?await a.getElementRects({reference:t,floating:e,strategy:n}):y.rects),({x:u,y:p}=m(c,d,l))),b=-1)}return{x:u,y:p,placement:d,strategy:n,middlewareData:h}})(t,e,{...n,platform:r})})(this.buttonEl,this.tooltipEl,{placement:i,middleware:[R(),(r={padding:5},void 0===r&&(r={}),{name:"shift",options:r,async fn(t){const{x:e,y:o,placement:i}=t,{mainAxis:n=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=r,c={x:e,y:o},u=await w(t,l),p=b(f(i)),d="x"===p?"y":"x";let h=c[p],m=c[d];n&&(h=k(h+u["y"===p?"top":"left"],h,h-u["y"===p?"bottom":"right"])),a&&(m=k(m+u["y"===d?"top":"left"],m,m-u["y"===d?"bottom":"right"]));const g=s.fn({...t,[p]:h,[d]:m});return{...g,data:{x:g.x-e,y:g.y-o}}}}),S({element:this.arrowEl})]});var r;this.tooltipY=n.y,this.tooltipX=n.x,this.placement=n.placement,this.arrowY=null===(t=n.middlewareData.arrow)||void 0===t?void 0:t.y,this.arrowX=null===(e=n.middlewareData.arrow)||void 0===e?void 0:e.x},this.placement="bottom",this.tooltipY=void 0,this.tooltipX=void 0,this.arrowX=void 0,this.arrowY=void 0,this.theme="",this.language=l(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=c(this.accessibleLabelDefault,this.language),this.accessibleInputLabel=void 0,this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=c(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1}watchLanguageStateHandler(t,e){t!==e&&this.accessibleLabel===this.accessibleLabelDefault[e]&&(this.accessibleLabel=c(this.accessibleLabelDefault,t)),t!==e&&this.accessibleCloseLabel===this.accessibleCloseLabelDefault[e]&&(this.accessibleCloseLabel=c(this.accessibleCloseLabelDefault,t))}componentWillLoad(){a(this)}componentDidLoad(){this.updatePlacement()}componentDidUpdate(){switch(this.focusTarget){case"tooltip":this.scrollableEl.focus({preventScroll:!0});break;case"trigger":this.buttonEl.focus({preventScroll:!0})}this.focusTarget=null}connectedCallback(){u(this)}disconnectedCallback(){p(this)}onScroll(){clearTimeout(this.scrollTimer),this.scrollTimer=setTimeout((()=>{this.active&&this.updatePlacement()}),100)}handleWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.updatePlacement()}),100)}handleDocumentClick(t){this.active&&t.composedPath().every((t=>t!==this.element))&&this.closeTooltip()}async handleActiveChange(t){t?this.updatePlacement():setTimeout((()=>this.updatePlacement()),300)}render(){const t={top:`${this.tooltipY}px`,left:`${this.tooltipX}px`,display:"block"},i={top:this.arrowY?`${this.arrowY}px`:void 0,left:this.arrowX?`${this.arrowX}px`:void 0};return e(o,{style:{transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""}},e("button",{ref:t=>this.buttonEl=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",onClick:this.toggleOpen,type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme}},e("svg",{"aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),e("circle",{cx:"11.625",cy:"7.125",r:"1.125"}),e("path",{d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?e("span",{class:"duet-tooltip-label"},this.label):e("duet-visually-hidden",null,this.accessibleInputLabel?`${this.accessibleInputLabel}, ${this.accessibleLabel}`:this.accessibleLabel)),e("div",{ref:t=>this.tooltipEl=t,style:t,class:{"duet-tooltip":!0,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-has-label":!!this.label,"duet-tooltip-active":!0===this.active},onClick:t=>t.stopPropagation(),onKeyDown:this.handleKeyDown,onFocusout:this.handleFocusOut},e("div",{ref:t=>this.scrollableEl=t,class:"duet-tooltip-scrollable",tabindex:"0",id:this.tooltipId},e("slot",null)),e("div",{ref:t=>this.arrowEl=t,class:{arrow:!0,[this.placement]:!0},style:i},e("div",{class:{"arrow-container":!0,[this.placement]:!0}})),e("button",{type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick},e("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),e("duet-visually-hidden",null,this.accessibleCloseLabel))))}get element(){return i(this)}static get watchers(){return{language:["watchLanguageStateHandler"],active:["handleActiveChange"]}}};ct.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}.duet-tooltip{position:absolute;z-index:950;display:none;width:282px;min-height:48px;max-height:340px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-21px}.duet-tooltip .arrow-container{position:relative;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(228, 228, 230)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(228, 228, 230)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button:hover{color:rgb(0, 77, 128)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(148, 9, 37)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-scrollable{padding:20px !important;width:100%;max-height:250px;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-scrollable:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-scrollable:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-scrollable:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-tooltip-scrollable::-webkit-scrollbar{width:4px}.duet-tooltip-scrollable::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:rgb(225, 227, 230);border-radius:4px}.duet-theme-turva .duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:rgb(228, 228, 230)}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(0, 41, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px rgb(0, 119, 179)}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px rgb(23, 28, 58)}';export{ct as duet_tooltip}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register(["./p-e53bec6b.system.js","./p-33b3aba4.system.js","./p-71a46879.system.js","./p-8c6e3c4f.system.js"],(function(e){"use strict";var t,a,n,o,i,r;return{setters:[function(e){t=e.r;a=e.h;n=e.H;o=e.g},function(e){i=e.i},function(e){r=e.g},function(){}],execute:function(){var l='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-banner{display:grid;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;text-align:left;border-radius:24px}.duet-banner.duet-p-0{padding:0 !important}.duet-banner.duet-m-0{margin:0 !important}.duet-banner .visual{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner .visual .image-container{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}.duet-banner .visual .image{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}.duet-banner .visual .icon{position:absolute}.duet-banner .content{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}.duet-banner .action{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}.duet-banner.small{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.small .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.small .visual .image-container{top:-130px;left:-40px}.duet-banner.small .visual .icon{bottom:30px;left:15px}.duet-banner.large{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.large .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.large .visual .image-container{top:-30px;left:-30px}.duet-banner.large .visual .image{top:-15px;left:30px}.duet-banner.large .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.large .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}.duet-banner.large .action{flex-grow:0}.duet-banner.auto{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.auto .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.auto .visual .image-container{top:-130px;left:-40px}.duet-banner.auto .visual .icon{bottom:30px;left:15px}@media (min-width: 62em){.duet-banner.auto{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.auto .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.auto .visual .image-container{top:-30px;left:-30px}.duet-banner.auto .visual .image{top:-15px;left:30px}.duet-banner.auto .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.auto .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}.duet-banner.auto .action{flex-grow:0}}.duet-banner.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-banner.duet-theme-turva .visual .image-container{width:526px;height:456px;transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}.duet-banner.duet-theme-turva .visual .image{transform:none}.duet-banner.duet-theme-turva.small .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.small .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.small .visual .icon{bottom:15px}.duet-banner.duet-theme-turva.large .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.large .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.large .visual .icon{bottom:auto;left:295px}.duet-banner.duet-theme-turva.auto .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:15px}@media (min-width: 62em){.duet-banner.duet-theme-turva.auto .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:auto;left:295px}}';var s=e("duet_banner",function(){function e(e){t(this,e);this.theme="";this.margin="auto";this.backgroundColor="primary-lighter";this.iconColor="gray-lightest";this.iconBackgroundColor="primary";this.textColor="secondary";this.size="auto";this.image="";this.icon="";this.headingLevel="h2"}e.prototype.componentWillLoad=function(){i(this);this.hasHeadingSlot=!!this.element.querySelector('[slot="heading"]');this.hasDescriptionSlot=!!this.element.querySelector('[slot="description"]');this.hasActionSlot=!!this.element.querySelector('[slot="action"]')};e.prototype.render=function(){var e;var t=this.theme==="turva"&&this.backgroundColor==="primary-lighter"?"gray-light":this.backgroundColor;var o=r(t,this.theme);var i={backgroundColor:o};return a(n,{class:{"duet-m-0":this.margin==="none"}},a("aside",{class:(e={"duet-banner":true,"duet-theme-turva":this.theme==="turva"},e[this.size]=true,e),style:i},a("div",{class:"visual"},a("div",{class:"image-container"},a("img",{class:"image",src:this.image,alt:"",role:"presentation"})),this.icon&&a("duet-icon",{theme:this.theme,class:"icon",name:this.icon,shape:"brand",size:"xx-large",color:this.iconColor,background:this.iconBackgroundColor,"background-rotation":"7","background-opacity":"0.85",margin:"none"})),a("div",{class:"content"},this.hasHeadingSlot&&a("div",{class:"heading"},a("duet-heading",{theme:this.theme,level:this.headingLevel,"visual-level":"h2",margin:"none",color:this.textColor},a("slot",{name:"heading"}))),this.hasDescriptionSlot&&a("div",{class:"description"},a("duet-paragraph",{theme:this.theme,margin:"none",color:this.textColor},a("slot",{name:"description"}))),this.hasActionSlot&&a("div",{class:"action"},a("slot",{name:"action"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());s.style=l}}}));
|