@duetds/components 8.1.4 → 8.2.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 +225 -131
- package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-alert.cjs.entry.js +1 -1
- package/lib/cjs/duet-badge.cjs.entry.js +3 -3
- package/lib/cjs/duet-banner.cjs.entry.js +7 -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 +6 -6
- package/lib/cjs/duet-callout.cjs.entry.js +4 -3
- package/lib/cjs/duet-caption_4.cjs.entry.js +3 -3
- package/lib/cjs/duet-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
- package/lib/cjs/duet-chip.cjs.entry.js +22 -3
- 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-file-chooser.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +1 -1
- 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 +3 -2
- package/lib/cjs/duet-icon.cjs.entry.js +5 -5
- package/lib/cjs/duet-input_2.cjs.entry.js +9 -5
- 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 +18 -5
- package/lib/cjs/duet-multiselect.cjs.entry.js +4 -2
- 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 +3 -3
- package/lib/cjs/duet-popup-menu-item.cjs.entry.js +4 -3
- package/lib/cjs/duet-popup-menu.cjs.entry.js +14 -13
- package/lib/cjs/duet-progress.cjs.entry.js +1 -1
- package/lib/cjs/duet-promo-card.cjs.entry.js +5 -4
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +5 -3
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
- package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +4 -2
- package/lib/cjs/duet-shaped-image.cjs.entry.js +1 -1
- package/lib/cjs/duet-show-more.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 +91 -99
- 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 +4 -2
- package/lib/cjs/duet-toggle.cjs.entry.js +4 -2
- 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-button_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-tooltip.cjs.entry.js +12 -3
- 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-upload-item.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-fd4fdee9.js → focus-utils-1780ee53.js} +1 -1
- package/lib/cjs/{index-6ea7b876.js → index-8595e0c1.js} +1 -1
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/cjs/slot-utils-6c81bd09.js +20 -0
- package/lib/cjs/{token-utils-a5356b00.js → token-utils-c672402d.js} +1 -1
- package/lib/cjs/{tokens-51cfbe11.js → tokens-c3eecae6.js} +1 -1
- package/lib/cjs/{tokens.module-ce5f9579.js → tokens.module-bc323a09.js} +1 -1
- package/lib/collection/common/focusable-component.js +1 -0
- package/lib/collection/common/opener-component.js +1 -0
- package/lib/collection/components/duet-badge/duet-badge.css +1 -0
- package/lib/collection/components/duet-badge/duet-badge.js +1 -1
- package/lib/collection/components/duet-banner/duet-banner.css +3 -0
- package/lib/collection/components/duet-banner/duet-banner.js +8 -1
- package/lib/collection/components/duet-button/duet-button.css +1 -0
- package/lib/collection/components/duet-button/duet-button.js +2 -2
- package/lib/collection/components/duet-callout/duet-callout.css +18 -1
- package/lib/collection/components/duet-callout/duet-callout.js +3 -2
- package/lib/collection/components/duet-chip/duet-chip.css +2 -2
- package/lib/collection/components/duet-chip/duet-chip.js +55 -1
- package/lib/collection/components/duet-hero/duet-hero.js +5 -4
- package/lib/collection/components/duet-icon/duet-icon.css +1 -0
- package/lib/collection/components/duet-icon/duet-icon.js +1 -1
- package/lib/collection/components/duet-input/duet-input.js +43 -1
- package/lib/collection/components/duet-label/duet-label.css +7 -0
- package/lib/collection/components/duet-label/duet-label.js +26 -0
- package/lib/collection/components/duet-modal/duet-modal.css +105 -16
- package/lib/collection/components/duet-modal/duet-modal.js +40 -3
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +43 -1
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +43 -14
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +4 -0
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +20 -1
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +8 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +43 -1
- package/lib/collection/components/duet-select/duet-select.js +43 -1
- package/lib/collection/components/duet-slideout/duet-slideout.css +35 -0
- package/lib/collection/components/duet-slideout/duet-slideout.js +114 -123
- package/lib/collection/components/duet-textarea/duet-textarea.js +43 -1
- package/lib/collection/components/duet-toggle/duet-toggle.js +43 -1
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +27 -1
- package/lib/collection/utils/slot-utils.js +16 -0
- 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 -14
- package/lib/dist-custom-elements/duet-breadcrumb.js +3 -3
- package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +6 -11
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +4 -4
- 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-chip.js +25 -4
- package/lib/dist-custom-elements/duet-choice-group.js +8 -8
- 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 +12 -12
- 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-file-chooser.js +2 -2
- package/lib/dist-custom-elements/duet-footer.js +4 -4
- 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 +11 -10
- 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 +24 -10
- package/lib/dist-custom-elements/duet-multiselect.js +14 -10
- 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 +11 -11
- package/lib/dist-custom-elements/duet-page-heading.js +2 -2
- package/lib/dist-custom-elements/duet-pagination.js +14 -14
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu-item.js +6 -4
- package/lib/dist-custom-elements/duet-popup-menu.js +15 -13
- package/lib/dist-custom-elements/duet-progress.js +1 -1
- package/lib/dist-custom-elements/duet-promo-card.js +6 -5
- package/lib/dist-custom-elements/duet-radio-group.js +8 -8
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +8 -4
- 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-shaped-image.js +1 -1
- package/lib/dist-custom-elements/duet-show-more.js +5 -5
- 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 +97 -103
- 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 +13 -13
- 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 +15 -11
- package/lib/dist-custom-elements/duet-toggle.js +7 -3
- 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-button.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-popup.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-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +18 -18
- 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-077e5396.js → p-0297efef.js} +10 -10
- package/lib/dist-custom-elements/{p-d18ca3d9.js → p-0aef3ad3.js} +2 -2
- package/lib/dist-custom-elements/{p-8aaaefdf.js → p-13916d96.js} +2 -2
- package/lib/dist-custom-elements/p-15d5aa46.js +60 -0
- package/lib/dist-custom-elements/p-188d76d4.js +205 -0
- package/lib/dist-custom-elements/{p-19fc0434.js → p-1b55b8aa.js} +1 -1
- package/lib/dist-custom-elements/{p-98dcc2eb.js → p-27efc5ff.js} +3 -3
- package/lib/dist-custom-elements/{p-5f8459bd.js → p-30fe9f1c.js} +13 -9
- package/lib/dist-custom-elements/{p-c9808777.js → p-3bb00966.js} +15 -11
- package/lib/dist-custom-elements/{p-9b14643e.js → p-4086f5d7.js} +2 -2
- package/lib/dist-custom-elements/{p-36cee998.js → p-5c8435c6.js} +5 -5
- package/lib/dist-custom-elements/{p-802e0cd4.js → p-63997028.js} +17 -7
- package/lib/dist-custom-elements/{p-9c5b3e92.js → p-679f9f84.js} +1 -1
- package/lib/dist-custom-elements/{p-59fdca12.js → p-6a6a112e.js} +2 -2
- package/lib/dist-custom-elements/{p-506c2666.js → p-7b59279f.js} +6 -3
- package/lib/dist-custom-elements/{p-f91938ae.js → p-80cc1a6e.js} +2 -2
- package/lib/dist-custom-elements/{p-1ed786bc.js → p-811f6b14.js} +1 -1
- package/lib/dist-custom-elements/{p-4091ca56.js → p-8313084c.js} +1 -1
- package/lib/dist-custom-elements/{p-18ec08ac.js → p-8371f4c9.js} +4 -4
- package/lib/dist-custom-elements/{p-482e780b.js → p-8aeece22.js} +2 -2
- package/lib/dist-custom-elements/{p-0d74f436.js → p-8f9c9ce8.js} +2 -2
- package/lib/dist-custom-elements/{p-2eb72ea1.js → p-929cc9d5.js} +1 -1
- package/lib/dist-custom-elements/{p-5b14ef9f.js → p-98aea896.js} +1 -1
- package/lib/dist-custom-elements/{p-d94a9d9c.js → p-9e103db0.js} +1 -1
- package/lib/dist-custom-elements/{p-ff50aff2.js → p-9f454015.js} +3 -3
- package/lib/dist-custom-elements/{p-91facf89.js → p-a5057e42.js} +2 -2
- package/lib/dist-custom-elements/p-bb24a019.js +18 -0
- package/lib/dist-custom-elements/{p-7a6cf439.js → p-d072d3f7.js} +8 -8
- package/lib/dist-custom-elements/{p-2941d90a.js → p-d07f9fcc.js} +1 -1
- package/lib/dist-custom-elements/{p-2b56c0d7.js → p-d37a3cec.js} +1 -1
- package/lib/{esm/tokens-04106a43.js → dist-custom-elements/p-d81ec707.js} +1 -1
- package/lib/dist-custom-elements/{p-57e61e85.js → p-d87fd2f0.js} +3 -3
- package/lib/dist-custom-elements/{p-7c5f9c80.js → p-dbaac77a.js} +5 -5
- package/lib/dist-custom-elements/{p-583ae9d7.js → p-e5e0a9d5.js} +2 -2
- package/lib/dist-custom-elements/{p-8c81a26f.js → p-e93fe17b.js} +2 -2
- package/lib/dist-custom-elements/{p-d68c9433.js → p-ee518783.js} +1 -1
- package/lib/dist-custom-elements/{p-e078836c.js → p-ef9c200e.js} +1 -1
- package/lib/dist-custom-elements/{p-bb59b14d.js → p-f992d96f.js} +2 -2
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-4a2adee6.entry.js → p-00af1839.entry.js} +1 -1
- package/lib/duet/p-03504efc.entry.js +4 -0
- package/lib/duet/{p-4dc81aa3.system.entry.js → p-07639744.system.entry.js} +1 -1
- package/lib/duet/{p-b931d3fa.system.entry.js → p-0b1e9389.system.entry.js} +1 -1
- package/lib/duet/p-0b2e2097.system.entry.js +4 -0
- package/lib/duet/{p-e50ab4d3.system.entry.js → p-0c4251d2.system.entry.js} +1 -1
- package/lib/duet/{p-8ec9245a.entry.js → p-0d546b56.entry.js} +1 -1
- package/lib/duet/{p-620c416c.entry.js → p-0ee8f124.entry.js} +1 -1
- package/lib/duet/p-0f6f152d.entry.js +4 -0
- package/lib/duet/{p-b2af386a.system.entry.js → p-0fb3d28c.system.entry.js} +1 -1
- package/lib/duet/{p-2c34a804.entry.js → p-1069a865.entry.js} +1 -1
- package/lib/duet/{p-78777bcf.entry.js → p-10e05065.entry.js} +1 -1
- package/lib/duet/p-13241469.system.entry.js +4 -0
- package/lib/duet/{p-cbbe6410.entry.js → p-145de3e0.entry.js} +1 -1
- package/lib/duet/{p-e12b3d60.system.js → p-15fde8cc.system.js} +1 -1
- package/lib/duet/{p-07c3d88d.entry.js → p-189f31b8.entry.js} +1 -1
- package/lib/duet/p-1d3f4925.entry.js +4 -0
- package/lib/duet/p-1ebb5d23.entry.js +4 -0
- package/lib/duet/{p-1b46db77.entry.js → p-1fcccba8.entry.js} +1 -1
- package/lib/duet/{p-906c13df.entry.js → p-204a1ab8.entry.js} +1 -1
- package/lib/duet/{p-04c3f872.system.entry.js → p-2073966b.system.entry.js} +1 -1
- package/lib/duet/{p-60d0817e.system.entry.js → p-22df3386.system.entry.js} +1 -1
- package/lib/duet/{p-c34e419e.system.entry.js → p-23043e9e.system.entry.js} +1 -1
- package/lib/duet/{p-9bd338fd.system.js → p-23354cf7.system.js} +1 -1
- package/lib/duet/{p-7768931c.system.entry.js → p-26a30f41.system.entry.js} +1 -1
- package/lib/duet/{p-4175e48c.system.entry.js → p-26e6c296.system.entry.js} +1 -1
- package/lib/duet/{p-2590ca65.system.entry.js → p-2975e980.system.entry.js} +1 -1
- package/lib/duet/{p-a020bf81.system.entry.js → p-2f2a6fbf.system.entry.js} +1 -1
- package/lib/duet/{p-ce50e4c0.system.entry.js → p-3120a193.system.entry.js} +1 -1
- package/lib/duet/{p-2cc17967.system.entry.js → p-31215119.system.entry.js} +1 -1
- package/lib/duet/{p-d6938dce.entry.js → p-342a250d.entry.js} +1 -1
- package/lib/duet/{p-be3bf41a.system.entry.js → p-3809955c.system.entry.js} +1 -1
- package/lib/duet/{p-b7be1375.entry.js → p-39aac14c.entry.js} +1 -1
- package/lib/duet/{p-f1faaa0b.system.entry.js → p-3e7d63ff.system.entry.js} +1 -1
- package/lib/duet/{p-0360829b.entry.js → p-414cc15d.entry.js} +1 -1
- package/lib/duet/{p-f08a7552.system.entry.js → p-4350eaaa.system.entry.js} +1 -1
- package/lib/duet/{p-5d6e1173.entry.js → p-462326bc.entry.js} +1 -1
- package/lib/duet/p-46bc086c.system.entry.js +4 -0
- package/lib/duet/p-485f3748.system.entry.js +4 -0
- package/lib/duet/{p-c73db725.system.entry.js → p-508c6401.system.entry.js} +1 -1
- package/lib/duet/p-50ebc951.system.entry.js +4 -0
- package/lib/duet/{p-d26b9e1f.system.entry.js → p-51b802fe.system.entry.js} +1 -1
- package/lib/duet/{p-a9b6b8d5.entry.js → p-5224b8e7.entry.js} +1 -1
- package/lib/duet/{p-4b745f4d.entry.js → p-52811ee4.entry.js} +1 -1
- package/lib/duet/{p-c65851ca.entry.js → p-529b0ef8.entry.js} +1 -1
- package/lib/duet/{p-c45c621f.js → p-52bcdf36.js} +1 -1
- package/lib/duet/{p-8f504a32.system.entry.js → p-530dc869.system.entry.js} +2 -2
- package/lib/duet/{p-ea5bad4c.entry.js → p-531c259f.entry.js} +1 -1
- package/lib/duet/{p-c1e6dcf6.entry.js → p-57a29655.entry.js} +1 -1
- package/lib/duet/{p-2c139545.entry.js → p-57b54fc2.entry.js} +1 -1
- package/lib/duet/{p-63150ee3.system.entry.js → p-5983c4c1.system.entry.js} +1 -1
- package/lib/duet/{p-993f5974.entry.js → p-59d78e4a.entry.js} +1 -1
- package/lib/duet/p-5a5fb62b.system.entry.js +4 -0
- package/lib/duet/{p-3865240e.system.entry.js → p-5a8c6db7.system.entry.js} +1 -1
- package/lib/duet/{p-82461381.system.entry.js → p-5b2d1616.system.entry.js} +1 -1
- package/lib/duet/{p-711c2a2b.system.js → p-5b8477c2.system.js} +1 -1
- package/lib/duet/{p-fee4d237.system.entry.js → p-5bd11cd6.system.entry.js} +1 -1
- package/lib/duet/{p-1a8494b0.system.entry.js → p-5ed4cad9.system.entry.js} +1 -1
- package/lib/duet/{p-0142d94d.entry.js → p-600af4ae.entry.js} +1 -1
- package/lib/duet/{p-1e0df043.system.entry.js → p-6073f3e6.system.entry.js} +1 -1
- package/lib/duet/p-61a76b2b.system.js +4 -0
- package/lib/duet/p-61ab4c50.system.entry.js +4 -0
- package/lib/duet/{p-103ab767.system.entry.js → p-62a1697f.system.entry.js} +1 -1
- package/lib/duet/{p-42959a52.entry.js → p-62cd7e30.entry.js} +1 -1
- package/lib/duet/{p-64c8cce6.entry.js → p-62d30a58.entry.js} +1 -1
- package/lib/duet/{p-cf6c967a.entry.js → p-6374b7ea.entry.js} +1 -1
- package/lib/duet/{p-9f05508d.entry.js → p-641be297.entry.js} +1 -1
- package/lib/duet/{p-5b27ed7e.entry.js → p-64737ee3.entry.js} +1 -1
- package/lib/duet/{p-c9a6ad4d.entry.js → p-6484d791.entry.js} +1 -1
- package/lib/duet/{p-dc4697ce.system.entry.js → p-692d016e.system.entry.js} +1 -1
- package/lib/duet/{p-d206ba69.entry.js → p-697addd1.entry.js} +1 -1
- package/lib/duet/p-6e53e390.system.entry.js +4 -0
- package/lib/duet/{p-702810e3.system.entry.js → p-73ec169a.system.entry.js} +1 -1
- package/lib/duet/{p-9894f629.system.entry.js → p-7576d859.system.entry.js} +1 -1
- package/lib/duet/{p-582b7fa7.system.entry.js → p-7694b9fa.system.entry.js} +1 -1
- package/lib/duet/{p-6bad895a.system.entry.js → p-7b57105a.system.entry.js} +1 -1
- package/lib/duet/{p-9b8c4a19.entry.js → p-7bced88e.entry.js} +1 -1
- package/lib/duet/{p-441595f6.entry.js → p-7ceb2a64.entry.js} +1 -1
- package/lib/duet/p-7d4f3ee9.entry.js +4 -0
- package/lib/duet/{p-066f078b.entry.js → p-7f06df0d.entry.js} +1 -1
- package/lib/duet/{p-68967bb9.entry.js → p-7fed706e.entry.js} +1 -1
- package/lib/duet/{p-6f9e49da.system.entry.js → p-7ff65dc0.system.entry.js} +1 -1
- package/lib/duet/{p-60be4608.system.entry.js → p-802d6f86.system.entry.js} +1 -1
- package/lib/duet/p-81c39b69.js +4 -0
- package/lib/duet/{p-42f92e6f.entry.js → p-8214bafd.entry.js} +1 -1
- package/lib/duet/p-876456fd.entry.js +4 -0
- package/lib/duet/{p-d189500a.entry.js → p-87653f71.entry.js} +1 -1
- package/lib/duet/{p-722a4867.entry.js → p-877c5c97.entry.js} +1 -1
- package/lib/duet/p-89aa11c5.system.entry.js +4 -0
- package/lib/duet/p-8a08dc1c.system.entry.js +4 -0
- package/lib/duet/{p-95ca3440.system.entry.js → p-8b7288e6.system.entry.js} +1 -1
- package/lib/duet/{p-b627091f.system.entry.js → p-8c8752c1.system.entry.js} +1 -1
- package/lib/duet/{p-314d5b44.entry.js → p-8c9f4ffd.entry.js} +1 -1
- package/lib/duet/{p-67eee05e.system.entry.js → p-8ca7b2fa.system.entry.js} +1 -1
- package/lib/duet/{p-010986d1.system.entry.js → p-8dbc03c1.system.entry.js} +1 -1
- package/lib/duet/{p-f587e799.entry.js → p-90f13f5e.entry.js} +1 -1
- package/lib/duet/p-9333f3f2.entry.js +4 -0
- package/lib/duet/{p-45a16be3.system.js → p-95eca09b.system.js} +1 -1
- package/lib/duet/{p-5cbc1b17.entry.js → p-97c30079.entry.js} +1 -1
- package/lib/duet/p-99269e38.system.js +4 -0
- package/lib/duet/p-9a43d193.entry.js +4 -0
- package/lib/duet/{p-edd0d41d.system.entry.js → p-9a5fd97c.system.entry.js} +1 -1
- package/lib/duet/p-9a7c25f2.entry.js +4 -0
- package/lib/duet/{p-ee9d7b51.system.entry.js → p-9ad8c8d4.system.entry.js} +1 -1
- package/lib/duet/{p-3515cd72.system.entry.js → p-9d328100.system.entry.js} +1 -1
- package/lib/duet/{p-18322745.system.entry.js → p-9de27a8f.system.entry.js} +1 -1
- package/lib/duet/{p-e5c0b71a.js → p-9dff8650.js} +1 -1
- package/lib/duet/{p-1d11b3b6.entry.js → p-9f939b40.entry.js} +1 -1
- package/lib/duet/{p-ac6f456f.system.entry.js → p-9fd8cf3b.system.entry.js} +1 -1
- package/lib/duet/{p-eadbc1cf.entry.js → p-9fffb1b4.entry.js} +1 -1
- package/lib/duet/p-a13bb243.entry.js +4 -0
- package/lib/duet/{p-a075ba4d.entry.js → p-a37947f2.entry.js} +1 -1
- package/lib/duet/{p-ce0ffc6e.system.entry.js → p-a658fd46.system.entry.js} +1 -1
- package/lib/duet/{p-69ba8b52.entry.js → p-a6a7278c.entry.js} +1 -1
- package/lib/duet/{p-b2d010fa.entry.js → p-a71dfbc3.entry.js} +1 -1
- package/lib/duet/{p-252baa0d.entry.js → p-a7788ac6.entry.js} +1 -1
- package/lib/duet/{p-bdbe3e35.system.entry.js → p-a871d5b1.system.entry.js} +1 -1
- package/lib/duet/p-a904b928.entry.js +4 -0
- package/lib/duet/{p-f866c944.entry.js → p-a9fb2dad.entry.js} +1 -1
- package/lib/duet/{p-24edf4ed.entry.js → p-a9fee462.entry.js} +1 -1
- package/lib/duet/{p-d94c8c20.entry.js → p-aad8ab06.entry.js} +1 -1
- package/lib/duet/{p-db09c828.system.entry.js → p-ac10c490.system.entry.js} +1 -1
- package/lib/duet/{p-8ae84c52.entry.js → p-ac607868.entry.js} +1 -1
- package/lib/duet/{p-a09af712.system.entry.js → p-acad0f72.system.entry.js} +1 -1
- package/lib/duet/p-aefc858d.entry.js +4 -0
- package/lib/duet/{p-244387a0.entry.js → p-af1bc725.entry.js} +1 -1
- package/lib/duet/{p-6020800c.system.entry.js → p-af4af7bb.system.entry.js} +1 -1
- package/lib/duet/p-b099522e.system.entry.js +4 -0
- package/lib/duet/{p-2d366120.system.entry.js → p-b1afb239.system.entry.js} +1 -1
- package/lib/duet/{p-8e7dc4ed.system.entry.js → p-b1e84ea2.system.entry.js} +1 -1
- package/lib/duet/p-b2608fe2.system.entry.js +4 -0
- package/lib/duet/p-b2744aa5.entry.js +4 -0
- package/lib/duet/{p-1db3121f.system.entry.js → p-b3a4cb83.system.entry.js} +1 -1
- package/lib/duet/{p-84031069.entry.js → p-b4ebdbc3.entry.js} +1 -1
- package/lib/duet/{p-ab63306b.entry.js → p-b61c49de.entry.js} +1 -1
- package/lib/duet/p-bb24a019.js +4 -0
- package/lib/duet/{p-600f3cf8.system.entry.js → p-bb507da0.system.entry.js} +1 -1
- package/lib/duet/p-c233d99d.entry.js +4 -0
- package/lib/duet/{p-ecf9b56e.system.entry.js → p-c2552968.system.entry.js} +1 -1
- package/lib/duet/{p-d053b6be.system.entry.js → p-c521eae3.system.entry.js} +1 -1
- package/lib/duet/p-d20b8b82.entry.js +4 -0
- package/lib/duet/{p-86251661.system.entry.js → p-d241457a.system.entry.js} +1 -1
- package/lib/duet/{p-dba6c1ee.entry.js → p-d577a8d9.entry.js} +1 -1
- package/lib/duet/{p-90378229.system.entry.js → p-d6b7c83c.system.entry.js} +1 -1
- package/lib/duet/{p-5e849463.js → p-d81ec707.js} +1 -1
- package/lib/duet/{p-4fe09b26.system.entry.js → p-d9af65c8.system.entry.js} +1 -1
- package/lib/duet/{p-7130f6d6.system.entry.js → p-db73a673.system.entry.js} +1 -1
- package/lib/duet/{p-261014df.system.entry.js → p-def2db15.system.entry.js} +1 -1
- package/lib/duet/{p-426ba263.entry.js → p-e006f206.entry.js} +1 -1
- package/lib/duet/{p-98e033d1.entry.js → p-e108f77f.entry.js} +1 -1
- package/lib/duet/{p-21774475.system.js → p-e1868c94.system.js} +1 -1
- package/lib/duet/{p-954c7df4.system.entry.js → p-e4cec0cd.system.entry.js} +1 -1
- package/lib/duet/{p-77e1b69b.entry.js → p-e55b0091.entry.js} +1 -1
- package/lib/duet/{p-f781276f.system.entry.js → p-e634de62.system.entry.js} +1 -1
- package/lib/duet/{p-645a4cd3.system.entry.js → p-e87e976f.system.entry.js} +1 -1
- package/lib/duet/p-e9dc6d6c.entry.js +4 -0
- package/lib/duet/{p-53229ab4.system.entry.js → p-ebc55747.system.entry.js} +1 -1
- package/lib/duet/p-ecb2cbbf.entry.js +4 -0
- package/lib/duet/{p-a2541d8a.entry.js → p-efa1441d.entry.js} +1 -1
- package/lib/duet/p-f041d166.entry.js +4 -0
- package/lib/duet/{p-b9157c7e.js → p-f2aa1623.js} +1 -1
- package/lib/duet/{p-c6b5368b.entry.js → p-f4551b33.entry.js} +1 -1
- package/lib/duet/p-f52a6fc5.system.entry.js +4 -0
- package/lib/duet/p-f5909e7f.entry.js +4 -0
- package/lib/duet/{p-f7e4069c.entry.js → p-f603773e.entry.js} +1 -1
- package/lib/duet/{p-e4231291.system.entry.js → p-fd8935c8.system.entry.js} +1 -1
- package/lib/duet/{p-ab9b7324.system.entry.js → p-fef7a17b.system.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +3 -3
- package/lib/esm/duet-alert.entry.js +1 -1
- package/lib/esm/duet-badge.entry.js +3 -3
- package/lib/esm/duet-banner.entry.js +7 -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 +6 -6
- package/lib/esm/duet-callout.entry.js +4 -3
- package/lib/esm/duet-caption_4.entry.js +3 -3
- package/lib/esm/duet-card.entry.js +3 -3
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-checkmark.entry.js +1 -1
- package/lib/esm/duet-chip.entry.js +22 -3
- 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-file-chooser.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +1 -1
- 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 +3 -2
- package/lib/esm/duet-icon.entry.js +5 -5
- package/lib/esm/duet-input_2.entry.js +9 -5
- 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 +18 -5
- package/lib/esm/duet-multiselect.entry.js +4 -2
- 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 +3 -3
- package/lib/esm/duet-popup-menu-item.entry.js +4 -3
- package/lib/esm/duet-popup-menu.entry.js +14 -13
- package/lib/esm/duet-progress.entry.js +1 -1
- package/lib/esm/duet-promo-card.entry.js +5 -4
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +5 -3
- package/lib/esm/duet-scrollable_3.entry.js +1 -1
- package/lib/esm/duet-section-layout.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +4 -2
- package/lib/esm/duet-shaped-image.entry.js +1 -1
- package/lib/esm/duet-show-more.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 +92 -100
- 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 +4 -2
- package/lib/esm/duet-toggle.entry.js +4 -2
- 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-button_2.entry.js +2 -2
- package/lib/esm/duet-tooltip.entry.js +12 -3
- package/lib/esm/duet-tray.entry.js +2 -2
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-upload-item.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-8f59f0fc.js → focus-utils-d168d36c.js} +1 -1
- package/lib/esm/{index-6a5abb95.js → index-5c989c52.js} +1 -1
- package/lib/esm/loader.js +3 -3
- package/lib/esm/slot-utils-07ba4363.js +18 -0
- package/lib/esm/{token-utils-ece867a8.js → token-utils-d09165bc.js} +1 -1
- package/lib/{dist-custom-elements/p-5e849463.js → esm/tokens-30d01e1d.js} +1 -1
- package/lib/esm/{tokens.module-7a2f9c49.js → tokens.module-c9866649.js} +1 -1
- 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-chip.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-file-chooser.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- 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-popup-menu-item.entry.js +2 -2
- package/lib/esm-es5/duet-popup-menu.entry.js +2 -2
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +1 -1
- 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 +1 -1
- 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-shaped-image.entry.js +1 -1
- package/lib/esm-es5/duet-show-more.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 +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
- 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-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +2 -2
- 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-upload-item.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-8f59f0fc.js → focus-utils-d168d36c.js} +1 -1
- package/lib/esm-es5/{index-6a5abb95.js → index-5c989c52.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/slot-utils-07ba4363.js +4 -0
- package/lib/esm-es5/{token-utils-ece867a8.js → token-utils-d09165bc.js} +1 -1
- package/lib/esm-es5/{tokens-04106a43.js → tokens-30d01e1d.js} +1 -1
- package/lib/esm-es5/{tokens.module-7a2f9c49.js → tokens.module-c9866649.js} +1 -1
- package/lib/types/common/focusable-component.d.ts +4 -0
- package/lib/types/common/index.d.ts +2 -0
- package/lib/types/common/opener-component.d.ts +5 -0
- package/lib/types/common-types.d.ts +2 -0
- package/lib/types/components/duet-banner/duet-banner.d.ts +5 -0
- package/lib/types/components/duet-callout/duet-callout.d.ts +1 -1
- package/lib/types/components/duet-chip/duet-chip.d.ts +13 -1
- package/lib/types/components/duet-hero/duet-hero.d.ts +3 -3
- package/lib/types/components/duet-input/duet-input.d.ts +9 -1
- package/lib/types/components/duet-label/duet-label.d.ts +5 -1
- package/lib/types/components/duet-modal/duet-modal.d.ts +7 -0
- package/lib/types/components/duet-multiselect/duet-multiselect.d.ts +9 -1
- package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +7 -3
- package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts +4 -0
- package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +6 -0
- package/lib/types/components/duet-range-slider/duet-range-slider.d.ts +9 -1
- package/lib/types/components/duet-select/duet-select.d.ts +9 -1
- package/lib/types/components/duet-slideout/duet-slideout.d.ts +22 -18
- package/lib/types/components/duet-textarea/duet-textarea.d.ts +9 -1
- package/lib/types/components/duet-toggle/duet-toggle.d.ts +9 -1
- package/lib/types/components/duet-tooltip/duet-tooltip.d.ts +6 -0
- package/lib/types/components.d.ts +160 -6
- package/lib/types/utils/slot-utils.d.ts +2 -0
- package/package.json +7 -7
- package/lib/dist-custom-elements/p-88b5a225.js +0 -205
- package/lib/dist-custom-elements/p-b06b80ce.js +0 -60
- package/lib/duet/p-00f75643.system.entry.js +0 -4
- package/lib/duet/p-0660a9a6.entry.js +0 -4
- package/lib/duet/p-088ac559.entry.js +0 -4
- package/lib/duet/p-0b2ff6ce.system.entry.js +0 -4
- package/lib/duet/p-164be464.entry.js +0 -4
- package/lib/duet/p-180c61a0.entry.js +0 -4
- package/lib/duet/p-18aaa40c.entry.js +0 -4
- package/lib/duet/p-210adc0e.system.entry.js +0 -4
- package/lib/duet/p-23914c18.entry.js +0 -4
- package/lib/duet/p-2858bbdf.entry.js +0 -4
- package/lib/duet/p-38df728c.system.entry.js +0 -4
- package/lib/duet/p-41203a2d.entry.js +0 -4
- package/lib/duet/p-474f53fe.entry.js +0 -4
- package/lib/duet/p-4a130ebf.system.entry.js +0 -4
- package/lib/duet/p-4bfc3a15.entry.js +0 -4
- package/lib/duet/p-4d3ef5ea.system.entry.js +0 -4
- package/lib/duet/p-4e9b4950.entry.js +0 -4
- package/lib/duet/p-5373f6cf.system.entry.js +0 -4
- package/lib/duet/p-53e33daf.js +0 -4
- package/lib/duet/p-594ffed9.entry.js +0 -4
- package/lib/duet/p-5eaf9a5e.entry.js +0 -4
- package/lib/duet/p-64e16fb9.system.js +0 -4
- package/lib/duet/p-7ad157c2.entry.js +0 -4
- package/lib/duet/p-9eb39bd3.system.entry.js +0 -4
- package/lib/duet/p-ac09ef10.entry.js +0 -4
- package/lib/duet/p-bc7e75a7.entry.js +0 -4
- package/lib/duet/p-cd13fb8f.system.entry.js +0 -4
- package/lib/duet/p-d125d287.system.entry.js +0 -4
- package/lib/duet/p-d1a42e5b.system.entry.js +0 -4
- package/lib/duet/p-e0aa8284.system.entry.js +0 -4
- package/lib/duet/p-e0e5597f.entry.js +0 -4
- package/lib/duet/p-e836814b.entry.js +0 -4
- package/lib/duet/p-f81647e9.system.entry.js +0 -4
- package/lib/duet/p-fb6a8b36.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as c,H as i,g as o}from"./p-c45c621f.js";import{i as d}from"./p-a58bd561.js";import{h}from"./p-11230037.js";import{D as s}from"./p-4ab776f4.js";import{c as r}from"./p-5e59e970.js";import{F as a}from"./p-53e33daf.js";import{i as u,h as n,s as l,u as b,f as p}from"./p-2bb2b022.js";import{g,a as m,c as f,d as k}from"./p-2e36d5bf.js";import"./p-0e052642.js";const v=class{constructor(c){e(this,c),this.duetChoiceReady=t(this,"duetChoiceReady",7),this.duetChoiceRemove=t(this,"duetChoiceRemove",7),this.duetChange=t(this,"duetChange",7),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.hasHeader=!1,this.choiceId=r("DuetChoice"),this.expandId=r("DuetChoiceExpand"),this.headerId=r("DuetChoiceHeader"),this.infoButtonId=r("DuetChoiceInfoButton"),this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{u(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.nativeInput.checked||!1,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||(this.isInfoOpen=!1,"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}))},this.isHovering=!1,this.isInfoOpen=!1,this.isBlurred=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=s,this.accessibleLabelInfoButton=g(this.accessibleLabelInfoButtonDefaults),this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.value=void 0,this.type="checkbox",this.name=void 0,this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.identifier=void 0,this.groupDirection=void 0,this.groupDisabled=void 0,this.groupResponsive=void 0,this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=g(this.infoLabelDefaults,m()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=g(this.collapsibleNotificationDefaults,m())}componentWillLoad(){d(this),this.hasInfo=h(this.element,"info"),this.hasHeader=h(this.element,"header"),this.hasAdditional=h(this.element,"additional"),this.hasLabel=h(this.element,"label"),this.hasBeforeText=h(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){f(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),l(this),this.duetChoiceReady.emit()}disconnectedCallback(){k(this),b(this),this.duetChoiceRemove.emit()}handleHostBlur(e){this.hasInfo&&this.isInfoOpen&&this.isKeyDown&&(this.element.contains(null==e?void 0:e.relatedTarget)||this.toggleInfo())}handleHostKeyDown(){this.isKeyDown=!0}handleHostKeyUp(e){this.isKeyDown=!1,p(e)&&this.isInfoOpen&&this.toggleInfo()}async setFocus(e){this.nativeInput.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>t.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:this.collapsible||this.hasInfo?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}render(){const e=this.element.closest("duet-choice-group"),t=e?e.label:void 0,o=this.identifier||this.choiceId;return c(i,{class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},c("div",{class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},c("div",{class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},c("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.getDisabled(),required:this.required,id:o,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:e=>this.nativeInput=e}),c("label",{htmlFor:o,class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&c("slot",{name:"before-text"}),this.icon&&c("div",{class:"duet-choice-card-icon"},c("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),c("div",{class:"duet-choice-card-text"},t&&c("duet-visually-hidden",null,t,", "),c("div",null,this.hasLabel?c("slot",{name:"label"}):this.label),this.caption&&c("div",null,c("duet-spacer",{size:"xx-small"}),c("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&c("div",null,c("duet-spacer",{size:"xx-small"}),c("slot",{name:"additional"}))),c("div",null,c("div",{class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&c("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&c("button",{ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,"aria-flowto":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button"},c("duet-visually-hidden",{"aria-hidden":this.isBlurred?"false":"true"},this.accessibleLabelInfoButton),c("div",{class:"duet-choice-info-icon"},c("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>',margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&c("span",{id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?c("div",{class:this.getClassNames(),id:this.expandId},c("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},c("span",{id:this.headerId},c("slot",{name:"header"})),this.hasInfo?c("span",{ref:e=>this.infoContainer=e,tabindex:"0",class:"duet-choice-info-container"},c("span",{"aria-relevant":"all","aria-atomic":"true","aria-live":this.isInfoOpen?"polite":"off"},c("slot",{name:"info"})),c("slot",null)):c("span",{id:`${this.choiceId}-collapsible-content`},c("slot",null))),this.isInfoOpen&&c(a,{moveFocusTo:this.infoButtonEl})):null)}get element(){return o(this)}};v.style='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;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;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid rgb(225, 227, 230);border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{color:rgb(0, 119, 179) !important;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px);border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(144, 149, 153)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(0, 41, 77);border:2px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 4px 4px}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible.checked.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice .duet-choice-info-container.sc-duet-choice:focus{outline:none}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 245, 247)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(116, 116, 117)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}';const x=class{constructor(t){e(this,t),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const t=e.target;t&&this.choices.has(t)&&(this.value=t.value)},this.onChoiceReady=e=>{const t=e.target;t.closest("duet-choice-group")!==this.element||this.choices.has(t)||(this.choices.add(t),this.updateChoices())},this.onChoiceRemove=e=>{this.choices.delete(e.target),this.updateChoices()},this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.name=void 0,this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.value=void 0,this.disabled=void 0,this.required=!1,this.accessibleLiveError="polite"}async connectedCallback(){this.initialValue=this.value,this.updateChoices()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){d(this)}async updateChoices(){var e;const t=null!==(e=this.value)&&void 0!==e?e:this.initialValue;let c=!1;for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive,c||e.value!==t?e.checked=!1:(c=!0,e.checked=!0,void 0===this.value&&(this.value=t));c||(this.value=void 0)}render(){return c(i,{onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,onDuetChoiceRemove:this.onChoiceRemove,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},c("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&c("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),c("div",{class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},c("slot",null))))}get element(){return o(this)}static get watchers(){return{value:["updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};x.style="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{v as duet_choice,x as duet_choice_group}
|
|
4
|
+
import{r as e,c as t,h as c,H as i,g as o}from"./p-52bcdf36.js";import{i as d}from"./p-a58bd561.js";import{h}from"./p-11230037.js";import{D as s}from"./p-4ab776f4.js";import{c as r}from"./p-5e59e970.js";import{F as a}from"./p-81c39b69.js";import{i as u,h as n,s as l,u as b,f as p}from"./p-2bb2b022.js";import{g,a as m,c as f,d as k}from"./p-2e36d5bf.js";import"./p-0e052642.js";const v=class{constructor(c){e(this,c),this.duetChoiceReady=t(this,"duetChoiceReady",7),this.duetChoiceRemove=t(this,"duetChoiceRemove",7),this.duetChange=t(this,"duetChange",7),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.hasHeader=!1,this.choiceId=r("DuetChoice"),this.expandId=r("DuetChoiceExpand"),this.headerId=r("DuetChoiceHeader"),this.infoButtonId=r("DuetChoiceInfoButton"),this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{u(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.nativeInput.checked||!1,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||(this.isInfoOpen=!1,"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}))},this.isHovering=!1,this.isInfoOpen=!1,this.isBlurred=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=s,this.accessibleLabelInfoButton=g(this.accessibleLabelInfoButtonDefaults),this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.value=void 0,this.type="checkbox",this.name=void 0,this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.identifier=void 0,this.groupDirection=void 0,this.groupDisabled=void 0,this.groupResponsive=void 0,this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=g(this.infoLabelDefaults,m()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=g(this.collapsibleNotificationDefaults,m())}componentWillLoad(){d(this),this.hasInfo=h(this.element,"info"),this.hasHeader=h(this.element,"header"),this.hasAdditional=h(this.element,"additional"),this.hasLabel=h(this.element,"label"),this.hasBeforeText=h(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){f(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),l(this),this.duetChoiceReady.emit()}disconnectedCallback(){k(this),b(this),this.duetChoiceRemove.emit()}handleHostBlur(e){this.hasInfo&&this.isInfoOpen&&this.isKeyDown&&(this.element.contains(null==e?void 0:e.relatedTarget)||this.toggleInfo())}handleHostKeyDown(){this.isKeyDown=!0}handleHostKeyUp(e){this.isKeyDown=!1,p(e)&&this.isInfoOpen&&this.toggleInfo()}async setFocus(e){this.nativeInput.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>t.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:this.collapsible||this.hasInfo?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}render(){const e=this.element.closest("duet-choice-group"),t=e?e.label:void 0,o=this.identifier||this.choiceId;return c(i,{class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},c("div",{class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},c("div",{class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},c("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.getDisabled(),required:this.required,id:o,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:e=>this.nativeInput=e}),c("label",{htmlFor:o,class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&c("slot",{name:"before-text"}),this.icon&&c("div",{class:"duet-choice-card-icon"},c("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),c("div",{class:"duet-choice-card-text"},t&&c("duet-visually-hidden",null,t,", "),c("div",null,this.hasLabel?c("slot",{name:"label"}):this.label),this.caption&&c("div",null,c("duet-spacer",{size:"xx-small"}),c("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&c("div",null,c("duet-spacer",{size:"xx-small"}),c("slot",{name:"additional"}))),c("div",null,c("div",{class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&c("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&c("button",{ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,"aria-flowto":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button"},c("duet-visually-hidden",{"aria-hidden":this.isBlurred?"false":"true"},this.accessibleLabelInfoButton),c("div",{class:"duet-choice-info-icon"},c("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>',margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&c("span",{id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?c("div",{class:this.getClassNames(),id:this.expandId},c("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},c("span",{id:this.headerId},c("slot",{name:"header"})),this.hasInfo?c("span",{ref:e=>this.infoContainer=e,tabindex:"0",class:"duet-choice-info-container"},c("span",{"aria-relevant":"all","aria-atomic":"true","aria-live":this.isInfoOpen?"polite":"off"},c("slot",{name:"info"})),c("slot",null)):c("span",{id:`${this.choiceId}-collapsible-content`},c("slot",null))),this.isInfoOpen&&c(a,{moveFocusTo:this.infoButtonEl})):null)}get element(){return o(this)}};v.style='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;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;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid rgb(225, 227, 230);border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{color:rgb(0, 119, 179) !important;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px);border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(144, 149, 153)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(0, 41, 77);border:2px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 4px 4px}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible.checked.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice .duet-choice-info-container.sc-duet-choice:focus{outline:none}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 245, 247)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(116, 116, 117)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}';const x=class{constructor(t){e(this,t),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const t=e.target;t&&this.choices.has(t)&&(this.value=t.value)},this.onChoiceReady=e=>{const t=e.target;t.closest("duet-choice-group")!==this.element||this.choices.has(t)||(this.choices.add(t),this.updateChoices())},this.onChoiceRemove=e=>{this.choices.delete(e.target),this.updateChoices()},this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.name=void 0,this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.value=void 0,this.disabled=void 0,this.required=!1,this.accessibleLiveError="polite"}async connectedCallback(){this.initialValue=this.value,this.updateChoices()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){d(this)}async updateChoices(){var e;const t=null!==(e=this.value)&&void 0!==e?e:this.initialValue;let c=!1;for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive,c||e.value!==t?e.checked=!1:(c=!0,e.checked=!0,void 0===this.value&&(this.value=t));c||(this.value=void 0)}render(){return c(i,{onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,onDuetChoiceRemove:this.onChoiceRemove,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},c("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&c("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),c("div",{class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},c("slot",null))))}get element(){return o(this)}static get watchers(){return{value:["updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};x.style="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{v as duet_choice,x as duet_choice_group}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(a,e,t,i){function d(a){return a instanceof t?a:new t((function(e){e(a)}))}return new(t||(t=Promise))((function(t,r){function n(a){try{p(i.next(a))}catch(a){r(a)}}function o(a){try{p(i["throw"](a))}catch(a){r(a)}}function p(a){a.done?t(a.value):d(a.value).then(n,o)}p((i=i.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,d,r,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(a){return function(e){return p([a,e])}}function p(o){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,o[0]&&(t=0)),t)try{if(i=1,d&&(r=o[0]&2?d["return"]:o[0]?d["throw"]||((r=d["return"])&&r.call(d),0):d.next)&&!(r=r.call(d,o[1])).done)return r;if(d=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;d=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=e.call(a,t)}catch(a){o=[6,a];d=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(a,e,t){if(t||arguments.length===2)for(var i=0,d=e.length,r;i<d;i++){if(r||!(i in e)){if(!r)r=Array.prototype.slice.call(e,0,i);r[i]=e[i]}}return a.concat(r||Array.prototype.slice.call(e))};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-45a16be3.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-5795b0d9.system.js","./p-6ef75455.system.js","./p-9bd338fd.system.js","./p-21774475.system.js"],(function(a){"use strict";var e,t,i,d,r,n,o,p,m,s,c,x,u;return{setters:[function(a){e=a.r;t=a.c;i=a.h;d=a.F;r=a.H;n=a.g},function(a){o=a.i},function(a){p=a.c},function(a){m=a.i;s=a.s;c=a.u},function(a){x=a.s},function(a){u=a.g},function(){}],execute:function(){var h=["h1","h2","h3","h4","h5","h6"];var l="div";var g={title:"action-arrow-up",tags:"action arrow up caret",svg:'<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>'};var f='*,*::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 #0077b3}.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 #171c3a}@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 #0077b3}: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 #171c3a}.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)}';var b=a("duet_card",function(){function a(a){var i=this;e(this,a);this.duetToggle=t(this,"duetToggle",7);this.cardId=p("DuetCard");this.togglePanel=function(a){a.preventDefault();i.open=!i.open;i.duetToggle.emit({component:"duet-card",originalEvent:a})};this.handleKeyDown=function(a){if(m(a)){i.togglePanel(a)}};this.accessibleLabel=undefined;this.heading="";this.secondaryHeading="";this.variation="default";this.collapsible=false;this.open=true;this.headingLevel="h2";this.headingBackground=undefined;this.icon=undefined;this.image=undefined;this.background="gray-lightest";this.padding="small";this.margin="auto";this.theme="";this.url=undefined;this.shadowBreakpoint=undefined}a.prototype.componentWillLoad=function(){o(this);this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']");this.hasFooter=!!this.element.querySelector("[slot='footer']")};a.prototype.connectedCallback=function(){s(this)};a.prototype.disconnectedCallback=function(){c(this)};a.prototype.renderHeading=function(){var a=x(this.headingLevel);var e=__spreadArray(__spreadArray([],h,true),[l],false).some((function(e){return e===a}))?a:"h2";var t={backgroundColor:u(this.headingBackground)};var r=i(d,null,i("div",{class:"duet-card-heading-grid"},this.icon&&i(d,null,i("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:"currentColor"}),i("duet-spacer",{direction:"horizontal",size:"small"})),i("div",{class:"duet-card-heading-text"},this.heading?this.heading:i("slot",{name:"heading"})),this.secondaryHeading&&i(d,null,i("duet-spacer",{direction:"horizontal",size:"small"}),i("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&i(d,null,i("duet-spacer",{direction:"horizontal",size:"small"}),i("duet-icon",{class:"duet-card-caret",icon:g.svg,size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&i("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),i("slot",{name:"below-heading"}));if(this.collapsible){return i(e,{style:t,class:"duet-card-heading duet-card-heading--collapsible",onClick:this.togglePanel,onKeyDown:this.handleKeyDown},i("button",{"aria-controls":this.cardId,"aria-expanded":this.open?"true":"false"},r))}else{return i(e,{style:t,class:"duet-card-heading"},r)}};a.prototype.setFocus=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeCard){this.nativeCard.focus(a)}return[2]}))}))};a.prototype.render=function(){var a;var e=this;var t=this.url?"a":"div";var d={backgroundColor:u(this.background)};return i(r,{class:{"duet-m-0":this.margin==="none","duet-card-info":this.variation==="info"}},i(t,{href:this.url,style:d,ref:function(a){return e.nativeCard=a},"aria-label":this.accessibleLabel,class:(a={"duet-card":true},a[this.padding]=true,a[this.variation]=true,a["shadow-".concat(this.shadowBreakpoint)]=!!this.shadowBreakpoint,a["duet-p-0"]=this.padding==="none",a["duet-theme-turva"]=this.theme==="turva",a["duet-card-has-bg"]=this.background!=="gray-lightest",a["duet-card-has-icon"]=!!this.icon,a["duet-card-collapsed"]=this.collapsible&&!this.open,a)},this.image&&i("div",{class:"duet-card-image-mask"},i("img",{src:this.image,class:"duet-card-image",loading:"lazy",alt:"","aria-hidden":"true"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),i("div",{class:"duet-card-content",id:this.cardId},i("slot",null),this.hasFooter&&i("div",{class:"duet-card-footer"},i("slot",{name:"footer"})))))};Object.defineProperty(a.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return a}());b.style=f}}}));
|
|
4
|
+
*/System.register(["./p-95eca09b.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-5795b0d9.system.js","./p-6ef75455.system.js","./p-23354cf7.system.js","./p-e1868c94.system.js"],(function(a){"use strict";var e,t,i,d,r,n,o,p,m,s,c,x,u;return{setters:[function(a){e=a.r;t=a.c;i=a.h;d=a.F;r=a.H;n=a.g},function(a){o=a.i},function(a){p=a.c},function(a){m=a.i;s=a.s;c=a.u},function(a){x=a.s},function(a){u=a.g},function(){}],execute:function(){var h=["h1","h2","h3","h4","h5","h6"];var l="div";var g={title:"action-arrow-up",tags:"action arrow up caret",svg:'<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>'};var f='*,*::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 #0077b3}.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 #171c3a}@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 #0077b3}: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 #171c3a}.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)}';var b=a("duet_card",function(){function a(a){var i=this;e(this,a);this.duetToggle=t(this,"duetToggle",7);this.cardId=p("DuetCard");this.togglePanel=function(a){a.preventDefault();i.open=!i.open;i.duetToggle.emit({component:"duet-card",originalEvent:a})};this.handleKeyDown=function(a){if(m(a)){i.togglePanel(a)}};this.accessibleLabel=undefined;this.heading="";this.secondaryHeading="";this.variation="default";this.collapsible=false;this.open=true;this.headingLevel="h2";this.headingBackground=undefined;this.icon=undefined;this.image=undefined;this.background="gray-lightest";this.padding="small";this.margin="auto";this.theme="";this.url=undefined;this.shadowBreakpoint=undefined}a.prototype.componentWillLoad=function(){o(this);this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']");this.hasFooter=!!this.element.querySelector("[slot='footer']")};a.prototype.connectedCallback=function(){s(this)};a.prototype.disconnectedCallback=function(){c(this)};a.prototype.renderHeading=function(){var a=x(this.headingLevel);var e=__spreadArray(__spreadArray([],h,true),[l],false).some((function(e){return e===a}))?a:"h2";var t={backgroundColor:u(this.headingBackground)};var r=i(d,null,i("div",{class:"duet-card-heading-grid"},this.icon&&i(d,null,i("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:"currentColor"}),i("duet-spacer",{direction:"horizontal",size:"small"})),i("div",{class:"duet-card-heading-text"},this.heading?this.heading:i("slot",{name:"heading"})),this.secondaryHeading&&i(d,null,i("duet-spacer",{direction:"horizontal",size:"small"}),i("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&i(d,null,i("duet-spacer",{direction:"horizontal",size:"small"}),i("duet-icon",{class:"duet-card-caret",icon:g.svg,size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&i("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),i("slot",{name:"below-heading"}));if(this.collapsible){return i(e,{style:t,class:"duet-card-heading duet-card-heading--collapsible",onClick:this.togglePanel,onKeyDown:this.handleKeyDown},i("button",{"aria-controls":this.cardId,"aria-expanded":this.open?"true":"false"},r))}else{return i(e,{style:t,class:"duet-card-heading"},r)}};a.prototype.setFocus=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeCard){this.nativeCard.focus(a)}return[2]}))}))};a.prototype.render=function(){var a;var e=this;var t=this.url?"a":"div";var d={backgroundColor:u(this.background)};return i(r,{class:{"duet-m-0":this.margin==="none","duet-card-info":this.variation==="info"}},i(t,{href:this.url,style:d,ref:function(a){return e.nativeCard=a},"aria-label":this.accessibleLabel,class:(a={"duet-card":true},a[this.padding]=true,a[this.variation]=true,a["shadow-".concat(this.shadowBreakpoint)]=!!this.shadowBreakpoint,a["duet-p-0"]=this.padding==="none",a["duet-theme-turva"]=this.theme==="turva",a["duet-card-has-bg"]=this.background!=="gray-lightest",a["duet-card-has-icon"]=!!this.icon,a["duet-card-collapsed"]=this.collapsible&&!this.open,a)},this.image&&i("div",{class:"duet-card-image-mask"},i("img",{src:this.image,class:"duet-card-image",loading:"lazy",alt:"","aria-hidden":"true"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),i("div",{class:"duet-card-content",id:this.cardId},i("slot",null),this.hasFooter&&i("div",{class:"duet-card-footer"},i("slot",{name:"footer"})))))};Object.defineProperty(a.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return a}());b.style=f}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function u(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{r(n.next(t))}catch(t){a(t)}}function s(t){try{r(n["throw"](t))}catch(t){a(t)}}function r(t){t.done?i(t.value):u(t.value).then(o,s)}r((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,u,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return r([t,e])}}function r(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(n=1,u&&(a=s[0]&2?u["return"]:s[0]?u["throw"]||((a=u["return"])&&a.call(u),0):u.next)&&!(a=a.call(u,s[1])).done)return a;if(u=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;u=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];u=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-45a16be3.system.js","./p-8f477bd6.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-e12066c8.system.js","./p-5795b0d9.system.js","./p-224f6c46.system.js","./p-9bd338fd.system.js","./p-6ef75455.system.js","./p-21774475.system.js"],(function(t){"use strict";var e,i,n,u,a,o,s,r,d,p,l,c,h,b,m,f;return{setters:[function(t){e=t.r;i=t.c;n=t.h;u=t.H;a=t.g},function(t){o=t.f},function(t){s=t.i},function(t){r=t.c},function(t){d=t.c;p=t.r},function(t){l=t.f;c=t.j},function(t){h=t.a;b=t.c;m=t.d},function(t){f=t.g},function(){},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{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{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 #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.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-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:not-allowed !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 #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !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 #171c3a !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 #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.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 #0077b3 !important}.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 #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.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 #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.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 #e55039}';var x={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=r("DuetInput");this.clearId=r("DuetInputClear");this.labelId=r("DuetLabel");this.topCaptionId=r("DuetCaptionTop");this.topCaptionPlaceholderId=r("DuetCaptionPlaceholderTop");this.errorId=r("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(l(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,"gu"):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=p(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(){s(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=p(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 a={};if(this.numericKeyboard){a.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){a.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){a.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(t){o=undefined}}var s=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return n(u,{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},a)),!this.value&&s&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",icon:x[this.type].svg,color:"currentColor"})),this.clear&&this.value&&n("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!s,"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 a(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 y='*.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 k=t("duet_label",function(){function t(t){e(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium";this.color=""}t.prototype.componentWillLoad=function(){s(this)};t.prototype.render=function(){var t=f(this.color);return n(u,{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,style:{color:t}},n("span",null,n("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());k.style=y}}}));
|
|
4
|
+
*/System.register(["./p-95eca09b.system.js","./p-8f477bd6.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-e12066c8.system.js","./p-5795b0d9.system.js","./p-224f6c46.system.js","./p-23354cf7.system.js","./p-6ef75455.system.js","./p-e1868c94.system.js"],(function(t){"use strict";var e,i,n,u,a,o,s,r,d,p,l,c,h,b,m,f;return{setters:[function(t){e=t.r;i=t.c;n=t.h;u=t.H;a=t.g},function(t){o=t.f},function(t){s=t.i},function(t){r=t.c},function(t){d=t.c;p=t.r},function(t){l=t.f;c=t.j},function(t){h=t.a;b=t.c;m=t.d},function(t){f=t.g},function(){},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{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{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 #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.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-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:not-allowed !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 #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !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 #171c3a !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 #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.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 #0077b3 !important}.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 #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.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 #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.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 #e55039}';var x={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=r("DuetInput");this.clearId=r("DuetInputClear");this.labelId=r("DuetLabel");this.topCaptionId=r("DuetCaptionTop");this.topCaptionPlaceholderId=r("DuetCaptionPlaceholderTop");this.errorId=r("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(l(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.labelColor=undefined;this.labelWeight=undefined;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,"gu"):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=p(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(){s(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=p(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 a={};if(this.numericKeyboard){a.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){a.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){a.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(t){o=undefined}}var s=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return n(u,{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",color:this.labelColor,weight:this.labelWeight,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},a)),!this.value&&s&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",icon:x[this.type].svg,color:"currentColor"})),this.clear&&this.value&&n("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!s,"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 a(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 y='*.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-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.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 k=t("duet_label",function(){function t(t){e(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium";this.weight="semi-bold";this.color=""}t.prototype.componentWillLoad=function(){s(this)};t.prototype.render=function(){var t;var e=f(this.color);return n(u,{class:(t={"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"},t["duet-weight-".concat(this.weight)]=true,t)},n("label",{htmlFor:this.for,style:{color:e}},n("span",null,n("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());k.style=y}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,i,o){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function l(t){try{a(o.next(t))}catch(t){r(t)}}function n(t){try{a(o["throw"](t))}catch(t){r(t)}}function a(t){t.done?i(t.value):s(t.value).then(l,n)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,s,r,l;return l={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function n(t){return function(e){return a([t,e])}}function a(n){if(o)throw new TypeError("Generator is already executing.");while(l&&(l=0,n[0]&&(i=0)),i)try{if(o=1,s&&(r=n[0]&2?s["return"]:n[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,n[1])).done)return r;if(s=0,r)n=[n[0]&2,r.value];switch(n[0]){case 0:case 1:r=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;s=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!r||n[1]>r[0]&&n[1]<r[3])){i.label=n[1];break}if(n[0]===6&&i.label<r[1]){i.label=r[1];r=n;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(n);break}if(r[2])i.ops.pop();i.trys.pop();continue}n=e.call(t,i)}catch(t){n=[6,t];s=0}finally{o=r=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var o=0,s=e.length,r;o<s;o++){if(r||!(o in e)){if(!r)r=Array.prototype.slice.call(e,0,o);r[o]=e[o]}}return t.concat(r||Array.prototype.slice.call(e))};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-45a16be3.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-5795b0d9.system.js","./p-224f6c46.system.js","./p-6ef75455.system.js"],(function(t){"use strict";var e,i,o,s,r,l,n,a,u,c,d,h,m,p,b,f,g,v;return{setters:[function(t){e=t.r;i=t.c;o=t.h;s=t.H;r=t.g},function(t){l=t.i},function(t){n=t.c},function(t){a=t.f;u=t.o;c=t.j;d=t.d;h=t.b;m=t.a;p=t.c},function(t){b=t.a;f=t.c;g=t.d},function(t){v=t.p}],execute:function(){var x='*,*::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;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 .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;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 #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.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;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;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.75rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.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-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(225, 227, 230)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 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:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{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(198, 12, 48)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(0, 41, 77)}.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}';function y(t,e){return t.includes(e)?t.filter((function(t){return t!==e})):__spreadArray(__spreadArray([],t,true),[e],false)}var w=t("duet_multiselect",function(){function t(t){var o=this;e(this,t);this.duetChange=i(this,"duetChange",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.errorId=n("DuetError");this.labelId=n("DuetLabel");this.topCaptionId=n("DuetCaptionTop");this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"};this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"};this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"};this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"};this.onChange=function(t){o.duetChange.emit({originalEvent:t,value:o.value,component:"duet-multiselect"})};this.onBlur=function(t){o.duetBlur.emit({originalEvent:t,value:o.value,component:"duet-multiselect"})};this.onFocus=function(t){o.duetFocus.emit({originalEvent:t,value:o.value,component:"duet-multiselect"})};this.onMultiselectKeyDown=function(t){if(a(t)||u(t)){if(o.checkboxesVisible){o.checkboxesVisible=false;o.multiselectElement.focus();t.preventDefault()}}};this.onMultiselectInputKeyDown=function(t){if(c(t)){t.preventDefault();o.toggleCheckboxes();setTimeout((function(){if(o.checkboxesVisible){var t=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(o.allControls?-2:0)));if(t){t.focus()}}}),200)}};this.onCheckboxKeyDown=function(t,e){var i;if(d(t)||h(t)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(e-1)))}else if(m(t)||p(t)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(e+1)))}if(i){i.focus();t.preventDefault();o.activeDescendant=i.id}};this.toggleCheckboxes=function(){o.checkboxesVisible=!o.checkboxesVisible};this.toggleCheckbox=function(t,e){o.value=y(o.value,e);o.onChange(t)};this.handleSelectAllClick=function(t){o.value=o.processedItems;o.onChange(t)};this.handleClearAllClick=function(t){o.value=[];o.onChange(t)};this.getOptionIdentifier=function(t){return"".concat(o.identifier,"-option-").concat(t)};this.getDescribedBy=function(){var t=[];if(o.isCaptionVisible&&o.topCaptionId){t.push(o.topCaptionId)}if(o.accessibleDescribedBy){t.push(o.accessibleDescribedBy)}if(o.error){t.push(o.errorId)}return t.length>0?t.join(" "):null};this.processedItems=[];this.checkboxesVisible=false;this.activeDescendant="";this.language=b();this.margin="auto";this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=[];this.theme="";this.labelHidden=false;this.identifier=n("DuetMultiselect");this.allControls=false;this.placeholder="";this.caption=undefined;this.items=undefined;this.disabled=false;this.label="label";this.accessibleDescribedBy=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.handleFocus=function(t){var e=this;var i=t.composedPath().every((function(t){return t!==e.element}));if(i){this.checkboxesVisible=false}};t.prototype.componentWillLoad=function(){l(this);this.isCaptionVisible=!!this.caption;this.refresh()};t.prototype.connectedCallback=function(){f(this)};t.prototype.disconnectedCallback=function(){g(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.multiselectElement){this.multiselectElement.focus(t)}return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.processedItems=v(this.items);return[2]}))}))};t.prototype.render=function(){var t=this;return o(s,{class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},o("div",{class:{"duet-multiselect-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:function(e){return t.onMultiselectKeyDown(e)}},o("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},id:this.labelId,for:this.identifier},this.label),this.tooltip&&o("duet-tooltip",{class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),this.caption&&o("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),o("div",{class:"duet-multiselect-wrapper"},o("button",{id:this.identifier,ref:function(e){return t.multiselectElement=e},class:{"duet-multiselect":true,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:function(){return t.toggleCheckboxes()},onFocus:function(e){return t.onFocus(e)},onBlur:function(e){return t.onBlur(e)},role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":"".concat(this.identifier,"-checkboxes"),onKeyDown:function(e){return t.onMultiselectInputKeyDown(e)},disabled:this.disabled},o("span",{role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":"".concat(this.identifier,"-checkboxes"),"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&o("span",{class:"duet-multiselect-badge"},this.value.length,o("duet-visually-hidden",null,this.selectedLangObject[this.language],", ",this.value.map((function(t){return t.label})).join(", "))),o("svg",{class:{"duet-multiselect-icon":true,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("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"}))),o("div",{id:"".concat(this.identifier,"-checkboxes"),role:"listbox",class:{"duet-multiselect-checkboxes":true,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},this.processedItems&&this.allControls&&o("div",{class:"duet-multiselect-all-control-buttons"},o("button",{class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:function(e){return t.onCheckboxKeyDown(e,-2)}},this.selectAllLabel[this.language]),o("button",{class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:function(e){return t.onCheckboxKeyDown(e,-1)}},this.clearAllLabel[this.language])),this.processedItems&&this.processedItems.map((function(e,i){var s,r;return o("duet-checkbox",{identifier:t.getOptionIdentifier(i),role:"option",label:e.label,value:e.value,key:e.value,checked:(s=t.value)===null||s===void 0?void 0:s.includes(e),"accessible-selected":((r=t.value)===null||r===void 0?void 0:r.includes(e))?"true":undefined,disabled:!t.checkboxesVisible||e.disabled,onDuetChange:function(i){return t.toggleCheckbox(i,e)},onKeyDown:function(e){return t.onCheckboxKeyDown(e,i)},theme:t.theme})})))),o("span",{class:"duet-multiselect-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&o("span",null,this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{items:["refresh"]}},enumerable:false,configurable:true});return t}());w.style=x}}}));
|
|
4
|
+
*/System.register(["./p-95eca09b.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-5795b0d9.system.js","./p-224f6c46.system.js","./p-6ef75455.system.js"],(function(t){"use strict";var e,i,o,s,r,l,n,a,u,c,d,h,m,p,b,f,g,v;return{setters:[function(t){e=t.r;i=t.c;o=t.h;s=t.H;r=t.g},function(t){l=t.i},function(t){n=t.c},function(t){a=t.f;u=t.o;c=t.j;d=t.d;h=t.b;m=t.a;p=t.c},function(t){b=t.a;f=t.c;g=t.d},function(t){v=t.p}],execute:function(){var x='*,*::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;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 .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;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 #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.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;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;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.75rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.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-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(225, 227, 230)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 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:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{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(198, 12, 48)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(0, 41, 77)}.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}';function y(t,e){return t.includes(e)?t.filter((function(t){return t!==e})):__spreadArray(__spreadArray([],t,true),[e],false)}var w=t("duet_multiselect",function(){function t(t){var o=this;e(this,t);this.duetChange=i(this,"duetChange",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.errorId=n("DuetError");this.labelId=n("DuetLabel");this.topCaptionId=n("DuetCaptionTop");this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"};this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"};this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"};this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"};this.onChange=function(t){o.duetChange.emit({originalEvent:t,value:o.value,component:"duet-multiselect"})};this.onBlur=function(t){o.duetBlur.emit({originalEvent:t,value:o.value,component:"duet-multiselect"})};this.onFocus=function(t){o.duetFocus.emit({originalEvent:t,value:o.value,component:"duet-multiselect"})};this.onMultiselectKeyDown=function(t){if(a(t)||u(t)){if(o.checkboxesVisible){o.checkboxesVisible=false;o.multiselectElement.focus();t.preventDefault()}}};this.onMultiselectInputKeyDown=function(t){if(c(t)){t.preventDefault();o.toggleCheckboxes();setTimeout((function(){if(o.checkboxesVisible){var t=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(o.allControls?-2:0)));if(t){t.focus()}}}),200)}};this.onCheckboxKeyDown=function(t,e){var i;if(d(t)||h(t)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(e-1)))}else if(m(t)||p(t)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(e+1)))}if(i){i.focus();t.preventDefault();o.activeDescendant=i.id}};this.toggleCheckboxes=function(){o.checkboxesVisible=!o.checkboxesVisible};this.toggleCheckbox=function(t,e){o.value=y(o.value,e);o.onChange(t)};this.handleSelectAllClick=function(t){o.value=o.processedItems;o.onChange(t)};this.handleClearAllClick=function(t){o.value=[];o.onChange(t)};this.getOptionIdentifier=function(t){return"".concat(o.identifier,"-option-").concat(t)};this.getDescribedBy=function(){var t=[];if(o.isCaptionVisible&&o.topCaptionId){t.push(o.topCaptionId)}if(o.accessibleDescribedBy){t.push(o.accessibleDescribedBy)}if(o.error){t.push(o.errorId)}return t.length>0?t.join(" "):null};this.processedItems=[];this.checkboxesVisible=false;this.activeDescendant="";this.language=b();this.margin="auto";this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=[];this.theme="";this.labelHidden=false;this.identifier=n("DuetMultiselect");this.allControls=false;this.placeholder="";this.caption=undefined;this.items=undefined;this.disabled=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.accessibleDescribedBy=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.handleFocus=function(t){var e=this;var i=t.composedPath().every((function(t){return t!==e.element}));if(i){this.checkboxesVisible=false}};t.prototype.componentWillLoad=function(){l(this);this.isCaptionVisible=!!this.caption;this.refresh()};t.prototype.connectedCallback=function(){f(this)};t.prototype.disconnectedCallback=function(){g(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.multiselectElement){this.multiselectElement.focus(t)}return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.processedItems=v(this.items);return[2]}))}))};t.prototype.render=function(){var t=this;return o(s,{class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},o("div",{class:{"duet-multiselect-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:function(e){return t.onMultiselectKeyDown(e)}},o("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&o("duet-tooltip",{class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),this.caption&&o("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),o("div",{class:"duet-multiselect-wrapper"},o("button",{id:this.identifier,ref:function(e){return t.multiselectElement=e},class:{"duet-multiselect":true,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:function(){return t.toggleCheckboxes()},onFocus:function(e){return t.onFocus(e)},onBlur:function(e){return t.onBlur(e)},role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":"".concat(this.identifier,"-checkboxes"),onKeyDown:function(e){return t.onMultiselectInputKeyDown(e)},disabled:this.disabled},o("span",{role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":"".concat(this.identifier,"-checkboxes"),"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&o("span",{class:"duet-multiselect-badge"},this.value.length,o("duet-visually-hidden",null,this.selectedLangObject[this.language],", ",this.value.map((function(t){return t.label})).join(", "))),o("svg",{class:{"duet-multiselect-icon":true,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("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"}))),o("div",{id:"".concat(this.identifier,"-checkboxes"),role:"listbox",class:{"duet-multiselect-checkboxes":true,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},this.processedItems&&this.allControls&&o("div",{class:"duet-multiselect-all-control-buttons"},o("button",{class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:function(e){return t.onCheckboxKeyDown(e,-2)}},this.selectAllLabel[this.language]),o("button",{class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:function(e){return t.onCheckboxKeyDown(e,-1)}},this.clearAllLabel[this.language])),this.processedItems&&this.processedItems.map((function(e,i){var s,r;return o("duet-checkbox",{identifier:t.getOptionIdentifier(i),role:"option",label:e.label,value:e.value,key:e.value,checked:(s=t.value)===null||s===void 0?void 0:s.includes(e),"accessible-selected":((r=t.value)===null||r===void 0?void 0:r.includes(e))?"true":undefined,disabled:!t.checkboxesVisible||e.disabled,onDuetChange:function(i){return t.toggleCheckbox(i,e)},onKeyDown:function(e){return t.onCheckboxKeyDown(e,i)},theme:t.theme})})))),o("span",{class:"duet-multiselect-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&o("span",null,this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{items:["refresh"]}},enumerable:false,configurable:true});return t}());w.style=x}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-e1868c94.system.js"],(function(r){"use strict";var n,t,i,e,u,a,f,o,v,c;return{setters:[function(r){n=r.m;t=r.a;i=r.b;e=r.c;u=r.d;a=r.e;f=r.f;o=r.g;v=r.h;c=r.t}],execute:function(){r({c:p,g:j,r:y,s:O});var s=["turva"];function l(r){var n=r.includes("-");var t=r.includes(" ")||r.includes("_");var i=r.charAt(0)==="-";return n&&!t&&!i}function d(r){if(r===void 0){r=""}return"".concat(r.charAt(0).toUpperCase()).concat(r.slice(1))}function x(r){if(r===void 0){r=""}return"".concat(r.charAt(0).toLowerCase()).concat(r.slice(1))}function m(r){if(r===void 0){r=""}var n=r.split("-");n.forEach((function(r,t){n[t]=d(r)}));return n.join("")}function g(r){if(r===void 0){r=""}if(s.includes(r.toLowerCase())){return r.toLowerCase()}return""}function p(r){return r.charAt(0).toUpperCase()+r.slice(1)}function I(r,n){if(n===void 0){n=""}return n.indexOf(p(r))===0||n.indexOf(r)===0}function b(r,n){if(n===void 0){n=""}if(n&&!l(n)&&!I(r,n)){return"".concat(r).concat(d(n))}return n}function h(r,n){var t=g(n).length;if(t&&r.indexOf(n)===-1){return"".concat(r).concat(d(n))}return r}function j(r,n){if(n===void 0){n=""}if(!r){return undefined}var t=M(r);var i=M(r,n);var e=c[i];if(!e){e=c[t]}return e}function M(r,n){if(r===void 0){r=""}if(n===void 0){n=""}var t=r;var i=l(r);if(i){t=m(t)}t=b("color",t);t=h(t,n);t=x(t);return t}function y(r,n){if(!r||n!==0&&!n){return undefined}var t=r.split(",");var i=parseInt(t[0].slice(4)),e=parseInt(t[1]),u=parseInt(t[2]);return"rgba(".concat(i,",").concat(e,",").concat(u,",").concat(n,")")}function O(r,n){var t=r.split(","),i=n<0?0:255,e=n<0?n*-1:n;var u=parseInt(t[0].slice(4)),a=parseInt(t[1]),f=parseInt(t[2]);u=Math.round((i-u)*e)+u;a=Math.round((i-a)*e)+a;f=Math.round((i-f)*e)+f;u=u<0?0:u;u=u>255?255:u;a=a<0?0:a;a=a>255?255:a;f=f<0?0:f;f=f>255?255:f;return"rgb(".concat(u,",").concat(a,",").concat(f,")")}var S=function(r){return r.substring(1,r.length-1)};var _=r("a",{"xxx-small":S(v),"xx-small":S(n),"x-small":S(t),small:S(i),medium:S(e),large:S(u),"x-large":S(a),"xx-large":S(f),"xxx-large":S(o)});var k=r("b",Object.keys(_).filter((function(r){return r.indexOf("x-small")!==-1})));Object.keys(_).filter((function(r){return!k.includes(r)}))}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function o(e){try{s(i.next(e))}catch(e){a(e)}}function u(e){try{s(i["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):r(e.value).then(o,u)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(t){return s([e,t])}}function s(u){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(i=1,r&&(a=u[0]&2?r["return"]:u[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,u[1])).done)return a;if(r=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];r=0}finally{i=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-95eca09b.system.js","./p-15fde8cc.system.js","./p-50f4bca2.system.js"],(function(e){"use strict";var t,n,i,r,a,o;return{setters:[function(e){t=e.r;n=e.h;i=e.H;r=e.g},function(e){a=e.a},function(e){o=e.i}],execute:function(){var u='*,*::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%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-button.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"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var s=e("duet_menu_bar_button",function(){function e(e){var n=this;t(this,e);this.mql=[window.matchMedia(a.replace(/'/g,""))];this.boundMqlFunctions=[];this.changeIconSize=function(){if(n.mql[0].matches){n.iconSize="x-small"}else{n.iconSize="small"}};this.iconSize="x-small";this.accessibleLabel=undefined;this.accessibleControls=undefined;this.accessiblePopup="false";this.accessibleActiveDescendant=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleExpanded=undefined;this.accessiblePressed=undefined;this.theme="";this.icon=undefined}e.prototype.componentWillLoad=function(){o(this)};e.prototype.connectedCallback=function(){this.changeIconSize();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.changeIconSize.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;return n(i,{onfocus:function(){return e.setFocus()}},n("button",{ref:function(t){return e.nativeButton=t},class:{"duet-menu-bar-button":true,"duet-theme-turva":this.theme==="turva"},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-pressed":this.accessiblePressed!=null?this.accessiblePressed.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined},this.icon&&n("duet-icon",{theme:this.theme,size:this.iconSize,name:this.icon,margin:"none",color:"currentColor"}),n("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());s.style=u}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-95eca09b.system.js","./p-e1868c94.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-5795b0d9.system.js","./p-224f6c46.system.js","./p-6ef75455.system.js"],(function(t){"use strict";var e,i,a,s,n,r,o,d,u,l,p,b,c;return{setters:[function(t){e=t.r;i=t.h;a=t.F;s=t.g},function(t){n=t.s},function(t){r=t.i},function(t){o=t.c},function(t){d=t.s;u=t.u},function(t){l=t.a;p=t.g;b=t.c;c=t.d},function(){}],execute:function(){var h='*,*::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%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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.5;color:rgb(0, 41, 77);visibility:hidden;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.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);background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(228, 228, 230)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(0, 41, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}';var m=parseFloat(n)*2*16;var y=t("duet_tray",function(){function t(t){var i=this;e(this,t);this.isTicking=false;this.expandableId=o("DuetTray");this.animationLoop=function(){i.hiddenState=window.pageYOffset<m;i.isTicking=false};this.toggleExpandable=function(t){t.preventDefault();i.expanded=!i.expanded};this.expanded=false;this.hiddenState=false;this.language=l();this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"};this.accessibleCloseLabel=p(this.accessibleCloseLabelDefaults,this.language);this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"};this.accessibleOpenLabel=p(this.accessibleOpenLabelDefaults,this.language);this.theme="";this.active=false;this.autoHide=true;this.responsive=true}t.prototype.componentWillLoad=function(){r(this);this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")};t.prototype.connectedCallback=function(){b(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]);d(this)};t.prototype.disconnectedCallback=function(){c(this);u(this)};t.prototype.getFrame=function(){if(!this.isTicking&&this.autoHide&&this.active){requestAnimationFrame(this.animationLoop);this.isTicking=true}};t.prototype.handleBodyClick=function(t){if(this.expanded){this.expanded=this.element.contains(t.target)}};t.prototype.render=function(){var t=this;return i("div",{class:{"duet-tray":true,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":this.theme==="turva","duet-tray-is-expandable":this.hasAdditionalContent}},i("div",{class:"duet-tray-default-content",role:"status"},i("slot",null)),this.hasAdditionalContent&&i(a,null,i("button",{"aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:function(e){return t.toggleExpandable(e)},class:{"duet-tray-button":true,"duet-tray-is-expanded":this.expanded}},i("duet-icon",{name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),i("duet-visually-hidden",null,this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),i("div",{id:this.expandableId,class:{"duet-tray-expandable":true,active:this.expanded}},i("div",{class:"duet-tray-expandable-content"},i("slot",{name:"additional"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());y.style=h}}}));
|