@duetds/components 10.1.1 → 10.2.1
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 +325 -255
- package/hydrate/index.mjs +325 -255
- package/lib/cjs/{a11y-utils-B_EYQg_6.js → a11y-utils-DIgK57bg.js} +1 -1
- package/lib/cjs/{app-globals-BFWJwMVq.js → app-globals-CQh0dxkp.js} +1 -1
- package/lib/cjs/{common-strings-CC6Xpjb8.js → common-strings-DMaSb4Ld.js} +8 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-alert.cjs.entry.js +5 -5
- package/lib/cjs/duet-badge.cjs.entry.js +6 -6
- package/lib/cjs/duet-banner.cjs.entry.js +3 -3
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +6 -6
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
- package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +20 -14
- package/lib/cjs/duet-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkbox.cjs.entry.js +19 -5
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +4 -4
- package/lib/cjs/duet-choice_2.cjs.entry.js +13 -13
- package/lib/cjs/duet-collapsible.cjs.entry.js +5 -5
- package/lib/cjs/duet-combobox.cjs.entry.js +30 -9
- package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +3 -3
- package/lib/cjs/duet-date-picker.cjs.entry.js +9 -9
- package/lib/cjs/duet-divider_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +10 -10
- package/lib/cjs/duet-empty-state.cjs.entry.js +4 -4
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +3 -3
- package/lib/cjs/duet-footer.cjs.entry.js +9 -9
- package/lib/cjs/duet-grid_2.cjs.entry.js +7 -6
- package/lib/cjs/duet-header_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-hero.cjs.entry.js +10 -10
- package/lib/cjs/duet-icon.cjs.entry.js +5 -5
- package/lib/cjs/duet-indicator.cjs.entry.js +4 -4
- package/lib/cjs/duet-input_2.cjs.entry.js +12 -12
- package/lib/cjs/duet-layout.cjs.entry.js +7 -7
- package/lib/cjs/duet-list_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +8 -8
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar.cjs.entry.js +6 -6
- package/lib/cjs/duet-modal.cjs.entry.js +13 -13
- package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-number-input.cjs.entry.js +9 -9
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +4 -4
- package/lib/cjs/duet-pagination_2.cjs.entry.js +16 -16
- package/lib/cjs/duet-panel.cjs.entry.js +4 -4
- package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +11 -11
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +15 -15
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +10 -10
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart.cjs.entry.js +6 -6
- package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +8 -8
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +11 -11
- package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
- package/lib/cjs/duet-status-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-step_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
- package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
- package/lib/cjs/duet-toggle.cjs.entry.js +24 -7
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +9 -9
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
- package/lib/cjs/duet-tray.cjs.entry.js +5 -5
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-BiQq7F-O.js → errorcodes.utils-DflKGDer.js} +1 -1
- package/lib/cjs/{focus-utils-8IrILmeG.js → focus-utils-CsX9QzWh.js} +1 -1
- package/lib/cjs/{index-CwMzFaC2.js → index-CHPE0RRI.js} +1 -1
- package/lib/cjs/{label-Bw-qhJBs.js → label-Bk7Tl0vN.js} +1 -1
- package/lib/cjs/{language-utils-BLi7aaEv.js → language-utils-D7JgugVP.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-l9-tZvM8.js → slot-utils-Cz6-0IYe.js} +1 -1
- package/lib/cjs/{themeable-component-DlxAauty.js → themeable-component-DYp2VYiJ.js} +1 -1
- package/lib/collection/common-strings.js +7 -1
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-checkbox/duet-checkbox.css +12 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +24 -2
- package/lib/collection/components/duet-chip/duet-chip.js +1 -1
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.js +6 -6
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +2 -2
- package/lib/collection/components/duet-combobox/duet-combobox.js +28 -6
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.css +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +2 -2
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +2 -2
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +2 -2
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.js +4 -4
- package/lib/collection/components/duet-grid/duet-grid.js +3 -2
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
- package/lib/collection/components/duet-heading/duet-heading.js +2 -2
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-indicator/duet-indicator.js +1 -1
- package/lib/collection/components/duet-input/duet-input.css +7 -7
- package/lib/collection/components/duet-input/duet-input.js +6 -6
- package/lib/collection/components/duet-layout/duet-layout.js +5 -5
- package/lib/collection/components/duet-link/duet-link.css +43 -8
- package/lib/collection/components/duet-link/duet-link.js +11 -5
- package/lib/collection/components/duet-list/duet-list.js +1 -1
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +3 -3
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +7 -7
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-nav/duet-nav.js +1 -1
- package/lib/collection/components/duet-notification/duet-notification.js +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +3 -3
- package/lib/collection/components/duet-number-input/duet-number-input.css +13 -7
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
- package/lib/collection/components/duet-panel/duet-panel.js +2 -2
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +3 -3
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.css +10 -4
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
- package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
- package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
- package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab/duet-tab.js +2 -2
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +3 -3
- package/lib/collection/components/duet-toggle/duet-toggle.css +22 -9
- package/lib/collection/components/duet-toggle/duet-toggle.js +83 -2
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +3 -3
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +2 -2
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.esm.js.map +1 -0
- package/lib/duet/index.esm.js.map +1 -0
- package/lib/duet/{p-8ef9d397.entry.js → p-026b5d97.entry.js} +1 -1
- package/lib/duet/{p-8fb7d2ad.entry.js → p-0278421d.entry.js} +1 -1
- package/lib/duet/{p-be967aa3.entry.js → p-0ac52236.entry.js} +1 -1
- package/lib/duet/{p-35ab9df3.entry.js → p-0c0485ca.entry.js} +1 -1
- package/lib/duet/{p-b4405bb2.entry.js → p-0c4d3ef8.entry.js} +1 -1
- package/lib/duet/{p-23c8a3cf.entry.js → p-10593797.entry.js} +1 -1
- package/lib/duet/{p-5e312efa.entry.js → p-13423abb.entry.js} +1 -1
- package/lib/duet/{p-1a92ea28.entry.js → p-1674f94c.entry.js} +1 -1
- package/lib/duet/{p-6b6a8585.entry.js → p-16ef5016.entry.js} +1 -1
- package/lib/duet/{p-8ef3fe6f.entry.js → p-19f51a31.entry.js} +1 -1
- package/lib/duet/{p-d851fb45.entry.js → p-1a0890fa.entry.js} +1 -1
- package/lib/duet/{p-2459de04.entry.js → p-1b45ccdc.entry.js} +1 -1
- package/lib/duet/p-1b9bfe32.entry.js +4 -0
- package/lib/duet/{p-5ee97e54.entry.js → p-1dbbd855.entry.js} +1 -1
- package/lib/duet/{p-24e49455.entry.js → p-1dcde973.entry.js} +1 -1
- package/lib/duet/{p-a1bddbe0.entry.js → p-1f44c859.entry.js} +1 -1
- package/lib/duet/{p-c08a6b40.entry.js → p-1f6ea6df.entry.js} +1 -1
- package/lib/duet/{p-cd9c1ddc.entry.js → p-203ef386.entry.js} +1 -1
- package/lib/duet/{p-a94c2063.entry.js → p-22d59683.entry.js} +1 -1
- package/lib/duet/{p-8e105140.entry.js → p-24106c45.entry.js} +1 -1
- package/lib/duet/{p-af604e20.entry.js → p-2a8b5bfa.entry.js} +1 -1
- package/lib/duet/p-2d578570.entry.js +4 -0
- package/lib/duet/{p-0f15317c.entry.js → p-2e9897c7.entry.js} +1 -1
- package/lib/duet/{p-3caabda3.entry.js → p-31d16e95.entry.js} +1 -1
- package/lib/duet/{p-414306dc.entry.js → p-323fa45a.entry.js} +1 -1
- package/lib/duet/p-3434fb72.entry.js +4 -0
- package/lib/duet/{p-7cad4a7d.entry.js → p-35ea3b5a.entry.js} +1 -1
- package/lib/duet/{p-e08191e2.entry.js → p-3a42f2e8.entry.js} +1 -1
- package/lib/duet/{p-fcb7ab98.entry.js → p-48767e14.entry.js} +1 -1
- package/lib/duet/{p-47d33b6b.entry.js → p-519a52bc.entry.js} +1 -1
- package/lib/duet/{p-e0c9c534.entry.js → p-52980dc6.entry.js} +1 -1
- package/lib/duet/{p-20bfba9e.entry.js → p-55973c08.entry.js} +1 -1
- package/lib/duet/{p-e06f599b.entry.js → p-56bfa7b4.entry.js} +1 -1
- package/lib/duet/p-5be4e1b3.entry.js +4 -0
- package/lib/duet/{p-ab65780a.entry.js → p-5ded9cdd.entry.js} +1 -1
- package/lib/duet/{p-68bb7d28.entry.js → p-5f93c14a.entry.js} +1 -1
- package/lib/duet/{p-69c2989d.entry.js → p-6872f751.entry.js} +1 -1
- package/lib/duet/{p-1bf0b984.entry.js → p-6a223004.entry.js} +1 -1
- package/lib/duet/{p-a886ee0b.entry.js → p-6b20c695.entry.js} +1 -1
- package/lib/duet/{p-1bf130a0.entry.js → p-6c4ad8dd.entry.js} +1 -1
- package/lib/duet/{p-96334633.entry.js → p-71a993e9.entry.js} +1 -1
- package/lib/duet/p-77bd81a7.entry.js +4 -0
- package/lib/duet/{p-46fdb6a9.entry.js → p-78e28708.entry.js} +1 -1
- package/lib/duet/{p-f9c54d66.entry.js → p-7c27d54d.entry.js} +1 -1
- package/lib/duet/{p-999ff774.entry.js → p-7c5559aa.entry.js} +1 -1
- package/lib/duet/{p-f0c6161a.entry.js → p-7c71acff.entry.js} +1 -1
- package/lib/duet/p-8246aca5.entry.js +4 -0
- package/lib/duet/p-82bed3e4.entry.js +4 -0
- package/lib/duet/{p-5214be20.entry.js → p-83873c17.entry.js} +1 -1
- package/lib/duet/{p-fb4af30f.entry.js → p-879d2e6a.entry.js} +1 -1
- package/lib/duet/p-8RjiAqaE.js +4 -0
- package/lib/duet/{p-07b33d9a.entry.js → p-8d568b05.entry.js} +1 -1
- package/lib/duet/{p-64003bfb.entry.js → p-8f022fe4.entry.js} +1 -1
- package/lib/duet/{p-24c89cbd.entry.js → p-8f39b76a.entry.js} +1 -1
- package/lib/duet/{p-4b150620.entry.js → p-953910c3.entry.js} +1 -1
- package/lib/duet/{p-14c52ecc.entry.js → p-9705bdf2.entry.js} +1 -1
- package/lib/duet/p-9UeJiEXx.js.map +1 -0
- package/lib/duet/{p-4c8ff6a9.entry.js → p-9ad3562b.entry.js} +1 -1
- package/lib/duet/{p-c96cf3d3.entry.js → p-9dfb1602.entry.js} +1 -1
- package/lib/duet/p-BBhgW58t.js.map +1 -0
- package/lib/duet/{p-CPZ9Rh_9.js → p-BEyqDEKQ.js} +1 -1
- package/lib/duet/p-BK12s3nI.js.map +1 -0
- package/lib/duet/{p-Cz75kJ4Z.js → p-BOvQtVMD.js} +1 -1
- package/lib/duet/p-BW6JNddK.js.map +1 -0
- package/lib/duet/p-BcPp3KKD.js.map +1 -0
- package/lib/duet/p-Bd_IFUlc.js.map +1 -0
- package/lib/duet/p-BfhNMsMk.js.map +1 -0
- package/lib/duet/p-C4eu9Z7w.js.map +1 -0
- package/lib/duet/p-CGf6zkuF.js.map +1 -0
- package/lib/duet/p-CIGqx4Cc.js.map +1 -0
- package/lib/duet/p-CLDy7YaM.js.map +1 -0
- package/lib/duet/p-CV1dC6Oy.js.map +1 -0
- package/lib/duet/p-CaF2pz74.js.map +1 -0
- package/lib/duet/p-Cfr_DJqU.js.map +1 -0
- package/lib/duet/p-CgIXOlgn.js.map +1 -0
- package/lib/duet/p-CooAqTCj.js.map +1 -0
- package/lib/duet/{p-D2reh8UV.js → p-CsGZzH1g.js} +1 -1
- package/lib/duet/p-D0ZPQviq.js.map +1 -0
- package/lib/duet/p-D2eXyGqW.js.map +1 -0
- package/lib/duet/p-DAU-6bv0.js.map +1 -0
- package/lib/duet/{p-0d9FRr_b.js → p-DBab1eZF.js} +1 -1
- package/lib/duet/p-DE6tkjJW.js.map +1 -0
- package/lib/duet/{p-D7O8dU_Q.js → p-DRpZDk0L.js} +1 -1
- package/lib/duet/p-DWe9P8ry.js.map +1 -0
- package/lib/duet/p-DYO3k3VG.js.map +1 -0
- package/lib/duet/p-DajeMr0n.js.map +1 -0
- package/lib/duet/p-DbVclHyj.js +4 -0
- package/lib/duet/p-DifBJmpD.js.map +1 -0
- package/lib/duet/p-Dj_oRxdS.js +4 -0
- package/lib/duet/p-DxESMgwA.js.map +1 -0
- package/lib/duet/p-EQ8o9Cpg.js.map +1 -0
- package/lib/duet/{p-ae11d834.entry.js → p-a318f737.entry.js} +1 -1
- package/lib/duet/{p-0be1cbcc.entry.js → p-a4088637.entry.js} +1 -1
- package/lib/duet/{p-3937103e.entry.js → p-a64c60c9.entry.js} +1 -1
- package/lib/duet/{p-9c176eae.entry.js → p-a711aace.entry.js} +1 -1
- package/lib/duet/{p-46594b20.entry.js → p-a833d24e.entry.js} +1 -1
- package/lib/duet/p-aa73d232.entry.js +4 -0
- package/lib/duet/{p-e29699ea.entry.js → p-ab3f7d47.entry.js} +1 -1
- package/lib/duet/{p-87fdb2d1.entry.js → p-ae149a1c.entry.js} +1 -1
- package/lib/duet/p-af08e085.entry.js +4 -0
- package/lib/duet/p-afd58bd7.entry.js +4 -0
- package/lib/duet/{p-bafb269a.entry.js → p-afe51b83.entry.js} +1 -1
- package/lib/duet/{p-6a5089bf.entry.js → p-b051a253.entry.js} +1 -1
- package/lib/duet/{p-ec572857.entry.js → p-b108c836.entry.js} +1 -1
- package/lib/duet/p-b519650f.entry.js +4 -0
- package/lib/duet/p-b6b7126b.entry.js +4 -0
- package/lib/duet/{p-e3116610.entry.js → p-ba84bc30.entry.js} +1 -1
- package/lib/duet/{p-49f9404b.entry.js → p-be63e6cf.entry.js} +1 -1
- package/lib/duet/{p-c49521b1.entry.js → p-c0617b94.entry.js} +1 -1
- package/lib/duet/p-c5756278.entry.js +4 -0
- package/lib/duet/p-c7b7a009.entry.js +4 -0
- package/lib/duet/p-d49b80d5.entry.js +4 -0
- package/lib/duet/{p-3115c01d.entry.js → p-d6c7db11.entry.js} +1 -1
- package/lib/duet/p-df13a49e.entry.js +4 -0
- package/lib/duet/{p-53a8fc76.entry.js → p-dfd8dd6f.entry.js} +1 -1
- package/lib/duet/{p-6f1841f2.entry.js → p-e639afce.entry.js} +1 -1
- package/lib/duet/{p-c5f27149.entry.js → p-ef9c311e.entry.js} +1 -1
- package/lib/duet/{p-ad94e5b7.entry.js → p-f018de8a.entry.js} +1 -1
- package/lib/duet/{p-e1eff77c.entry.js → p-f592f327.entry.js} +1 -1
- package/lib/duet/{p-65eed68b.entry.js → p-fa0b596e.entry.js} +1 -1
- package/lib/duet/p-lTKl7i2u.js.map +1 -0
- package/lib/duet/{p-Be4oMqD2.js → p-nAcNUKp2.js} +1 -1
- package/lib/duet/p-vGm6JOUa.js.map +1 -0
- package/lib/duet/{p-B01I4GZJ.js → p-yNCV1XSS.js} +1 -1
- package/lib/esm/{a11y-utils-BPzUw6wf.js → a11y-utils-DaSX4sm4.js} +1 -1
- package/lib/esm/{app-globals-SsQsu12e.js → app-globals-Hj3SA8Ai.js} +1 -1
- package/lib/esm/{common-strings-CVPfl9fc.js → common-strings-8RjiAqaE.js} +8 -2
- package/lib/esm/duet-action-button.entry.js +3 -3
- package/lib/esm/duet-alert.entry.js +5 -5
- package/lib/esm/duet-badge.entry.js +6 -6
- package/lib/esm/duet-banner.entry.js +3 -3
- package/lib/esm/duet-breadcrumb.entry.js +6 -6
- package/lib/esm/duet-breadcrumbs.entry.js +5 -5
- package/lib/esm/duet-button_2.entry.js +5 -5
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +20 -14
- package/lib/esm/duet-card.entry.js +3 -3
- package/lib/esm/duet-checkbox.entry.js +19 -5
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +4 -4
- package/lib/esm/duet-choice_2.entry.js +13 -13
- package/lib/esm/duet-collapsible.entry.js +5 -5
- package/lib/esm/duet-combobox.entry.js +30 -9
- package/lib/esm/duet-contact-card.entry.js +5 -5
- package/lib/esm/duet-cookie-consent.entry.js +3 -3
- package/lib/esm/duet-date-picker.entry.js +9 -9
- package/lib/esm/duet-divider_2.entry.js +4 -4
- package/lib/esm/duet-editable-table_3.entry.js +10 -10
- package/lib/esm/duet-empty-state.entry.js +4 -4
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +3 -3
- package/lib/esm/duet-footer.entry.js +9 -9
- package/lib/esm/duet-grid_2.entry.js +7 -6
- package/lib/esm/duet-header_2.entry.js +5 -5
- package/lib/esm/duet-hero.entry.js +10 -10
- package/lib/esm/duet-icon.entry.js +5 -5
- package/lib/esm/duet-indicator.entry.js +4 -4
- package/lib/esm/duet-input_2.entry.js +12 -12
- package/lib/esm/duet-layout.entry.js +7 -7
- package/lib/esm/duet-list_2.entry.js +5 -5
- package/lib/esm/duet-menu-bar-button.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-menu-bar-item.entry.js +8 -8
- package/lib/esm/duet-menu-bar-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar.entry.js +6 -6
- package/lib/esm/duet-modal.entry.js +13 -13
- package/lib/esm/duet-multiselect.entry.js +10 -10
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +9 -9
- package/lib/esm/duet-number-input.entry.js +9 -9
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +4 -4
- package/lib/esm/duet-pagination_2.entry.js +16 -16
- package/lib/esm/duet-panel.entry.js +4 -4
- package/lib/esm/duet-phone-input.entry.js +4 -4
- package/lib/esm/duet-popup-menu_2.entry.js +11 -11
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +5 -5
- package/lib/esm/duet-radio_2.entry.js +7 -7
- package/lib/esm/duet-range-slider.entry.js +6 -6
- package/lib/esm/duet-scrollable_3.entry.js +15 -15
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +10 -10
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +2 -2
- package/lib/esm/duet-share-chart.entry.js +6 -6
- package/lib/esm/duet-show-more.entry.js +5 -5
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +8 -8
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +11 -11
- package/lib/esm/duet-slideout.entry.js +10 -10
- package/lib/esm/duet-status-icon.entry.js +3 -3
- package/lib/esm/duet-step_2.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-item.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar.entry.js +7 -7
- package/lib/esm/duet-textarea.entry.js +8 -8
- package/lib/esm/duet-toggle.entry.js +24 -7
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
- package/lib/esm/duet-toolbar-item.entry.js +9 -9
- package/lib/esm/duet-toolbar-link.entry.js +4 -4
- package/lib/esm/duet-toolbar.entry.js +4 -4
- package/lib/esm/duet-tooltip-button_2.entry.js +9 -9
- package/lib/esm/duet-tooltip.entry.js +4 -4
- package/lib/esm/duet-tray.entry.js +5 -5
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-BSrGsmkE.js → errorcodes.utils-AyF-6hZu.js} +1 -1
- package/lib/esm/{focus-utils-pVdst0px.js → focus-utils-CCWbE_kr.js} +1 -1
- package/lib/esm/{index-CPZ9Rh_9.js → index-BEyqDEKQ.js} +1 -1
- package/lib/esm/{label-DOI1kYHr.js → label-C58dWzTQ.js} +1 -1
- package/lib/esm/{language-utils-D2LZ-dAb.js → language-utils-BXhYaE0m.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-Plu0scZN.js → slot-utils-BI9kmtvd.js} +1 -1
- package/lib/esm/{themeable-component-CyP7TR8I.js → themeable-component-BAHIh10B.js} +1 -1
- package/lib/types/common-strings.d.ts +1 -0
- package/lib/types/common-types.d.ts +8 -1
- package/lib/types/components/duet-checkbox/duet-checkbox.d.ts +6 -0
- package/lib/types/components/duet-combobox/duet-combobox.d.ts +3 -1
- package/lib/types/components/duet-link/duet-link.d.ts +3 -1
- package/lib/types/components/duet-toggle/duet-toggle.d.ts +16 -0
- package/lib/types/components.d.ts +28 -2
- package/package.json +5 -5
- package/lib/duet/p-0557d0e3.entry.js +0 -4
- package/lib/duet/p-0596ed8f.entry.js +0 -4
- package/lib/duet/p-12037a2a.entry.js +0 -4
- package/lib/duet/p-22ecf342.entry.js +0 -4
- package/lib/duet/p-24bd3f6b.entry.js +0 -4
- package/lib/duet/p-38e2f4db.entry.js +0 -4
- package/lib/duet/p-4eb8634c.entry.js +0 -4
- package/lib/duet/p-5c8619fc.entry.js +0 -4
- package/lib/duet/p-760530e9.entry.js +0 -4
- package/lib/duet/p-8b3be0f7.entry.js +0 -4
- package/lib/duet/p-8d0727d6.entry.js +0 -4
- package/lib/duet/p-91ce1d13.entry.js +0 -4
- package/lib/duet/p-BBJluIMx.js +0 -4
- package/lib/duet/p-BiXEBkqx.js +0 -4
- package/lib/duet/p-CVPfl9fc.js +0 -4
- package/lib/duet/p-a79d0152.entry.js +0 -4
- package/lib/duet/p-b90b0d7a.entry.js +0 -4
- package/lib/duet/p-d16bdf01.entry.js +0 -4
- package/lib/duet/p-e51c28bc.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 i,H as a,g as o}from"./p-
|
|
4
|
+
import{r as e,c as t,h as i,H as a,g as o}from"./p-BEyqDEKQ.js";import{a as s}from"./p-BVgBUIYF.js";import{f as l,t as n}from"./p-CjSEMtsI.js";import{i as r}from"./p-BOvQtVMD.js";import{c as d}from"./p-Cfr_DJqU.js";import{i as c,s as h,u as p}from"./p-Db8rvjPI.js";import{d as g,h as u,c as b,a as m}from"./p-yNCV1XSS.js";import"./p-DvwKrUS6.js";const f=class{constructor(i){e(this,i),this.duetToggle=t(this,"duetToggle",7),this.id=d("DuetCollapsible"),this.headingTags=["h1","h2","h3","h4","h5","h6"],this.theme="",this.negative=!1,this.heading="",this.caption="",this.headingFullWidth=!1,this.centerHeading=!1,this.headingWeight="semibold",this.headingSize=void 0,this.headingLevel=void 0,this.margin="auto",this.open=!1,this.handleKeyDown=e=>{c(e)&&this.handleClick(e)},this.getFontSizeFromTokens=(e=this.headingSize)=>{if(e){const t=e.replace(/-/g,"_");return n[`font_size_${t}`]}return l},this.getEquivalentIconSize=(e=this.headingSize)=>{switch(e){case"x-small":case"small":case"medium":default:return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large"}},this.getAccessibleLabel=()=>{if(this.accessibleLabel)return this.accessibleLabel;const e=[];return this.heading?e.push(this.heading):this.hasHeadingSlot&&e.push(g(this.element,"heading")),this.hasAfterHeadingSlot&&e.push(g(this.element,"after-heading")),this.caption&&e.push(this.caption),e.join(". ")},this.handleClick=e=>{e.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-collapsible",originalEvent:e})}}componentWillLoad(){r(this),this.hasAfterHeadingSlot=u(this.element,"after-heading"),this.hasHeadingSlot=u(this.element,"heading"),b(this.element,"heading",this.headingTags.join(",")),this.hasHeadingSlot&&(this.headingLevel=m(this.element,"heading")[0].tagName.toLowerCase())}connectedCallback(){h(this)}disconnectedCallback(){p(this)}async setFocus(e){this.nativeButton&&(this.element.classList.add("user-is-tabbing"),this.nativeButton.focus(e))}render(){const e=this.headingTags.includes(this.headingLevel)?this.headingLevel:"div";return i(a,{key:"fd4435676c3862734ae74dc5a3f87b8eab2f70f4",class:{"duet-m-0":"none"===this.margin,negative:this.negative}},i(e,{key:"a8cebd440d7d71ec114617e5fb99929f577c4519"},i("button",{key:"20835d6fa2e0dd36cc25d5400f31d29f00123c08",class:{"duet-collapsible-heading":!0,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":"turva"===this.theme,"duet-collapsible-normal-weight":"normal"===this.headingWeight,"has-after-heading":this.hasAfterHeadingSlot,"full-width":this.headingFullWidth,"has-caption":!!this.caption},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:e=>this.nativeButton=e,"aria-label":this.getAccessibleLabel(),"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("div",{key:"5efe212565a40b4805d565c6856ef080f3b0b696",class:"duet-collapsible-heading-wrapper"},i("div",{key:"09dde2b49aa4b3aee5ae10e6cd6ffee6bdd75faa",class:"duet-collapsible-heading-icon"},i("duet-icon",{key:"6bc4d5b4d62dcd39c6b03a37f0879d19d9b56f14",margin:"none",size:this.getEquivalentIconSize(),icon:s.svg})),i("div",{key:"cc07686af44301b10a541149bffc8df833a294f3",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading?this.heading:i("slot",{name:"heading"})),this.hasAfterHeadingSlot&&i("div",{key:"83f79853695547594c25a1b017c0653d4e4edc7d",part:"duet-collapsible-after-heading"},i("slot",{key:"47dd2ce6d896f75c6814594899604aa15e9a98cd",name:"after-heading"}))),this.caption&&i("div",{key:"ebd4561054092f312999f98f8e859bd193cb9613",class:"duet-collapsible-heading-caption"},i("duet-caption",{key:"f620061ec26eed524ee27e417d6fb1e828fc04e8",size:"small",margin:"none"},this.caption)))),i("div",{key:"4a2de882c742fbd31fb4c1ce959e9c081cf1a15d",id:this.id,class:{"duet-collapsible-content":!0,"duet-theme-turva":"turva"===this.theme},part:"duet-collapsible-content"},i("slot",{key:"7efd617c6d79dba957e02d3a7ea4677629c64ef7"})))}get element(){return o(this)}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.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)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;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(8, 42, 77);-webkit-hyphens:auto;hyphens:auto}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-collapsible-heading:focus,:host(.user-is-tabbing) .duet-collapsible-heading:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-collapsible-heading:focus,:host(.user-is-tabbing) .duet-collapsible-heading:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading .duet-collapsible-heading-content ::slotted(*){padding:0;margin:0;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;color:inherit !important}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.duet-collapsible-heading-icon:last-of-type:not(:last-child){margin-right:8px !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}:host(.duet-theme-turva2){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,:host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva{color:rgb(23, 42, 59)}';export{f as duet_collapsible}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as
|
|
4
|
+
import{r as e,h as t,H as o,g as a}from"./p-BEyqDEKQ.js";import{i}from"./p-BOvQtVMD.js";const n=class{constructor(t){e(this,t),this.accessiblePopup="false",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.theme="",this.icon=void 0}componentWillLoad(){i(this)}async setFocus(e){this.nativeButton&&this.nativeButton.focus(e)}render(){return t(o,{key:"27fb2c633e88b04b7397830d15c881240d29a91b",role:"listitem",onfocus:()=>this.setFocus()},t("button",{key:"29791cfd8473dc9407238460bcb1e169f183f074",ref:e=>this.nativeButton=e,class:{"duet-menu-bar-button":!0,"duet-theme-turva":"turva"===this.theme},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"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":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0},this.icon&&t("duet-icon",{key:"e037dac1385bef39b070602ba5bfb278470a49dd",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),t("slot",{key:"95fd0aef38328dece2756ceed18c904c0c447d76"})))}get element(){return a(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.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)}}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}}';export{n as duet_menu_bar_button}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as s,H as e}from"./p-
|
|
4
|
+
import{r as t,h as s,H as e}from"./p-BEyqDEKQ.js";import{t as r}from"./p-CjSEMtsI.js";const i=class{constructor(s){t(this,s),this.bg={default:{default:"color_lt_blue_200",success:"color_success_200",warning:"color_warning_200",danger:"color_danger_200"},strong:{default:"color_lt_blue_700",success:"color_success_700",warning:"color_warning_500",danger:"color_danger_600"}},this.color={default:{default:"color_lt_blue_800",success:"color_success_800",warning:"color_warning_800",danger:"color_danger_800"},strong:{default:"color_lt_blue_100",success:"color_gray_lightest",warning:"color_warning_900",danger:"color_gray_lightest"}},this.variation="default",this.size="medium",this.margin="auto",this.strong=!1}getVariation(){return["default","success","danger","warning"].includes(this.variation)?this.variation:"default"}getBg(){return r[this.bg[this.strong?"strong":"default"][this.getVariation()]]}getColor(){return r[this.color[this.strong?"strong":"default"][this.getVariation()]]}getIcon(){switch(this.getVariation()){case"default":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" 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"/>\n <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>\n </svg>`;case"success":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>\n </svg>`;case"warning":case"danger":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>\n <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>\n <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>\n </svg>`}}render(){return s(e,{key:"c53538070bb94c61a824cce9bf5065ce69ea989a",class:{[`duet-status-icon-${this.getVariation()}`]:!0,"duet-strong-bg":this.strong}},s("duet-icon",{key:"ebd3f5b5c3ef995cb598ee4f9072891594e8c069",icon:this.getIcon(),size:this.size,margin:this.margin}))}};export{i as duet_status_icon}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as
|
|
4
|
+
import{r as e,h as t,H as a,g as n}from"./p-BEyqDEKQ.js";import{i as o}from"./p-BOvQtVMD.js";import{a as r,c as s,d as i,g as d}from"./p-DBab1eZF.js";import"./p-C6E9F6QT.js";const c=class{constructor(t){e(this,t),this.chooseLangObject={en:"Choose language",fi:"Valitse kieli",sv:"Välj språk"},this.language=r(),this.theme=""}componentWillLoad(){o(this)}connectedCallback(){s(this)}disconnectedCallback(){i(this)}render(){const e=d(this.chooseLangObject);return t(a,{key:"2c744c1b9d32b518b879daf12ffafe26ba74c43b"},t("div",{key:"ddb19f0b54c8a3f8680e76c8b3e565ff9c114e3b",class:"duet-slideout-lang",role:"group","aria-label":e},t("duet-icon",{key:"09e40a1777dc671deffa188ccecfc9ce78089ecb",name:"navigation-language",margin:"none",color:"secondary",size:"small"}),t("slot",{key:"6e35a0b19bab97a7810f90ddd99f399a60e9f3dc"})))}get element(){return n(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-slideout-lang{display:flex;gap:16px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-14px;width:2px;height:50%;content:"";background:rgb(8, 42, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 42, 59)}';export{c as duet_slideout_lang}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as o,h as n,F as i,H as a,g as t}from"./p-CPZ9Rh_9.js";import{i as s}from"./p-Cz75kJ4Z.js";import{c as r}from"./p-Cfr_DJqU.js";import{s as C,u as d}from"./p-Db8rvjPI.js";import{a as l,g as u,c as h,d as p}from"./p-0d9FRr_b.js";import{c as v}from"./p-B01I4GZJ.js";import"./p-C6E9F6QT.js";const y={AF:{isoCode:"AF",en:"Afghanistan",fi:"Afganistan",sv:"Afghanistan",telephoneCountryCode:"93"},AL:{isoCode:"AL",en:"Albania",fi:"Albania",sv:"Albanien",telephoneCountryCode:"355"},DZ:{isoCode:"DZ",en:"Algeria",fi:"Algeria",sv:"Algeriet",telephoneCountryCode:"213"},AS:{isoCode:"AS",en:"American Samoa",fi:"Amerikan Samoa",sv:"Amerikanska Samoa",telephoneCountryCode:"1"},AD:{isoCode:"AD",en:"Andorra",fi:"Andorra",sv:"Andorra",telephoneCountryCode:"376"},AO:{isoCode:"AO",en:"Angola",fi:"Angola",sv:"Angola",telephoneCountryCode:"244"},AI:{isoCode:"AI",en:"Anguilla",fi:"Anguilla",sv:"Anguilla",telephoneCountryCode:"1"},AQ:{isoCode:"AQ",en:"Antarctica",fi:"Antarktis",sv:"Antarktis"},AG:{isoCode:"AG",en:"Antigua and Barbuda",fi:"Antigua ja Barbuda",sv:"Antigua och Barbuda",telephoneCountryCode:"1"},AR:{isoCode:"AR",en:"Argentina",fi:"Argentiina",sv:"Argentina",telephoneCountryCode:"54"},AM:{isoCode:"AM",en:"Armenia",fi:"Armenia",sv:"Armenien",telephoneCountryCode:"374"},AW:{isoCode:"AW",en:"Aruba",fi:"Aruba",sv:"Aruba",telephoneCountryCode:"297"},AU:{isoCode:"AU",en:"Australia",fi:"Australia",sv:"Australien",telephoneCountryCode:"61"},AT:{isoCode:"AT",en:"Austria",fi:"Itävalta",sv:"Österrike",telephoneCountryCode:"43"},AZ:{isoCode:"AZ",en:"Azerbaijan",fi:"Azerbaidžan",sv:"Azerbajdzjan",telephoneCountryCode:"994"},BS:{isoCode:"BS",en:"Bahamas",fi:"Bahama",sv:"Bahamas",telephoneCountryCode:"1"},BH:{isoCode:"BH",en:"Bahrain",fi:"Bahrain",sv:"Bahrain",telephoneCountryCode:"973"},BD:{isoCode:"BD",en:"Bangladesh",fi:"Bangladesh",sv:"Bangladesh",telephoneCountryCode:"880"},BB:{isoCode:"BB",en:"Barbados",fi:"Barbados",sv:"Barbados",telephoneCountryCode:"1"},BY:{isoCode:"BY",en:"Belarus",fi:"Valko-Venäjä",sv:"Belarus",telephoneCountryCode:"375"},BE:{isoCode:"BE",en:"Belgium",fi:"Belgia",sv:"Belgien",telephoneCountryCode:"32"},BZ:{isoCode:"BZ",en:"Belize",fi:"Belize",sv:"Belize",telephoneCountryCode:"501"},BJ:{isoCode:"BJ",en:"Benin",fi:"Benin",sv:"Benin",telephoneCountryCode:"229"},BM:{isoCode:"BM",en:"Bermuda",fi:"Bermuda",sv:"Bermuda",telephoneCountryCode:"1"},BT:{isoCode:"BT",en:"Bhutan",fi:"Bhutan",sv:"Bhutan",telephoneCountryCode:"975"},BO:{isoCode:"BO",en:"Bolivia",fi:"Bolivia",sv:"Bolivia",telephoneCountryCode:"591"},BA:{isoCode:"BA",en:"Bosnia and Herzegovina",fi:"Bosnia ja Hertsegovina",sv:"Bosnien och Hercegovina",telephoneCountryCode:"387"},BW:{isoCode:"BW",en:"Botswana",fi:"Botswana",sv:"Botswana",telephoneCountryCode:"267"},BV:{isoCode:"BV",en:"Bouvet Island",fi:"Bouvet’nsaari",sv:"Bouvetön"},BR:{isoCode:"BR",en:"Brazil",fi:"Brasilia",sv:"Brasilien",telephoneCountryCode:"55"},IO:{isoCode:"IO",en:"British Indian Ocean Territory",fi:"Brittiläinen Intian valtameren alue",sv:"Brittiska territoriet i Indiska Oceanen",telephoneCountryCode:"246"},BN:{isoCode:"BN",en:"Brunei Darussalam",fi:"Brunei",sv:"Brunei",telephoneCountryCode:"673"},BG:{isoCode:"BG",en:"Bulgaria",fi:"Bulgaria",sv:"Bulgarien",telephoneCountryCode:"359"},BF:{isoCode:"BF",en:"Burkina Faso",fi:"Burkina Faso",sv:"Burkina Faso",telephoneCountryCode:"226"},BI:{isoCode:"BI",en:"Burundi",fi:"Burundi",sv:"Burundi",telephoneCountryCode:"257"},KH:{isoCode:"KH",en:"Cambodia",fi:"Kambodža",sv:"Kambodja",telephoneCountryCode:"855"},CM:{isoCode:"CM",en:"Cameroon",fi:"Kamerun",sv:"Kamerun",telephoneCountryCode:"237"},CA:{isoCode:"CA",en:"Canada",fi:"Kanada",sv:"Kanada",telephoneCountryCode:"1"},CV:{isoCode:"CV",en:"Cape Verde",fi:"Kap Verde",sv:"Kap Verde",telephoneCountryCode:"238"},KY:{isoCode:"KY",en:"Cayman Islands",fi:"Caymansaaret",sv:"Caymanöarna",telephoneCountryCode:"1"},CF:{isoCode:"CF",en:"Central African Republic",fi:"Keski-Afrikan tasavalta",sv:"Centralafrikanska republiken",telephoneCountryCode:"236"},TD:{isoCode:"TD",en:"Chad",fi:"Tšad",sv:"Tchad",telephoneCountryCode:"235"},CL:{isoCode:"CL",en:"Chile",fi:"Chile",sv:"Chile",telephoneCountryCode:"56"},CN:{isoCode:"CN",en:"People's Republic of China",fi:"Kiina",sv:"Kina",telephoneCountryCode:"86"},CX:{isoCode:"CX",en:"Christmas Island",fi:"Joulusaari",sv:"Julön",telephoneCountryCode:"61"},CC:{isoCode:"CC",en:"Cocos (Keeling) Islands",fi:"Kookossaaret",sv:"Kokosöarna",telephoneCountryCode:"61"},CO:{isoCode:"CO",en:"Colombia",fi:"Kolumbia",sv:"Colombia",telephoneCountryCode:"57"},KM:{isoCode:"KM",en:"Comoros",fi:"Komorit",sv:"Komorerna",telephoneCountryCode:"269"},CG:{isoCode:"CG",en:"Republic of the Congo",fi:"Kongon tasavalta",sv:"Kongo-Brazzaville",telephoneCountryCode:"242"},CD:{isoCode:"CD",en:"Democratic Republic of the Congo",fi:"Kongon demokraattinen tasavalta",sv:"Demokratiska republiken Kongo",telephoneCountryCode:"243"},CK:{isoCode:"CK",en:"Cook Islands",fi:"Cookinsaaret",sv:"Cooköarna",telephoneCountryCode:"682"},CR:{isoCode:"CR",en:"Costa Rica",fi:"Costa Rica",sv:"Costa Rica",telephoneCountryCode:"506"},CI:{isoCode:"CI",en:"Cote D'Ivoire",fi:"Norsunluurannikko",sv:"Elfenbenskusten",telephoneCountryCode:"225"},HR:{isoCode:"HR",en:"Croatia",fi:"Kroatia",sv:"Kroatien",telephoneCountryCode:"385"},CU:{isoCode:"CU",en:"Cuba",fi:"Kuuba",sv:"Kuba",telephoneCountryCode:"53"},CY:{isoCode:"CY",en:"Cyprus",fi:"Kypros",sv:"Cypern",telephoneCountryCode:"357"},CZ:{isoCode:"CZ",en:"Czech Republic",fi:"Tšekki",sv:"Tjeckien",telephoneCountryCode:"420"},DK:{isoCode:"DK",en:"Denmark",fi:"Tanska",sv:"Danmark",telephoneCountryCode:"45"},DJ:{isoCode:"DJ",en:"Djibouti",fi:"Djibouti",sv:"Djibouti",telephoneCountryCode:"253"},DM:{isoCode:"DM",en:"Dominica",fi:"Dominica",sv:"Dominica",telephoneCountryCode:"1"},DO:{isoCode:"DO",en:"Dominican Republic",fi:"Dominikaaninen tasavalta",sv:"Dominikanska republiken",telephoneCountryCode:"1"},EC:{isoCode:"EC",en:"Ecuador",fi:"Ecuador",sv:"Ecuador",telephoneCountryCode:"593"},EG:{isoCode:"EG",en:"Egypt",fi:"Egypti",sv:"Egypten",telephoneCountryCode:"20"},SV:{isoCode:"SV",en:"El Salvador",fi:"El Salvador",sv:"El Salvador",telephoneCountryCode:"503"},GQ:{isoCode:"GQ",en:"Equatorial Guinea",fi:"Päiväntasaajan Guinea",sv:"Ekvatorialguinea",telephoneCountryCode:"240"},ER:{isoCode:"ER",en:"Eritrea",fi:"Eritrea",sv:"Eritrea",telephoneCountryCode:"291"},EE:{isoCode:"EE",en:"Estonia",fi:"Viro",sv:"Estland",telephoneCountryCode:"372"},ET:{isoCode:"ET",en:"Ethiopia",fi:"Etiopia",sv:"Etiopien",telephoneCountryCode:"251"},FK:{isoCode:"FK",en:"Falkland Islands (Malvinas)",fi:"Falklandinsaaret",sv:"Falklandsöarna",telephoneCountryCode:"500"},FO:{isoCode:"FO",en:"Faroe Islands",fi:"Färsaaret",sv:"Färöarna",telephoneCountryCode:"298"},FJ:{isoCode:"FJ",en:"Fiji",fi:"Fidži",sv:"Fiji",telephoneCountryCode:"679"},FI:{isoCode:"FI",en:"Finland",fi:"Suomi",sv:"Finland",telephoneCountryCode:"358"},FR:{isoCode:"FR",en:"France",fi:"Ranska",sv:"Frankrike",telephoneCountryCode:"33"},GF:{isoCode:"GF",en:"French Guiana",fi:"Ranskan Guayana",sv:"Franska Guyana",telephoneCountryCode:"594"},PF:{isoCode:"PF",en:"French Polynesia",fi:"Ranskan Polynesia",sv:"Franska Polynesien",telephoneCountryCode:"689"},TF:{isoCode:"TF",en:"French Southern Territories",fi:"Ranskan eteläiset alueet",sv:"Franska södra territorierna"},GA:{isoCode:"GA",en:"Gabon",fi:"Gabon",sv:"Gabon",telephoneCountryCode:"241"},GM:{isoCode:"GM",en:"Republic of The Gambia",fi:"Gambia",sv:"Gambia",telephoneCountryCode:"220"},GE:{isoCode:"GE",en:"Georgia",fi:"Georgia",sv:"Georgien",telephoneCountryCode:"995"},DE:{isoCode:"DE",en:"Germany",fi:"Saksa",sv:"Tyskland",telephoneCountryCode:"49"},GH:{isoCode:"GH",en:"Ghana",fi:"Ghana",sv:"Ghana",telephoneCountryCode:"233"},GI:{isoCode:"GI",en:"Gibraltar",fi:"Gibraltar",sv:"Gibraltar",telephoneCountryCode:"350"},GR:{isoCode:"GR",en:"Greece",fi:"Kreikka",sv:"Grekland",telephoneCountryCode:"30"},GL:{isoCode:"GL",en:"Greenland",fi:"Grönlanti",sv:"Grönland",telephoneCountryCode:"299"},GD:{isoCode:"GD",en:"Grenada",fi:"Grenada",sv:"Grenada",telephoneCountryCode:"1"},GP:{isoCode:"GP",en:"Guadeloupe",fi:"Guadeloupe",sv:"Guadeloupe",telephoneCountryCode:"590"},GU:{isoCode:"GU",en:"Guam",fi:"Guam",sv:"Guam",telephoneCountryCode:"1"},GT:{isoCode:"GT",en:"Guatemala",fi:"Guatemala",sv:"Guatemala",telephoneCountryCode:"502"},GN:{isoCode:"GN",en:"Guinea",fi:"Guinea",sv:"Guinea",telephoneCountryCode:"224"},GW:{isoCode:"GW",en:"Guinea-Bissau",fi:"Guinea-Bissau",sv:"Guinea Bissau",telephoneCountryCode:"245"},GY:{isoCode:"GY",en:"Guyana",fi:"Guyana",sv:"Guyana",telephoneCountryCode:"592"},HT:{isoCode:"HT",en:"Haiti",fi:"Haiti",sv:"Haiti",telephoneCountryCode:"509"},HM:{isoCode:"HM",en:"Heard Island and McDonald Islands",fi:"Heard ja McDonaldinsaaret",sv:"Heard- och McDonaldsöarna"},VA:{isoCode:"VA",en:"Holy See (Vatican City State)",fi:"Vatikaanivaltio",sv:"Vatikanstaten",telephoneCountryCode:"39"},HN:{isoCode:"HN",en:"Honduras",fi:"Honduras",sv:"Honduras",telephoneCountryCode:"504"},HK:{isoCode:"HK",en:"Hong Kong",fi:"Hongkong",sv:"Hongkong",telephoneCountryCode:"852"},HU:{isoCode:"HU",en:"Hungary",fi:"Unkari",sv:"Ungern",telephoneCountryCode:"36"},IS:{isoCode:"IS",en:"Iceland",fi:"Islanti",sv:"Island",telephoneCountryCode:"354"},IN:{isoCode:"IN",en:"India",fi:"Intia",sv:"Indien",telephoneCountryCode:"91"},ID:{isoCode:"ID",en:"Indonesia",fi:"Indonesia",sv:"Indonesien",telephoneCountryCode:"62"},IR:{isoCode:"IR",en:"Islamic Republic of Iran",fi:"Iran",sv:"Iran",telephoneCountryCode:"98"},IQ:{isoCode:"IQ",en:"Iraq",fi:"Irak",sv:"Irak",telephoneCountryCode:"964"},IE:{isoCode:"IE",en:"Ireland",fi:"Irlanti",sv:"Irland",telephoneCountryCode:"353"},IL:{isoCode:"IL",en:"Israel",fi:"Israel",sv:"Israel",telephoneCountryCode:"972"},IT:{isoCode:"IT",en:"Italy",fi:"Italia",sv:"Italien",telephoneCountryCode:"39"},JM:{isoCode:"JM",en:"Jamaica",fi:"Jamaika",sv:"Jamaica",telephoneCountryCode:"1"},JP:{isoCode:"JP",en:"Japan",fi:"Japani",sv:"Japan",telephoneCountryCode:"81"},JO:{isoCode:"JO",en:"Jordan",fi:"Jordania",sv:"Jordanien",telephoneCountryCode:"962"},KZ:{isoCode:"KZ",en:"Kazakhstan",fi:"Kazakstan",sv:"Kazakstan",telephoneCountryCode:"7"},KE:{isoCode:"KE",en:"Kenya",fi:"Kenia",sv:"Kenya",telephoneCountryCode:"254"},KI:{isoCode:"KI",en:"Kiribati",fi:"Kiribati",sv:"Kiribati",telephoneCountryCode:"686"},KP:{isoCode:"KP",en:"North Korea",fi:"Korean demokraattinen kansantasavalta",sv:"Nordkorea",telephoneCountryCode:"850"},KR:{isoCode:"KR",en:"South Korea",fi:"Korean tasavalta",sv:"Sydkorea",telephoneCountryCode:"82"},KW:{isoCode:"KW",en:"Kuwait",fi:"Kuwait",sv:"Kuwait",telephoneCountryCode:"965"},KG:{isoCode:"KG",en:"Kyrgyzstan",fi:"Kirgisia",sv:"Kirgizistan",telephoneCountryCode:"996"},LA:{isoCode:"LA",en:"Lao People's Democratic Republic",fi:"Laos",sv:"Laos",telephoneCountryCode:"856"},LV:{isoCode:"LV",en:"Latvia",fi:"Latvia",sv:"Lettland",telephoneCountryCode:"371"},LB:{isoCode:"LB",en:"Lebanon",fi:"Libanon",sv:"Libanon",telephoneCountryCode:"961"},LS:{isoCode:"LS",en:"Lesotho",fi:"Lesotho",sv:"Lesotho",telephoneCountryCode:"266"},LR:{isoCode:"LR",en:"Liberia",fi:"Liberia",sv:"Liberia",telephoneCountryCode:"231"},LY:{isoCode:"LY",en:"Libya",fi:"Libya",sv:"Libyen",telephoneCountryCode:"218"},LI:{isoCode:"LI",en:"Liechtenstein",fi:"Liechtenstein",sv:"Liechtenstein",telephoneCountryCode:"423"},LT:{isoCode:"LT",en:"Lithuania",fi:"Liettua",sv:"Litauen",telephoneCountryCode:"370"},LU:{isoCode:"LU",en:"Luxembourg",fi:"Luxemburg",sv:"Luxemburg",telephoneCountryCode:"352"},MO:{isoCode:"MO",en:"Macao",fi:"Macao",sv:"Macau",telephoneCountryCode:"853"},MG:{isoCode:"MG",en:"Madagascar",fi:"Madagaskar",sv:"Madagaskar",telephoneCountryCode:"261"},MW:{isoCode:"MW",en:"Malawi",fi:"Malawi",sv:"Malawi",telephoneCountryCode:"265"},MY:{isoCode:"MY",en:"Malaysia",fi:"Malesia",sv:"Malaysia",telephoneCountryCode:"60"},MV:{isoCode:"MV",en:"Maldives",fi:"Malediivit",sv:"Maldiverna",telephoneCountryCode:"960"},ML:{isoCode:"ML",en:"Mali",fi:"Mali",sv:"Mali",telephoneCountryCode:"223"},MT:{isoCode:"MT",en:"Malta",fi:"Malta",sv:"Malta",telephoneCountryCode:"356"},MH:{isoCode:"MH",en:"Marshall Islands",fi:"Marshallinsaaret",sv:"Marshallöarna",telephoneCountryCode:"692"},MQ:{isoCode:"MQ",en:"Martinique",fi:"Martinique",sv:"Martinique",telephoneCountryCode:"596"},MR:{isoCode:"MR",en:"Mauritania",fi:"Mauritania",sv:"Mauretanien",telephoneCountryCode:"222"},MU:{isoCode:"MU",en:"Mauritius",fi:"Mauritius",sv:"Mauritius",telephoneCountryCode:"230"},YT:{isoCode:"YT",en:"Mayotte",fi:"Mayotte",sv:"Mayotte",telephoneCountryCode:"262"},MX:{isoCode:"MX",en:"Mexico",fi:"Meksiko",sv:"Mexiko",telephoneCountryCode:"52"},FM:{isoCode:"FM",en:"Micronesia, Federated States of",fi:"Mikronesian liittovaltio",sv:"Mikronesiska federationen",telephoneCountryCode:"691"},MD:{isoCode:"MD",en:"Moldova, Republic of",fi:"Moldova",sv:"Moldavien",telephoneCountryCode:"373"},MC:{isoCode:"MC",en:"Monaco",fi:"Monaco",sv:"Monaco",telephoneCountryCode:"377"},MN:{isoCode:"MN",en:"Mongolia",fi:"Mongolia",sv:"Mongoliet",telephoneCountryCode:"976"},MS:{isoCode:"MS",en:"Montserrat",fi:"Montserrat",sv:"Montserrat",telephoneCountryCode:"1"},MA:{isoCode:"MA",en:"Morocco",fi:"Marokko",sv:"Marocko",telephoneCountryCode:"212"},MZ:{isoCode:"MZ",en:"Mozambique",fi:"Mosambik",sv:"Moçambique",telephoneCountryCode:"258"},MM:{isoCode:"MM",en:"Myanmar",fi:"Myanmar",sv:"Burma",telephoneCountryCode:"95"},NA:{isoCode:"NA",en:"Namibia",fi:"Namibia",sv:"Namibia",telephoneCountryCode:"264"},NR:{isoCode:"NR",en:"Nauru",fi:"Nauru",sv:"Nauru",telephoneCountryCode:"674"},NP:{isoCode:"NP",en:"Nepal",fi:"Nepal",sv:"Nepal",telephoneCountryCode:"977"},NL:{isoCode:"NL",en:"Netherlands",fi:"Alankomaat",sv:"Nederländerna",telephoneCountryCode:"31"},NC:{isoCode:"NC",en:"New Caledonia",fi:"Uusi-Kaledonia",sv:"Nya Kaledonien",telephoneCountryCode:"687"},NZ:{isoCode:"NZ",en:"New Zealand",fi:"Uusi-Seelanti",sv:"Nya Zeeland",telephoneCountryCode:"64"},NI:{isoCode:"NI",en:"Nicaragua",fi:"Nicaragua",sv:"Nicaragua",telephoneCountryCode:"505"},NE:{isoCode:"NE",en:"Niger",fi:"Niger",sv:"Niger",telephoneCountryCode:"227"},NG:{isoCode:"NG",en:"Nigeria",fi:"Nigeria",sv:"Nigeria",telephoneCountryCode:"234"},NU:{isoCode:"NU",en:"Niue",fi:"Niue",sv:"Niue",telephoneCountryCode:"683"},NF:{isoCode:"NF",en:"Norfolk Island",fi:"Norfolkinsaari",sv:"Norfolkön",telephoneCountryCode:"672"},MK:{isoCode:"MK",en:"The Republic of North Macedonia",fi:"Pohjois-Makedonia",sv:"Nordmakedonien",telephoneCountryCode:"389"},MP:{isoCode:"MP",en:"Northern Mariana Islands",fi:"Pohjois-Mariaanit",sv:"Nordmarianerna",telephoneCountryCode:"1"},NO:{isoCode:"NO",en:"Norway",fi:"Norja",sv:"Norge",telephoneCountryCode:"47"},OM:{isoCode:"OM",en:"Oman",fi:"Oman",sv:"Oman",telephoneCountryCode:"968"},PK:{isoCode:"PK",en:"Pakistan",fi:"Pakistan",sv:"Pakistan",telephoneCountryCode:"92"},PW:{isoCode:"PW",en:"Palau",fi:"Palau",sv:"Palau",telephoneCountryCode:"680"},PS:{isoCode:"PS",en:"State of Palestine",fi:"Palestiina",sv:"Palestinska territoriet, ockuperade",telephoneCountryCode:"970"},PA:{isoCode:"PA",en:"Panama",fi:"Panama",sv:"Panama",telephoneCountryCode:"507"},PG:{isoCode:"PG",en:"Papua New Guinea",fi:"Papua-Uusi-Guinea",sv:"Papua Nya Guinea",telephoneCountryCode:"675"},PY:{isoCode:"PY",en:"Paraguay",fi:"Paraguay",sv:"Paraguay",telephoneCountryCode:"595"},PE:{isoCode:"PE",en:"Peru",fi:"Peru",sv:"Peru",telephoneCountryCode:"51"},PH:{isoCode:"PH",en:"Philippines",fi:"Filippiinit",sv:"Filippinerna",telephoneCountryCode:"63"},PN:{isoCode:"PN",en:"Pitcairn",fi:"Pitcairn",sv:"Pitcairnöarna"},PL:{isoCode:"PL",en:"Poland",fi:"Puola",sv:"Polen",telephoneCountryCode:"48"},PT:{isoCode:"PT",en:"Portugal",fi:"Portugali",sv:"Portugal",telephoneCountryCode:"351"},PR:{isoCode:"PR",en:"Puerto Rico",fi:"Puerto Rico",sv:"Puerto Rico",telephoneCountryCode:"1"},QA:{isoCode:"QA",en:"Qatar",fi:"Qatar",sv:"Qatar",telephoneCountryCode:"974"},RE:{isoCode:"RE",en:"Reunion",fi:"Réunion",sv:"Réunion",telephoneCountryCode:"262"},RO:{isoCode:"RO",en:"Romania",fi:"Romania",sv:"Rumänien",telephoneCountryCode:"40"},RU:{isoCode:"RU",en:"Russian Federation",fi:"Venäjä",sv:"Ryssland",telephoneCountryCode:"7"},RW:{isoCode:"RW",en:"Rwanda",fi:"Ruanda",sv:"Rwanda",telephoneCountryCode:"250"},SH:{isoCode:"SH",en:"Saint Helena",fi:"Saint Helena",sv:"Sankta Helena",telephoneCountryCode:"290"},KN:{isoCode:"KN",en:"Saint Kitts and Nevis",fi:"Saint Kitts ja Nevis",sv:"Saint Kitts och Nevis",telephoneCountryCode:"1"},LC:{isoCode:"LC",en:"Saint Lucia",fi:"Saint Lucia",sv:"Saint Lucia",telephoneCountryCode:"1"},PM:{isoCode:"PM",en:"Saint Pierre and Miquelon",fi:"Saint-Pierre ja Miquelon",sv:"Saint-Pierre och Miquelon",telephoneCountryCode:"508"},VC:{isoCode:"VC",en:"Saint Vincent and the Grenadines",fi:"Saint Vincent ja Grenadiinit",sv:"Saint Vincent och Grenadinerna",telephoneCountryCode:"1"},WS:{isoCode:"WS",en:"Samoa",fi:"Samoa",sv:"Samoa",telephoneCountryCode:"685"},SM:{isoCode:"SM",en:"San Marino",fi:"San Marino",sv:"San Marino",telephoneCountryCode:"378"},ST:{isoCode:"ST",en:"Sao Tome and Principe",fi:"São Tomé ja Príncipe",sv:"São Tomé och Príncipe",telephoneCountryCode:"239"},SA:{isoCode:"SA",en:"Saudi Arabia",fi:"Saudi-Arabia",sv:"Saudiarabien",telephoneCountryCode:"966"},SN:{isoCode:"SN",en:"Senegal",fi:"Senegal",sv:"Senegal",telephoneCountryCode:"221"},SC:{isoCode:"SC",en:"Seychelles",fi:"Seychellit",sv:"Seychellerna",telephoneCountryCode:"248"},SL:{isoCode:"SL",en:"Sierra Leone",fi:"Sierra Leone",sv:"Sierra Leone",telephoneCountryCode:"232"},SG:{isoCode:"SG",en:"Singapore",fi:"Singapore",sv:"Singapore",telephoneCountryCode:"65"},SK:{isoCode:"SK",en:"Slovakia",fi:"Slovakia",sv:"Slovakien",telephoneCountryCode:"421"},SI:{isoCode:"SI",en:"Slovenia",fi:"Slovenia",sv:"Slovenien",telephoneCountryCode:"386"},SB:{isoCode:"SB",en:"Solomon Islands",fi:"Salomonsaaret",sv:"Salomonöarna",telephoneCountryCode:"677"},SO:{isoCode:"SO",en:"Somalia",fi:"Somalia",sv:"Somalia",telephoneCountryCode:"252"},ZA:{isoCode:"ZA",en:"South Africa",fi:"Etelä-Afrikka",sv:"Sydafrika",telephoneCountryCode:"27"},GS:{isoCode:"GS",en:"South Georgia and the South Sandwich Islands",fi:"Etelä-Georgia ja Eteläiset Sandwichsaaret",sv:"Sydgeorgien och Sydsandwichöarna"},ES:{isoCode:"ES",en:"Spain",fi:"Espanja",sv:"Spanien",telephoneCountryCode:"34"},LK:{isoCode:"LK",en:"Sri Lanka",fi:"Sri Lanka",sv:"Sri Lanka",telephoneCountryCode:"94"},SD:{isoCode:"SD",en:"Sudan",fi:"Sudan",sv:"Sudan",telephoneCountryCode:"249"},SR:{isoCode:"SR",en:"Suriname",fi:"Suriname",sv:"Surinam",telephoneCountryCode:"597"},SJ:{isoCode:"SJ",en:"Svalbard and Jan Mayen",fi:"Svalbard ja Jan Mayen",sv:"Svalbard och Jan Mayen",telephoneCountryCode:"47"},SZ:{isoCode:"SZ",en:"Eswatini",fi:"Swazimaa",sv:"Eswatini",telephoneCountryCode:"268"},SE:{isoCode:"SE",en:"Sweden",fi:"Ruotsi",sv:"Sverige",telephoneCountryCode:"46"},CH:{isoCode:"CH",en:"Switzerland",fi:"Sveitsi",sv:"Schweiz",telephoneCountryCode:"41"},SY:{isoCode:"SY",en:"Syrian Arab Republic",fi:"Syyria",sv:"Syrien",telephoneCountryCode:"963"},TW:{isoCode:"TW",en:"Taiwan, Province of China",fi:"Taiwan",sv:"Taiwan",telephoneCountryCode:"886"},TJ:{isoCode:"TJ",en:"Tajikistan",fi:"Tadžikistan",sv:"Tadzjikistan",telephoneCountryCode:"992"},TZ:{isoCode:"TZ",en:"United Republic of Tanzania",fi:"Tansania",sv:"Tanzania",telephoneCountryCode:"255"},TH:{isoCode:"TH",en:"Thailand",fi:"Thaimaa",sv:"Thailand",telephoneCountryCode:"66"},TL:{isoCode:"TL",en:"Timor-Leste",fi:"Itä-Timor",sv:"Östtimor",telephoneCountryCode:"670"},TG:{isoCode:"TG",en:"Togo",fi:"Togo",sv:"Togo",telephoneCountryCode:"228"},TK:{isoCode:"TK",en:"Tokelau",fi:"Tokelau",sv:"Tokelauöarna",telephoneCountryCode:"690"},TO:{isoCode:"TO",en:"Tonga",fi:"Tonga",sv:"Tonga",telephoneCountryCode:"676"},TT:{isoCode:"TT",en:"Trinidad and Tobago",fi:"Trinidad ja Tobago",sv:"Trinidad och Tobago",telephoneCountryCode:"1"},TN:{isoCode:"TN",en:"Tunisia",fi:"Tunisia",sv:"Tunisien",telephoneCountryCode:"216"},TR:{isoCode:"TR",en:"Türkiye",fi:"Turkki",sv:"Turkiet",telephoneCountryCode:"90"},TM:{isoCode:"TM",en:"Turkmenistan",fi:"Turkmenistan",sv:"Turkmenistan",telephoneCountryCode:"993"},TC:{isoCode:"TC",en:"Turks and Caicos Islands",fi:"Turks- ja Caicossaaret",sv:"Turks- och Caicosöarna",telephoneCountryCode:"1"},TV:{isoCode:"TV",en:"Tuvalu",fi:"Tuvalu",sv:"Tuvalu",telephoneCountryCode:"688"},UG:{isoCode:"UG",en:"Uganda",fi:"Uganda",sv:"Uganda",telephoneCountryCode:"256"},UA:{isoCode:"UA",en:"Ukraine",fi:"Ukraina",sv:"Ukraina",telephoneCountryCode:"380"},AE:{isoCode:"AE",en:"United Arab Emirates",fi:"Arabiemiirikunnat",sv:"Förenade Arabemiraten",telephoneCountryCode:"971"},GB:{isoCode:"GB",en:"United Kingdom",fi:"Yhdistynyt kuningaskunta",sv:"Storbritannien",telephoneCountryCode:"44"},US:{isoCode:"US",en:"United States of America",fi:"Yhdysvallat",sv:"USA",telephoneCountryCode:"1"},UM:{isoCode:"UM",en:"United States Minor Outlying Islands",fi:"Yhdysvaltain pienet erillissaaret",sv:"USA:s yttre öar"},UY:{isoCode:"UY",en:"Uruguay",fi:"Uruguay",sv:"Uruguay",telephoneCountryCode:"598"},UZ:{isoCode:"UZ",en:"Uzbekistan",fi:"Uzbekistan",sv:"Uzbekistan",telephoneCountryCode:"998"},VU:{isoCode:"VU",en:"Vanuatu",fi:"Vanuatu",sv:"Vanuatu",telephoneCountryCode:"678"},VE:{isoCode:"VE",en:"Venezuela",fi:"Venezuela",sv:"Venezuela",telephoneCountryCode:"58"},VN:{isoCode:"VN",en:"Vietnam",fi:"Vietnam",sv:"Vietnam",telephoneCountryCode:"84"},VG:{isoCode:"VG",en:"Virgin Islands, British",fi:"Brittiläiset Neitsytsaaret",sv:"Brittiska Jungfruöarna",telephoneCountryCode:"1"},VI:{isoCode:"VI",en:"Virgin Islands, U.S.",fi:"Yhdysvaltain Neitsytsaaret",sv:"Amerikanska Jungfruöarna",telephoneCountryCode:"1"},WF:{isoCode:"WF",en:"Wallis and Futuna",fi:"Wallis ja Futunasaaret",sv:"Wallis- och Futunaöarna",telephoneCountryCode:"681"},EH:{isoCode:"EH",en:"Western Sahara",fi:"Länsi-Sahara",sv:"Västsahara",telephoneCountryCode:"212"},YE:{isoCode:"YE",en:"Yemen",fi:"Jemen",sv:"Jemen",telephoneCountryCode:"967"},ZM:{isoCode:"ZM",en:"Zambia",fi:"Sambia",sv:"Zambia",telephoneCountryCode:"260"},ZW:{isoCode:"ZW",en:"Zimbabwe",fi:"Zimbabwe",sv:"Zimbabwe",telephoneCountryCode:"263"},AX:{isoCode:"AX",en:"Åland Islands",fi:"Ahvenanmaa",sv:"Åland",telephoneCountryCode:"358"},BQ:{isoCode:"BQ",en:"Bonaire, Sint Eustatius and Saba",fi:"Bonaire, Sint Eustatius ja Saba",sv:"Bonaire, Saint Eustatius och Saba",telephoneCountryCode:"599"},CW:{isoCode:"CW",en:"Curaçao",fi:"Curaçao",sv:"Curacao",telephoneCountryCode:"599"},GG:{isoCode:"GG",en:"Guernsey",fi:"Guernsey",sv:"Guernsey",telephoneCountryCode:"44"},IM:{isoCode:"IM",en:"Isle of Man",fi:"Mansaari",sv:"Isle of Man",telephoneCountryCode:"44"},JE:{isoCode:"JE",en:"Jersey",fi:"Jersey",sv:"Jersey",telephoneCountryCode:"44"},ME:{isoCode:"ME",en:"Montenegro",fi:"Montenegro",sv:"Montenegro",telephoneCountryCode:"382"},BL:{isoCode:"BL",en:"Saint Barthélemy",fi:"Saint-Barthélemy",sv:"Saint-Barthélemy",telephoneCountryCode:"590"},MF:{isoCode:"MF",en:"Saint Martin (French part)",fi:"Saint-Martin",sv:"Saint Martin (franska delen)",telephoneCountryCode:"590"},RS:{isoCode:"RS",en:"Serbia",fi:"Serbia",sv:"Serbien",telephoneCountryCode:"381"},SX:{isoCode:"SX",en:"Sint Maarten (Dutch part)",fi:"Sint Maarten",sv:"Sint Maarten (nederländska delen)",telephoneCountryCode:"1"},SS:{isoCode:"SS",en:"South Sudan",fi:"Etelä-Sudan",sv:"Sydsudan",telephoneCountryCode:"211"},XK:{isoCode:"XK",en:"Kosovo",fi:"Kosovo",sv:"Kosovo",telephoneCountryCode:"383"}},f={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",358:"FI",590:"GP",599:"CW"},m=class{constructor(n){e(this,n),this.duetChange=o(this,"duetChange",3),this.duetInput=o(this,"duetInput",3),this.duetBlur=o(this,"duetBlur",7),this.duetFocus=o(this,"duetFocus",7),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode)),this.countryFlagCDNUrl="https://cdn.duetds.com/api/assets/country-flags/",this.inputId=r("DuetInput"),this.buttonAriaLabel={en:"Choose country code",fi:"Valitse maatunnus",sv:"Välj landskod"},this.language=l(),this.theme="",this.margin="auto",this.expand=!1,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.disabled=!1,this.required=!1,this.labelDefaults={fi:"Puhelinnumero",en:"Phone number",sv:"Telefonnummer"},this.label=u(this.labelDefaults,this.language),this.labelHidden=!1,this.error="",this.tooltip="",this.pendingValue=void 0,this.listFirst=["FI","SE"],this.setListFirstCountries=()=>{const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())),o=Object.values(y).filter((o=>e.includes(o.isoCode))),n=this.countriesToList.filter((o=>!e.includes(o.isoCode)));n.sort(((e,o)=>e[this.language]>o[this.language]?1:-1)),this.countriesToList=[...o,...n]},this.handleFocus=()=>{},this.handleChange=()=>{},this.handleBlur=()=>{},this.handleInput=()=>{var e,o,n;const i=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.trim(),a="error"!==this.currentCountry&&(null===(n=this.currentCountry)||void 0===n?void 0:n.telephoneCountryCode)||"",t=this.findCountryCode(i)||"";i?a!==t&&(t?this.currentCountry=this.findCountryForCode(t):"error"!==a&&(this.currentCountry="error")):this.currentCountry=void 0},this.handleCountryCodeSelectorOpen=()=>{this.countryCodePopup.controller=this.countryCodeButton,this.countryCodePopup.show()},this.handleCountryCodeSelectorSelect=e=>{const o=e.target.closest("duet-popup-menu-item");this.currentCountry=y[o.value],this.countryCodePopup.hide(),this.setInputCountryCode()}}get countries(){return this.countriesToList}set countries(e){let o=e,n="";"string"==typeof e&&(o=JSON.parse(e)),Array.isArray(o)?o.every((e=>"string"==typeof e))?this.countriesToList=Object.values(y).filter((e=>o.includes(e.isoCode)&&!!e.telephoneCountryCode)):o.every((e=>{return o=e,["en","fi","sv","isoCode","telephoneCountryCode"].every((e=>Object.keys(o).includes(e)))&&/^[A-Z]{2}$/.test(o.isoCode)&&/^[1-9][0-9]{0,2}$/.test(o.telephoneCountryCode);var o}))?this.countriesToList=o:n="Invalid array provided for countries in Phone Input":n="Country list for Phone Input must be an array",n&&(console.error(n),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode))),this.setListFirstCountries()}get value(){var e,o,n;return null!==(n=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.replace(/\s/g,""))&&void 0!==n?n:""}set value(e){this.duetInputElement&&this.countryCodePopup?(this.duetInputElement.value=`${e}`.replace(/[^\d+ ]/g,""),this.handleInput()):this.pendingValue=e}get validity(){var e;return null===(e=this.duetInputElement)||void 0===e?void 0:e.validity}componentWillLoad(){s(this),v(this.element,"tooltip","duet-tooltip",1,!0),this.setListFirstCountries()}componentDidLoad(){this.pendingValue&&(this.value=this.pendingValue)}connectedCallback(){h(this,{prop:"label",defaults:"labelDefaults"}),C(this)}disconnectedCallback(){p(this),d(this)}async setFocus(e){var o;null===(o=this.duetInputElement)||void 0===o||o.setFocus(e)}setInputCountryCode(){if("error"===this.currentCountry)return;const e=`+${this.currentCountry.telephoneCountryCode} `,o=this.duetInputElement.value;if(!(null==o?void 0:o.trim().startsWith("+")))return void(this.duetInputElement.value=`${e}${(null==o?void 0:o.trimStart())||""}`);const n=this.findCountryCode(o);this.duetInputElement.value=n?o.replace(`+${n}`,e).replace(" "," "):o.replace("+",e)}findCountryCode(e){const o=(null==e?void 0:e.trim())||"";if(!o.startsWith("+"))return;const n=Object.values(y).find((e=>o.startsWith(`+${e.telephoneCountryCode}`)));return null==n?void 0:n.telephoneCountryCode}findCountryForCode(e){const o=f[e]||"";return o?y[o]:Object.values(y).find((o=>o.telephoneCountryCode===e))}renderFlag(e,o=!1){return n("img",{src:`${this.countryFlagCDNUrl}${e}.svg`,"aria-hidden":"true",style:{height:o?"34px":"24px",width:o?"27px":"24px","margin-right":o?"0":"10px","object-fit":"contain","object-position":"center",filter:"drop-shadow(0 0 1px rgba(0, 0, 0, 0.3)) drop-shadow(0 2px 6px rgba(0, 41, 77, 0.1))"},loading:"lazy"})}getFlagForButton(){return this.currentCountry&&"error"!==this.currentCountry?this.renderFlag(this.currentCountry.isoCode,!0):n("duet-icon",{name:this.currentCountry?"messaging-alert":"form-country",margin:"none"})}render(){const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())).pop(),o=this.identifier||this.inputId;return n(a,{class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},n("div",{class:"duet-phone-input-container"},n("duet-popup-menu",{ref:e=>this.countryCodePopup=e,scrollLimit:10,showFilterInput:!0},this.countriesToList.map((o=>o.isoCode===e?n(i,null,n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")"))),n("duet-divider",null)):n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")")))))),n("duet-input",{ref:e=>this.duetInputElement=e,onDuetChange:this.handleChange,onDuetFocus:this.handleFocus,onDuetBlur:this.handleBlur,onDuetInput:this.handleInput,label:this.label,caption:this.caption,error:this.error,name:this.name,minlength:this.minlength,maxlength:this.maxlength,component:"phone",variation:"button-left",type:"tel",disallowPattern:"[^\\+0-9 ]",required:this.required,disabled:this.disabled,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:o,theme:this.theme,margin:"none",expand:!0},n("duet-button",{ref:e=>this.countryCodeButton=e,slot:"button-left",variation:"input-button-left-secondary",margin:"none",fixed:!0,icon:"action-arrow-down-small",iconSize:"small",iconRight:!0,accessibleLabel:this.buttonAriaLabel[this.language],onClick:this.handleCountryCodeSelectorOpen},n("span",{class:"flag-container"},this.getFlagForButton())),n("slot",{name:"tooltip"}))))}get element(){return t(this)}};m.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}span.flag-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:bottom;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !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-phone-input-container{position:relative;width:100%;height:100%}";export{m as duet_phone_input}
|
|
4
|
+
import{r as e,c as o,h as n,F as i,H as a,g as t}from"./p-BEyqDEKQ.js";import{i as s}from"./p-BOvQtVMD.js";import{c as r}from"./p-Cfr_DJqU.js";import{s as C,u as d}from"./p-Db8rvjPI.js";import{a as l,g as u,c as h,d as p}from"./p-DBab1eZF.js";import{c as v}from"./p-yNCV1XSS.js";import"./p-C6E9F6QT.js";const y={AF:{isoCode:"AF",en:"Afghanistan",fi:"Afganistan",sv:"Afghanistan",telephoneCountryCode:"93"},AL:{isoCode:"AL",en:"Albania",fi:"Albania",sv:"Albanien",telephoneCountryCode:"355"},DZ:{isoCode:"DZ",en:"Algeria",fi:"Algeria",sv:"Algeriet",telephoneCountryCode:"213"},AS:{isoCode:"AS",en:"American Samoa",fi:"Amerikan Samoa",sv:"Amerikanska Samoa",telephoneCountryCode:"1"},AD:{isoCode:"AD",en:"Andorra",fi:"Andorra",sv:"Andorra",telephoneCountryCode:"376"},AO:{isoCode:"AO",en:"Angola",fi:"Angola",sv:"Angola",telephoneCountryCode:"244"},AI:{isoCode:"AI",en:"Anguilla",fi:"Anguilla",sv:"Anguilla",telephoneCountryCode:"1"},AQ:{isoCode:"AQ",en:"Antarctica",fi:"Antarktis",sv:"Antarktis"},AG:{isoCode:"AG",en:"Antigua and Barbuda",fi:"Antigua ja Barbuda",sv:"Antigua och Barbuda",telephoneCountryCode:"1"},AR:{isoCode:"AR",en:"Argentina",fi:"Argentiina",sv:"Argentina",telephoneCountryCode:"54"},AM:{isoCode:"AM",en:"Armenia",fi:"Armenia",sv:"Armenien",telephoneCountryCode:"374"},AW:{isoCode:"AW",en:"Aruba",fi:"Aruba",sv:"Aruba",telephoneCountryCode:"297"},AU:{isoCode:"AU",en:"Australia",fi:"Australia",sv:"Australien",telephoneCountryCode:"61"},AT:{isoCode:"AT",en:"Austria",fi:"Itävalta",sv:"Österrike",telephoneCountryCode:"43"},AZ:{isoCode:"AZ",en:"Azerbaijan",fi:"Azerbaidžan",sv:"Azerbajdzjan",telephoneCountryCode:"994"},BS:{isoCode:"BS",en:"Bahamas",fi:"Bahama",sv:"Bahamas",telephoneCountryCode:"1"},BH:{isoCode:"BH",en:"Bahrain",fi:"Bahrain",sv:"Bahrain",telephoneCountryCode:"973"},BD:{isoCode:"BD",en:"Bangladesh",fi:"Bangladesh",sv:"Bangladesh",telephoneCountryCode:"880"},BB:{isoCode:"BB",en:"Barbados",fi:"Barbados",sv:"Barbados",telephoneCountryCode:"1"},BY:{isoCode:"BY",en:"Belarus",fi:"Valko-Venäjä",sv:"Belarus",telephoneCountryCode:"375"},BE:{isoCode:"BE",en:"Belgium",fi:"Belgia",sv:"Belgien",telephoneCountryCode:"32"},BZ:{isoCode:"BZ",en:"Belize",fi:"Belize",sv:"Belize",telephoneCountryCode:"501"},BJ:{isoCode:"BJ",en:"Benin",fi:"Benin",sv:"Benin",telephoneCountryCode:"229"},BM:{isoCode:"BM",en:"Bermuda",fi:"Bermuda",sv:"Bermuda",telephoneCountryCode:"1"},BT:{isoCode:"BT",en:"Bhutan",fi:"Bhutan",sv:"Bhutan",telephoneCountryCode:"975"},BO:{isoCode:"BO",en:"Bolivia",fi:"Bolivia",sv:"Bolivia",telephoneCountryCode:"591"},BA:{isoCode:"BA",en:"Bosnia and Herzegovina",fi:"Bosnia ja Hertsegovina",sv:"Bosnien och Hercegovina",telephoneCountryCode:"387"},BW:{isoCode:"BW",en:"Botswana",fi:"Botswana",sv:"Botswana",telephoneCountryCode:"267"},BV:{isoCode:"BV",en:"Bouvet Island",fi:"Bouvet’nsaari",sv:"Bouvetön"},BR:{isoCode:"BR",en:"Brazil",fi:"Brasilia",sv:"Brasilien",telephoneCountryCode:"55"},IO:{isoCode:"IO",en:"British Indian Ocean Territory",fi:"Brittiläinen Intian valtameren alue",sv:"Brittiska territoriet i Indiska Oceanen",telephoneCountryCode:"246"},BN:{isoCode:"BN",en:"Brunei Darussalam",fi:"Brunei",sv:"Brunei",telephoneCountryCode:"673"},BG:{isoCode:"BG",en:"Bulgaria",fi:"Bulgaria",sv:"Bulgarien",telephoneCountryCode:"359"},BF:{isoCode:"BF",en:"Burkina Faso",fi:"Burkina Faso",sv:"Burkina Faso",telephoneCountryCode:"226"},BI:{isoCode:"BI",en:"Burundi",fi:"Burundi",sv:"Burundi",telephoneCountryCode:"257"},KH:{isoCode:"KH",en:"Cambodia",fi:"Kambodža",sv:"Kambodja",telephoneCountryCode:"855"},CM:{isoCode:"CM",en:"Cameroon",fi:"Kamerun",sv:"Kamerun",telephoneCountryCode:"237"},CA:{isoCode:"CA",en:"Canada",fi:"Kanada",sv:"Kanada",telephoneCountryCode:"1"},CV:{isoCode:"CV",en:"Cape Verde",fi:"Kap Verde",sv:"Kap Verde",telephoneCountryCode:"238"},KY:{isoCode:"KY",en:"Cayman Islands",fi:"Caymansaaret",sv:"Caymanöarna",telephoneCountryCode:"1"},CF:{isoCode:"CF",en:"Central African Republic",fi:"Keski-Afrikan tasavalta",sv:"Centralafrikanska republiken",telephoneCountryCode:"236"},TD:{isoCode:"TD",en:"Chad",fi:"Tšad",sv:"Tchad",telephoneCountryCode:"235"},CL:{isoCode:"CL",en:"Chile",fi:"Chile",sv:"Chile",telephoneCountryCode:"56"},CN:{isoCode:"CN",en:"People's Republic of China",fi:"Kiina",sv:"Kina",telephoneCountryCode:"86"},CX:{isoCode:"CX",en:"Christmas Island",fi:"Joulusaari",sv:"Julön",telephoneCountryCode:"61"},CC:{isoCode:"CC",en:"Cocos (Keeling) Islands",fi:"Kookossaaret",sv:"Kokosöarna",telephoneCountryCode:"61"},CO:{isoCode:"CO",en:"Colombia",fi:"Kolumbia",sv:"Colombia",telephoneCountryCode:"57"},KM:{isoCode:"KM",en:"Comoros",fi:"Komorit",sv:"Komorerna",telephoneCountryCode:"269"},CG:{isoCode:"CG",en:"Republic of the Congo",fi:"Kongon tasavalta",sv:"Kongo-Brazzaville",telephoneCountryCode:"242"},CD:{isoCode:"CD",en:"Democratic Republic of the Congo",fi:"Kongon demokraattinen tasavalta",sv:"Demokratiska republiken Kongo",telephoneCountryCode:"243"},CK:{isoCode:"CK",en:"Cook Islands",fi:"Cookinsaaret",sv:"Cooköarna",telephoneCountryCode:"682"},CR:{isoCode:"CR",en:"Costa Rica",fi:"Costa Rica",sv:"Costa Rica",telephoneCountryCode:"506"},CI:{isoCode:"CI",en:"Cote D'Ivoire",fi:"Norsunluurannikko",sv:"Elfenbenskusten",telephoneCountryCode:"225"},HR:{isoCode:"HR",en:"Croatia",fi:"Kroatia",sv:"Kroatien",telephoneCountryCode:"385"},CU:{isoCode:"CU",en:"Cuba",fi:"Kuuba",sv:"Kuba",telephoneCountryCode:"53"},CY:{isoCode:"CY",en:"Cyprus",fi:"Kypros",sv:"Cypern",telephoneCountryCode:"357"},CZ:{isoCode:"CZ",en:"Czech Republic",fi:"Tšekki",sv:"Tjeckien",telephoneCountryCode:"420"},DK:{isoCode:"DK",en:"Denmark",fi:"Tanska",sv:"Danmark",telephoneCountryCode:"45"},DJ:{isoCode:"DJ",en:"Djibouti",fi:"Djibouti",sv:"Djibouti",telephoneCountryCode:"253"},DM:{isoCode:"DM",en:"Dominica",fi:"Dominica",sv:"Dominica",telephoneCountryCode:"1"},DO:{isoCode:"DO",en:"Dominican Republic",fi:"Dominikaaninen tasavalta",sv:"Dominikanska republiken",telephoneCountryCode:"1"},EC:{isoCode:"EC",en:"Ecuador",fi:"Ecuador",sv:"Ecuador",telephoneCountryCode:"593"},EG:{isoCode:"EG",en:"Egypt",fi:"Egypti",sv:"Egypten",telephoneCountryCode:"20"},SV:{isoCode:"SV",en:"El Salvador",fi:"El Salvador",sv:"El Salvador",telephoneCountryCode:"503"},GQ:{isoCode:"GQ",en:"Equatorial Guinea",fi:"Päiväntasaajan Guinea",sv:"Ekvatorialguinea",telephoneCountryCode:"240"},ER:{isoCode:"ER",en:"Eritrea",fi:"Eritrea",sv:"Eritrea",telephoneCountryCode:"291"},EE:{isoCode:"EE",en:"Estonia",fi:"Viro",sv:"Estland",telephoneCountryCode:"372"},ET:{isoCode:"ET",en:"Ethiopia",fi:"Etiopia",sv:"Etiopien",telephoneCountryCode:"251"},FK:{isoCode:"FK",en:"Falkland Islands (Malvinas)",fi:"Falklandinsaaret",sv:"Falklandsöarna",telephoneCountryCode:"500"},FO:{isoCode:"FO",en:"Faroe Islands",fi:"Färsaaret",sv:"Färöarna",telephoneCountryCode:"298"},FJ:{isoCode:"FJ",en:"Fiji",fi:"Fidži",sv:"Fiji",telephoneCountryCode:"679"},FI:{isoCode:"FI",en:"Finland",fi:"Suomi",sv:"Finland",telephoneCountryCode:"358"},FR:{isoCode:"FR",en:"France",fi:"Ranska",sv:"Frankrike",telephoneCountryCode:"33"},GF:{isoCode:"GF",en:"French Guiana",fi:"Ranskan Guayana",sv:"Franska Guyana",telephoneCountryCode:"594"},PF:{isoCode:"PF",en:"French Polynesia",fi:"Ranskan Polynesia",sv:"Franska Polynesien",telephoneCountryCode:"689"},TF:{isoCode:"TF",en:"French Southern Territories",fi:"Ranskan eteläiset alueet",sv:"Franska södra territorierna"},GA:{isoCode:"GA",en:"Gabon",fi:"Gabon",sv:"Gabon",telephoneCountryCode:"241"},GM:{isoCode:"GM",en:"Republic of The Gambia",fi:"Gambia",sv:"Gambia",telephoneCountryCode:"220"},GE:{isoCode:"GE",en:"Georgia",fi:"Georgia",sv:"Georgien",telephoneCountryCode:"995"},DE:{isoCode:"DE",en:"Germany",fi:"Saksa",sv:"Tyskland",telephoneCountryCode:"49"},GH:{isoCode:"GH",en:"Ghana",fi:"Ghana",sv:"Ghana",telephoneCountryCode:"233"},GI:{isoCode:"GI",en:"Gibraltar",fi:"Gibraltar",sv:"Gibraltar",telephoneCountryCode:"350"},GR:{isoCode:"GR",en:"Greece",fi:"Kreikka",sv:"Grekland",telephoneCountryCode:"30"},GL:{isoCode:"GL",en:"Greenland",fi:"Grönlanti",sv:"Grönland",telephoneCountryCode:"299"},GD:{isoCode:"GD",en:"Grenada",fi:"Grenada",sv:"Grenada",telephoneCountryCode:"1"},GP:{isoCode:"GP",en:"Guadeloupe",fi:"Guadeloupe",sv:"Guadeloupe",telephoneCountryCode:"590"},GU:{isoCode:"GU",en:"Guam",fi:"Guam",sv:"Guam",telephoneCountryCode:"1"},GT:{isoCode:"GT",en:"Guatemala",fi:"Guatemala",sv:"Guatemala",telephoneCountryCode:"502"},GN:{isoCode:"GN",en:"Guinea",fi:"Guinea",sv:"Guinea",telephoneCountryCode:"224"},GW:{isoCode:"GW",en:"Guinea-Bissau",fi:"Guinea-Bissau",sv:"Guinea Bissau",telephoneCountryCode:"245"},GY:{isoCode:"GY",en:"Guyana",fi:"Guyana",sv:"Guyana",telephoneCountryCode:"592"},HT:{isoCode:"HT",en:"Haiti",fi:"Haiti",sv:"Haiti",telephoneCountryCode:"509"},HM:{isoCode:"HM",en:"Heard Island and McDonald Islands",fi:"Heard ja McDonaldinsaaret",sv:"Heard- och McDonaldsöarna"},VA:{isoCode:"VA",en:"Holy See (Vatican City State)",fi:"Vatikaanivaltio",sv:"Vatikanstaten",telephoneCountryCode:"39"},HN:{isoCode:"HN",en:"Honduras",fi:"Honduras",sv:"Honduras",telephoneCountryCode:"504"},HK:{isoCode:"HK",en:"Hong Kong",fi:"Hongkong",sv:"Hongkong",telephoneCountryCode:"852"},HU:{isoCode:"HU",en:"Hungary",fi:"Unkari",sv:"Ungern",telephoneCountryCode:"36"},IS:{isoCode:"IS",en:"Iceland",fi:"Islanti",sv:"Island",telephoneCountryCode:"354"},IN:{isoCode:"IN",en:"India",fi:"Intia",sv:"Indien",telephoneCountryCode:"91"},ID:{isoCode:"ID",en:"Indonesia",fi:"Indonesia",sv:"Indonesien",telephoneCountryCode:"62"},IR:{isoCode:"IR",en:"Islamic Republic of Iran",fi:"Iran",sv:"Iran",telephoneCountryCode:"98"},IQ:{isoCode:"IQ",en:"Iraq",fi:"Irak",sv:"Irak",telephoneCountryCode:"964"},IE:{isoCode:"IE",en:"Ireland",fi:"Irlanti",sv:"Irland",telephoneCountryCode:"353"},IL:{isoCode:"IL",en:"Israel",fi:"Israel",sv:"Israel",telephoneCountryCode:"972"},IT:{isoCode:"IT",en:"Italy",fi:"Italia",sv:"Italien",telephoneCountryCode:"39"},JM:{isoCode:"JM",en:"Jamaica",fi:"Jamaika",sv:"Jamaica",telephoneCountryCode:"1"},JP:{isoCode:"JP",en:"Japan",fi:"Japani",sv:"Japan",telephoneCountryCode:"81"},JO:{isoCode:"JO",en:"Jordan",fi:"Jordania",sv:"Jordanien",telephoneCountryCode:"962"},KZ:{isoCode:"KZ",en:"Kazakhstan",fi:"Kazakstan",sv:"Kazakstan",telephoneCountryCode:"7"},KE:{isoCode:"KE",en:"Kenya",fi:"Kenia",sv:"Kenya",telephoneCountryCode:"254"},KI:{isoCode:"KI",en:"Kiribati",fi:"Kiribati",sv:"Kiribati",telephoneCountryCode:"686"},KP:{isoCode:"KP",en:"North Korea",fi:"Korean demokraattinen kansantasavalta",sv:"Nordkorea",telephoneCountryCode:"850"},KR:{isoCode:"KR",en:"South Korea",fi:"Korean tasavalta",sv:"Sydkorea",telephoneCountryCode:"82"},KW:{isoCode:"KW",en:"Kuwait",fi:"Kuwait",sv:"Kuwait",telephoneCountryCode:"965"},KG:{isoCode:"KG",en:"Kyrgyzstan",fi:"Kirgisia",sv:"Kirgizistan",telephoneCountryCode:"996"},LA:{isoCode:"LA",en:"Lao People's Democratic Republic",fi:"Laos",sv:"Laos",telephoneCountryCode:"856"},LV:{isoCode:"LV",en:"Latvia",fi:"Latvia",sv:"Lettland",telephoneCountryCode:"371"},LB:{isoCode:"LB",en:"Lebanon",fi:"Libanon",sv:"Libanon",telephoneCountryCode:"961"},LS:{isoCode:"LS",en:"Lesotho",fi:"Lesotho",sv:"Lesotho",telephoneCountryCode:"266"},LR:{isoCode:"LR",en:"Liberia",fi:"Liberia",sv:"Liberia",telephoneCountryCode:"231"},LY:{isoCode:"LY",en:"Libya",fi:"Libya",sv:"Libyen",telephoneCountryCode:"218"},LI:{isoCode:"LI",en:"Liechtenstein",fi:"Liechtenstein",sv:"Liechtenstein",telephoneCountryCode:"423"},LT:{isoCode:"LT",en:"Lithuania",fi:"Liettua",sv:"Litauen",telephoneCountryCode:"370"},LU:{isoCode:"LU",en:"Luxembourg",fi:"Luxemburg",sv:"Luxemburg",telephoneCountryCode:"352"},MO:{isoCode:"MO",en:"Macao",fi:"Macao",sv:"Macau",telephoneCountryCode:"853"},MG:{isoCode:"MG",en:"Madagascar",fi:"Madagaskar",sv:"Madagaskar",telephoneCountryCode:"261"},MW:{isoCode:"MW",en:"Malawi",fi:"Malawi",sv:"Malawi",telephoneCountryCode:"265"},MY:{isoCode:"MY",en:"Malaysia",fi:"Malesia",sv:"Malaysia",telephoneCountryCode:"60"},MV:{isoCode:"MV",en:"Maldives",fi:"Malediivit",sv:"Maldiverna",telephoneCountryCode:"960"},ML:{isoCode:"ML",en:"Mali",fi:"Mali",sv:"Mali",telephoneCountryCode:"223"},MT:{isoCode:"MT",en:"Malta",fi:"Malta",sv:"Malta",telephoneCountryCode:"356"},MH:{isoCode:"MH",en:"Marshall Islands",fi:"Marshallinsaaret",sv:"Marshallöarna",telephoneCountryCode:"692"},MQ:{isoCode:"MQ",en:"Martinique",fi:"Martinique",sv:"Martinique",telephoneCountryCode:"596"},MR:{isoCode:"MR",en:"Mauritania",fi:"Mauritania",sv:"Mauretanien",telephoneCountryCode:"222"},MU:{isoCode:"MU",en:"Mauritius",fi:"Mauritius",sv:"Mauritius",telephoneCountryCode:"230"},YT:{isoCode:"YT",en:"Mayotte",fi:"Mayotte",sv:"Mayotte",telephoneCountryCode:"262"},MX:{isoCode:"MX",en:"Mexico",fi:"Meksiko",sv:"Mexiko",telephoneCountryCode:"52"},FM:{isoCode:"FM",en:"Micronesia, Federated States of",fi:"Mikronesian liittovaltio",sv:"Mikronesiska federationen",telephoneCountryCode:"691"},MD:{isoCode:"MD",en:"Moldova, Republic of",fi:"Moldova",sv:"Moldavien",telephoneCountryCode:"373"},MC:{isoCode:"MC",en:"Monaco",fi:"Monaco",sv:"Monaco",telephoneCountryCode:"377"},MN:{isoCode:"MN",en:"Mongolia",fi:"Mongolia",sv:"Mongoliet",telephoneCountryCode:"976"},MS:{isoCode:"MS",en:"Montserrat",fi:"Montserrat",sv:"Montserrat",telephoneCountryCode:"1"},MA:{isoCode:"MA",en:"Morocco",fi:"Marokko",sv:"Marocko",telephoneCountryCode:"212"},MZ:{isoCode:"MZ",en:"Mozambique",fi:"Mosambik",sv:"Moçambique",telephoneCountryCode:"258"},MM:{isoCode:"MM",en:"Myanmar",fi:"Myanmar",sv:"Burma",telephoneCountryCode:"95"},NA:{isoCode:"NA",en:"Namibia",fi:"Namibia",sv:"Namibia",telephoneCountryCode:"264"},NR:{isoCode:"NR",en:"Nauru",fi:"Nauru",sv:"Nauru",telephoneCountryCode:"674"},NP:{isoCode:"NP",en:"Nepal",fi:"Nepal",sv:"Nepal",telephoneCountryCode:"977"},NL:{isoCode:"NL",en:"Netherlands",fi:"Alankomaat",sv:"Nederländerna",telephoneCountryCode:"31"},NC:{isoCode:"NC",en:"New Caledonia",fi:"Uusi-Kaledonia",sv:"Nya Kaledonien",telephoneCountryCode:"687"},NZ:{isoCode:"NZ",en:"New Zealand",fi:"Uusi-Seelanti",sv:"Nya Zeeland",telephoneCountryCode:"64"},NI:{isoCode:"NI",en:"Nicaragua",fi:"Nicaragua",sv:"Nicaragua",telephoneCountryCode:"505"},NE:{isoCode:"NE",en:"Niger",fi:"Niger",sv:"Niger",telephoneCountryCode:"227"},NG:{isoCode:"NG",en:"Nigeria",fi:"Nigeria",sv:"Nigeria",telephoneCountryCode:"234"},NU:{isoCode:"NU",en:"Niue",fi:"Niue",sv:"Niue",telephoneCountryCode:"683"},NF:{isoCode:"NF",en:"Norfolk Island",fi:"Norfolkinsaari",sv:"Norfolkön",telephoneCountryCode:"672"},MK:{isoCode:"MK",en:"The Republic of North Macedonia",fi:"Pohjois-Makedonia",sv:"Nordmakedonien",telephoneCountryCode:"389"},MP:{isoCode:"MP",en:"Northern Mariana Islands",fi:"Pohjois-Mariaanit",sv:"Nordmarianerna",telephoneCountryCode:"1"},NO:{isoCode:"NO",en:"Norway",fi:"Norja",sv:"Norge",telephoneCountryCode:"47"},OM:{isoCode:"OM",en:"Oman",fi:"Oman",sv:"Oman",telephoneCountryCode:"968"},PK:{isoCode:"PK",en:"Pakistan",fi:"Pakistan",sv:"Pakistan",telephoneCountryCode:"92"},PW:{isoCode:"PW",en:"Palau",fi:"Palau",sv:"Palau",telephoneCountryCode:"680"},PS:{isoCode:"PS",en:"State of Palestine",fi:"Palestiina",sv:"Palestinska territoriet, ockuperade",telephoneCountryCode:"970"},PA:{isoCode:"PA",en:"Panama",fi:"Panama",sv:"Panama",telephoneCountryCode:"507"},PG:{isoCode:"PG",en:"Papua New Guinea",fi:"Papua-Uusi-Guinea",sv:"Papua Nya Guinea",telephoneCountryCode:"675"},PY:{isoCode:"PY",en:"Paraguay",fi:"Paraguay",sv:"Paraguay",telephoneCountryCode:"595"},PE:{isoCode:"PE",en:"Peru",fi:"Peru",sv:"Peru",telephoneCountryCode:"51"},PH:{isoCode:"PH",en:"Philippines",fi:"Filippiinit",sv:"Filippinerna",telephoneCountryCode:"63"},PN:{isoCode:"PN",en:"Pitcairn",fi:"Pitcairn",sv:"Pitcairnöarna"},PL:{isoCode:"PL",en:"Poland",fi:"Puola",sv:"Polen",telephoneCountryCode:"48"},PT:{isoCode:"PT",en:"Portugal",fi:"Portugali",sv:"Portugal",telephoneCountryCode:"351"},PR:{isoCode:"PR",en:"Puerto Rico",fi:"Puerto Rico",sv:"Puerto Rico",telephoneCountryCode:"1"},QA:{isoCode:"QA",en:"Qatar",fi:"Qatar",sv:"Qatar",telephoneCountryCode:"974"},RE:{isoCode:"RE",en:"Reunion",fi:"Réunion",sv:"Réunion",telephoneCountryCode:"262"},RO:{isoCode:"RO",en:"Romania",fi:"Romania",sv:"Rumänien",telephoneCountryCode:"40"},RU:{isoCode:"RU",en:"Russian Federation",fi:"Venäjä",sv:"Ryssland",telephoneCountryCode:"7"},RW:{isoCode:"RW",en:"Rwanda",fi:"Ruanda",sv:"Rwanda",telephoneCountryCode:"250"},SH:{isoCode:"SH",en:"Saint Helena",fi:"Saint Helena",sv:"Sankta Helena",telephoneCountryCode:"290"},KN:{isoCode:"KN",en:"Saint Kitts and Nevis",fi:"Saint Kitts ja Nevis",sv:"Saint Kitts och Nevis",telephoneCountryCode:"1"},LC:{isoCode:"LC",en:"Saint Lucia",fi:"Saint Lucia",sv:"Saint Lucia",telephoneCountryCode:"1"},PM:{isoCode:"PM",en:"Saint Pierre and Miquelon",fi:"Saint-Pierre ja Miquelon",sv:"Saint-Pierre och Miquelon",telephoneCountryCode:"508"},VC:{isoCode:"VC",en:"Saint Vincent and the Grenadines",fi:"Saint Vincent ja Grenadiinit",sv:"Saint Vincent och Grenadinerna",telephoneCountryCode:"1"},WS:{isoCode:"WS",en:"Samoa",fi:"Samoa",sv:"Samoa",telephoneCountryCode:"685"},SM:{isoCode:"SM",en:"San Marino",fi:"San Marino",sv:"San Marino",telephoneCountryCode:"378"},ST:{isoCode:"ST",en:"Sao Tome and Principe",fi:"São Tomé ja Príncipe",sv:"São Tomé och Príncipe",telephoneCountryCode:"239"},SA:{isoCode:"SA",en:"Saudi Arabia",fi:"Saudi-Arabia",sv:"Saudiarabien",telephoneCountryCode:"966"},SN:{isoCode:"SN",en:"Senegal",fi:"Senegal",sv:"Senegal",telephoneCountryCode:"221"},SC:{isoCode:"SC",en:"Seychelles",fi:"Seychellit",sv:"Seychellerna",telephoneCountryCode:"248"},SL:{isoCode:"SL",en:"Sierra Leone",fi:"Sierra Leone",sv:"Sierra Leone",telephoneCountryCode:"232"},SG:{isoCode:"SG",en:"Singapore",fi:"Singapore",sv:"Singapore",telephoneCountryCode:"65"},SK:{isoCode:"SK",en:"Slovakia",fi:"Slovakia",sv:"Slovakien",telephoneCountryCode:"421"},SI:{isoCode:"SI",en:"Slovenia",fi:"Slovenia",sv:"Slovenien",telephoneCountryCode:"386"},SB:{isoCode:"SB",en:"Solomon Islands",fi:"Salomonsaaret",sv:"Salomonöarna",telephoneCountryCode:"677"},SO:{isoCode:"SO",en:"Somalia",fi:"Somalia",sv:"Somalia",telephoneCountryCode:"252"},ZA:{isoCode:"ZA",en:"South Africa",fi:"Etelä-Afrikka",sv:"Sydafrika",telephoneCountryCode:"27"},GS:{isoCode:"GS",en:"South Georgia and the South Sandwich Islands",fi:"Etelä-Georgia ja Eteläiset Sandwichsaaret",sv:"Sydgeorgien och Sydsandwichöarna"},ES:{isoCode:"ES",en:"Spain",fi:"Espanja",sv:"Spanien",telephoneCountryCode:"34"},LK:{isoCode:"LK",en:"Sri Lanka",fi:"Sri Lanka",sv:"Sri Lanka",telephoneCountryCode:"94"},SD:{isoCode:"SD",en:"Sudan",fi:"Sudan",sv:"Sudan",telephoneCountryCode:"249"},SR:{isoCode:"SR",en:"Suriname",fi:"Suriname",sv:"Surinam",telephoneCountryCode:"597"},SJ:{isoCode:"SJ",en:"Svalbard and Jan Mayen",fi:"Svalbard ja Jan Mayen",sv:"Svalbard och Jan Mayen",telephoneCountryCode:"47"},SZ:{isoCode:"SZ",en:"Eswatini",fi:"Swazimaa",sv:"Eswatini",telephoneCountryCode:"268"},SE:{isoCode:"SE",en:"Sweden",fi:"Ruotsi",sv:"Sverige",telephoneCountryCode:"46"},CH:{isoCode:"CH",en:"Switzerland",fi:"Sveitsi",sv:"Schweiz",telephoneCountryCode:"41"},SY:{isoCode:"SY",en:"Syrian Arab Republic",fi:"Syyria",sv:"Syrien",telephoneCountryCode:"963"},TW:{isoCode:"TW",en:"Taiwan, Province of China",fi:"Taiwan",sv:"Taiwan",telephoneCountryCode:"886"},TJ:{isoCode:"TJ",en:"Tajikistan",fi:"Tadžikistan",sv:"Tadzjikistan",telephoneCountryCode:"992"},TZ:{isoCode:"TZ",en:"United Republic of Tanzania",fi:"Tansania",sv:"Tanzania",telephoneCountryCode:"255"},TH:{isoCode:"TH",en:"Thailand",fi:"Thaimaa",sv:"Thailand",telephoneCountryCode:"66"},TL:{isoCode:"TL",en:"Timor-Leste",fi:"Itä-Timor",sv:"Östtimor",telephoneCountryCode:"670"},TG:{isoCode:"TG",en:"Togo",fi:"Togo",sv:"Togo",telephoneCountryCode:"228"},TK:{isoCode:"TK",en:"Tokelau",fi:"Tokelau",sv:"Tokelauöarna",telephoneCountryCode:"690"},TO:{isoCode:"TO",en:"Tonga",fi:"Tonga",sv:"Tonga",telephoneCountryCode:"676"},TT:{isoCode:"TT",en:"Trinidad and Tobago",fi:"Trinidad ja Tobago",sv:"Trinidad och Tobago",telephoneCountryCode:"1"},TN:{isoCode:"TN",en:"Tunisia",fi:"Tunisia",sv:"Tunisien",telephoneCountryCode:"216"},TR:{isoCode:"TR",en:"Türkiye",fi:"Turkki",sv:"Turkiet",telephoneCountryCode:"90"},TM:{isoCode:"TM",en:"Turkmenistan",fi:"Turkmenistan",sv:"Turkmenistan",telephoneCountryCode:"993"},TC:{isoCode:"TC",en:"Turks and Caicos Islands",fi:"Turks- ja Caicossaaret",sv:"Turks- och Caicosöarna",telephoneCountryCode:"1"},TV:{isoCode:"TV",en:"Tuvalu",fi:"Tuvalu",sv:"Tuvalu",telephoneCountryCode:"688"},UG:{isoCode:"UG",en:"Uganda",fi:"Uganda",sv:"Uganda",telephoneCountryCode:"256"},UA:{isoCode:"UA",en:"Ukraine",fi:"Ukraina",sv:"Ukraina",telephoneCountryCode:"380"},AE:{isoCode:"AE",en:"United Arab Emirates",fi:"Arabiemiirikunnat",sv:"Förenade Arabemiraten",telephoneCountryCode:"971"},GB:{isoCode:"GB",en:"United Kingdom",fi:"Yhdistynyt kuningaskunta",sv:"Storbritannien",telephoneCountryCode:"44"},US:{isoCode:"US",en:"United States of America",fi:"Yhdysvallat",sv:"USA",telephoneCountryCode:"1"},UM:{isoCode:"UM",en:"United States Minor Outlying Islands",fi:"Yhdysvaltain pienet erillissaaret",sv:"USA:s yttre öar"},UY:{isoCode:"UY",en:"Uruguay",fi:"Uruguay",sv:"Uruguay",telephoneCountryCode:"598"},UZ:{isoCode:"UZ",en:"Uzbekistan",fi:"Uzbekistan",sv:"Uzbekistan",telephoneCountryCode:"998"},VU:{isoCode:"VU",en:"Vanuatu",fi:"Vanuatu",sv:"Vanuatu",telephoneCountryCode:"678"},VE:{isoCode:"VE",en:"Venezuela",fi:"Venezuela",sv:"Venezuela",telephoneCountryCode:"58"},VN:{isoCode:"VN",en:"Vietnam",fi:"Vietnam",sv:"Vietnam",telephoneCountryCode:"84"},VG:{isoCode:"VG",en:"Virgin Islands, British",fi:"Brittiläiset Neitsytsaaret",sv:"Brittiska Jungfruöarna",telephoneCountryCode:"1"},VI:{isoCode:"VI",en:"Virgin Islands, U.S.",fi:"Yhdysvaltain Neitsytsaaret",sv:"Amerikanska Jungfruöarna",telephoneCountryCode:"1"},WF:{isoCode:"WF",en:"Wallis and Futuna",fi:"Wallis ja Futunasaaret",sv:"Wallis- och Futunaöarna",telephoneCountryCode:"681"},EH:{isoCode:"EH",en:"Western Sahara",fi:"Länsi-Sahara",sv:"Västsahara",telephoneCountryCode:"212"},YE:{isoCode:"YE",en:"Yemen",fi:"Jemen",sv:"Jemen",telephoneCountryCode:"967"},ZM:{isoCode:"ZM",en:"Zambia",fi:"Sambia",sv:"Zambia",telephoneCountryCode:"260"},ZW:{isoCode:"ZW",en:"Zimbabwe",fi:"Zimbabwe",sv:"Zimbabwe",telephoneCountryCode:"263"},AX:{isoCode:"AX",en:"Åland Islands",fi:"Ahvenanmaa",sv:"Åland",telephoneCountryCode:"358"},BQ:{isoCode:"BQ",en:"Bonaire, Sint Eustatius and Saba",fi:"Bonaire, Sint Eustatius ja Saba",sv:"Bonaire, Saint Eustatius och Saba",telephoneCountryCode:"599"},CW:{isoCode:"CW",en:"Curaçao",fi:"Curaçao",sv:"Curacao",telephoneCountryCode:"599"},GG:{isoCode:"GG",en:"Guernsey",fi:"Guernsey",sv:"Guernsey",telephoneCountryCode:"44"},IM:{isoCode:"IM",en:"Isle of Man",fi:"Mansaari",sv:"Isle of Man",telephoneCountryCode:"44"},JE:{isoCode:"JE",en:"Jersey",fi:"Jersey",sv:"Jersey",telephoneCountryCode:"44"},ME:{isoCode:"ME",en:"Montenegro",fi:"Montenegro",sv:"Montenegro",telephoneCountryCode:"382"},BL:{isoCode:"BL",en:"Saint Barthélemy",fi:"Saint-Barthélemy",sv:"Saint-Barthélemy",telephoneCountryCode:"590"},MF:{isoCode:"MF",en:"Saint Martin (French part)",fi:"Saint-Martin",sv:"Saint Martin (franska delen)",telephoneCountryCode:"590"},RS:{isoCode:"RS",en:"Serbia",fi:"Serbia",sv:"Serbien",telephoneCountryCode:"381"},SX:{isoCode:"SX",en:"Sint Maarten (Dutch part)",fi:"Sint Maarten",sv:"Sint Maarten (nederländska delen)",telephoneCountryCode:"1"},SS:{isoCode:"SS",en:"South Sudan",fi:"Etelä-Sudan",sv:"Sydsudan",telephoneCountryCode:"211"},XK:{isoCode:"XK",en:"Kosovo",fi:"Kosovo",sv:"Kosovo",telephoneCountryCode:"383"}},f={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",358:"FI",590:"GP",599:"CW"},m=class{constructor(n){e(this,n),this.duetChange=o(this,"duetChange",3),this.duetInput=o(this,"duetInput",3),this.duetBlur=o(this,"duetBlur",7),this.duetFocus=o(this,"duetFocus",7),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode)),this.countryFlagCDNUrl="https://cdn.duetds.com/api/assets/country-flags/",this.inputId=r("DuetInput"),this.buttonAriaLabel={en:"Choose country code",fi:"Valitse maatunnus",sv:"Välj landskod"},this.language=l(),this.theme="",this.margin="auto",this.expand=!1,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.disabled=!1,this.required=!1,this.labelDefaults={fi:"Puhelinnumero",en:"Phone number",sv:"Telefonnummer"},this.label=u(this.labelDefaults,this.language),this.labelHidden=!1,this.error="",this.tooltip="",this.pendingValue=void 0,this.listFirst=["FI","SE"],this.setListFirstCountries=()=>{const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())),o=Object.values(y).filter((o=>e.includes(o.isoCode))),n=this.countriesToList.filter((o=>!e.includes(o.isoCode)));n.sort(((e,o)=>e[this.language]>o[this.language]?1:-1)),this.countriesToList=[...o,...n]},this.handleFocus=()=>{},this.handleChange=()=>{},this.handleBlur=()=>{},this.handleInput=()=>{var e,o,n;const i=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.trim(),a="error"!==this.currentCountry&&(null===(n=this.currentCountry)||void 0===n?void 0:n.telephoneCountryCode)||"",t=this.findCountryCode(i)||"";i?a!==t&&(t?this.currentCountry=this.findCountryForCode(t):"error"!==a&&(this.currentCountry="error")):this.currentCountry=void 0},this.handleCountryCodeSelectorOpen=()=>{this.countryCodePopup.controller=this.countryCodeButton,this.countryCodePopup.show()},this.handleCountryCodeSelectorSelect=e=>{const o=e.target.closest("duet-popup-menu-item");this.currentCountry=y[o.value],this.countryCodePopup.hide(),this.setInputCountryCode()}}get countries(){return this.countriesToList}set countries(e){let o=e,n="";"string"==typeof e&&(o=JSON.parse(e)),Array.isArray(o)?o.every((e=>"string"==typeof e))?this.countriesToList=Object.values(y).filter((e=>o.includes(e.isoCode)&&!!e.telephoneCountryCode)):o.every((e=>{return o=e,["en","fi","sv","isoCode","telephoneCountryCode"].every((e=>Object.keys(o).includes(e)))&&/^[A-Z]{2}$/.test(o.isoCode)&&/^[1-9][0-9]{0,2}$/.test(o.telephoneCountryCode);var o}))?this.countriesToList=o:n="Invalid array provided for countries in Phone Input":n="Country list for Phone Input must be an array",n&&(console.error(n),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode))),this.setListFirstCountries()}get value(){var e,o,n;return null!==(n=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.replace(/\s/g,""))&&void 0!==n?n:""}set value(e){this.duetInputElement&&this.countryCodePopup?(this.duetInputElement.value=`${e}`.replace(/[^\d+ ]/g,""),this.handleInput()):this.pendingValue=e}get validity(){var e;return null===(e=this.duetInputElement)||void 0===e?void 0:e.validity}componentWillLoad(){s(this),v(this.element,"tooltip","duet-tooltip",1,!0),this.setListFirstCountries()}componentDidLoad(){this.pendingValue&&(this.value=this.pendingValue)}connectedCallback(){h(this,{prop:"label",defaults:"labelDefaults"}),C(this)}disconnectedCallback(){p(this),d(this)}async setFocus(e){var o;null===(o=this.duetInputElement)||void 0===o||o.setFocus(e)}setInputCountryCode(){if("error"===this.currentCountry)return;const e=`+${this.currentCountry.telephoneCountryCode} `,o=this.duetInputElement.value;if(!(null==o?void 0:o.trim().startsWith("+")))return void(this.duetInputElement.value=`${e}${(null==o?void 0:o.trimStart())||""}`);const n=this.findCountryCode(o);this.duetInputElement.value=n?o.replace(`+${n}`,e).replace(" "," "):o.replace("+",e)}findCountryCode(e){const o=(null==e?void 0:e.trim())||"";if(!o.startsWith("+"))return;const n=Object.values(y).find((e=>o.startsWith(`+${e.telephoneCountryCode}`)));return null==n?void 0:n.telephoneCountryCode}findCountryForCode(e){const o=f[e]||"";return o?y[o]:Object.values(y).find((o=>o.telephoneCountryCode===e))}renderFlag(e,o=!1){return n("img",{src:`${this.countryFlagCDNUrl}${e}.svg`,"aria-hidden":"true",style:{height:o?"34px":"24px",width:o?"27px":"24px","margin-right":o?"0":"10px","object-fit":"contain","object-position":"center",filter:"drop-shadow(0 0 1px rgba(0, 0, 0, 0.3)) drop-shadow(0 2px 6px rgba(0, 41, 77, 0.1))"},loading:"lazy"})}getFlagForButton(){return this.currentCountry&&"error"!==this.currentCountry?this.renderFlag(this.currentCountry.isoCode,!0):n("duet-icon",{name:this.currentCountry?"messaging-alert":"form-country",margin:"none"})}render(){const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())).pop(),o=this.identifier||this.inputId;return n(a,{class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},n("div",{class:"duet-phone-input-container"},n("duet-popup-menu",{ref:e=>this.countryCodePopup=e,scrollLimit:10,showFilterInput:!0},this.countriesToList.map((o=>o.isoCode===e?n(i,null,n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")"))),n("duet-divider",null)):n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")")))))),n("duet-input",{ref:e=>this.duetInputElement=e,onDuetChange:this.handleChange,onDuetFocus:this.handleFocus,onDuetBlur:this.handleBlur,onDuetInput:this.handleInput,label:this.label,caption:this.caption,error:this.error,name:this.name,minlength:this.minlength,maxlength:this.maxlength,component:"phone",variation:"button-left",type:"tel",disallowPattern:"[^\\+0-9 ]",required:this.required,disabled:this.disabled,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:o,theme:this.theme,margin:"none",expand:!0},n("duet-button",{ref:e=>this.countryCodeButton=e,slot:"button-left",variation:"input-button-left-secondary",margin:"none",fixed:!0,icon:"action-arrow-down-small",iconSize:"small",iconRight:!0,accessibleLabel:this.buttonAriaLabel[this.language],onClick:this.handleCountryCodeSelectorOpen},n("span",{class:"flag-container"},this.getFlagForButton())),n("slot",{name:"tooltip"}))))}get element(){return t(this)}};m.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}span.flag-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:bottom;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !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-phone-input-container{position:relative;width:100%;height:100%}";export{m as duet_phone_input}
|
|
@@ -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 o,H as a,g as n}from"./p-
|
|
4
|
+
import{r as e,c as t,h as o,H as a,g as n}from"./p-BEyqDEKQ.js";import{i as s}from"./p-BOvQtVMD.js";import{s as i,u as d}from"./p-Db8rvjPI.js";const r=class{constructor(o){e(this,o),this.duetCookieConsent=t(this,"duetCookieConsent",7),this.accessibleLabel="Hyväksyn evästeiden käytön",this.theme="",this.handleClick=e=>{e.preventDefault(),this.duetCookieConsent.emit({component:"duet-cookie-consent"})}}handleFocusIn(e){e.composedPath()[0]!==this.element&&this.element.classList.add("descendant-focused")}handleFocusOut(){this.element.classList.remove("descendant-focused")}componentWillLoad(){s(this)}connectedCallback(){i(this)}disconnectedCallback(){d(this)}render(){return o(a,{key:"a0945b87dc3ca428ebb77b5bafc937d26fe77b58",tabindex:"-1",class:{"duet-theme-turva":"turva"===this.theme}},o("div",{key:"e4870573df557f7b4d7a6075afbd04fc23f54ff1",class:{"duet-cookie-consent":!0,"duet-theme-turva":"turva"===this.theme}},o("div",{key:"d0f1b43a014ccc35c9845c8c4117a8552eee8209",class:"duet-cookie-consent-content"},o("div",{key:"98d8e55937ee5afda2a8d975ebb0d4e5aefc0014",class:"expand"},o("slot",{key:"5529c9819da700b849bbf3e0f4b4c93cf4da6015"})),o("duet-spacer",{key:"82e710ce0de7d91f931cbb2177d6470f77701ec4",size:"large",direction:"horizontal"}),o("div",{key:"9cbf5dd3a7d82025a0912ca016b67e1b0f0022fc"},o("duet-button",{key:"50a246e22443b54c881d40063c0405f07d7190dc",variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))}get element(){return n(this)}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):focus){outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);border-radius:4px}.duet-theme-turva :host(.user-is-tabbing:not(.descendant-focused):focus),:host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing:not(.descendant-focused):focus),:host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-cookie-consent{padding:20px;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;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;white-space:nowrap;text-decoration:underline}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva ::slotted(a:focus),::slotted(a:focus).duet-theme-turva,.duet-theme-turva2 ::slotted(a:focus),::slotted(a:focus).duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}:host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva{background-color:rgba(12, 21, 30, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){:host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva{background:rgba(12, 21, 30, 0.8)}}';export{r as duet_cookie_consent}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,c as t,h as o,H as a,g as i}from"./p-BEyqDEKQ.js";import{i as r}from"./p-BOvQtVMD.js";import{c as s}from"./p-Cfr_DJqU.js";import{h as l}from"./p-yNCV1XSS.js";const d=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.checkboxId=s("DuetCheckbox"),this.afterLabelId=s("DuetCheckboxAfterLabel"),this.errorId=s("DuetError"),this.hasAfterLabelSlot=!1,this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleSelected=void 0,this.accessibleLiveError="polite",this.required=!1,this.error="",this.theme="",this.disabled=!1,this.label="label",this.labelHidden=!1,this.checked=!1,this.onChange=e=>{this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-checkbox"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-checkbox"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-checkbox"})},this.getDescribedBy=()=>{const e=[];return this.accessibleDescribedBy&&e.push(this.accessibleDescribedBy),this.error&&e.push(this.errorId),e.length>0?e.join(" "):null}}componentWillLoad(){r(this),this.hasAfterLabelSlot=l(this.element,"after-label"),void 0===this.value&&(this.value=this.identifier)}async setFocus(e){this.nativeInput.focus(e)}getAriaDetails(){const e=[];return this.accessibleDetails&&e.push(this.accessibleDetails),this.hasAfterLabelSlot&&e.push(this.afterLabelId),e.join(" ")}render(){const e=this.identifier||this.checkboxId;return o(a,{key:"89b58639dd5439529654ebe6791968205c6a0dcc",class:{"duet-m-0":"none"===this.margin}},o("div",{key:"4fbfc9f9546310625a3767dae94b2ae517b3f7d8",class:{"duet-checkbox-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme}},o("input",{key:"ddd0f55c22714aa512410996c1dbe3236e9583c4",ref:e=>this.nativeInput=e,type:"checkbox",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,class:{"duet-checkbox":!0,disabled:this.disabled},checked:this.checked,disabled:this.disabled,tabindex:this.accessibleIndex,"aria-invalid":this.error?"true":"false","aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.getAriaDetails(),"aria-description":this.accessibleDescription,"aria-selected":this.accessibleSelected,required:this.required,role:this.role,name:this.name,id:e}),o("label",{key:"7944e807c4a8fcaafc9eff276db3966aa9c40c2b",class:"duet-label",htmlFor:e},o("span",{key:"b47a404400a92048a27be9d518269e1df8fb6aa3"},this.label)),o("div",{key:"1aa8a524fc1166a166d663a8cedfecac82db681e",class:"duet-after-label",id:this.afterLabelId},o("slot",{key:"6c9ea33f6cf0082e06196679183eeb43e3a2067d",name:"after-label"})),o("div",{key:"a050694cc104b9c1ceae613ae2b6fa689ca36768",class:"duet-checkbox-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&o("span",{key:"ed6d7890a72979f4e4245cd84f55ee992ef6f6af"},this.error))))}get element(){return i(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{margin-right:8px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:8px !important}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host(:last-child:not(:only-child)){margin-bottom:0 !important}:host(.duet-m-0){margin:0 !important}.duet-label{position:relative;z-index:100;display:inline;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;vertical-align:top;color:rgb(8, 42, 77);cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva .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)}.duet-label span{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container{position:relative;width:100%;height:100%}.duet-checkbox{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox+label::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:"";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:4px}.duet-theme-turva .duet-checkbox+label::before{border-color:rgb(23, 28, 58)}.duet-checkbox:checked+label::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox:focus+label::before{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-checkbox:focus+label::before,.duet-checkbox:focus+label::before.duet-theme-turva,.duet-theme-turva2 .duet-checkbox:focus+label::before,.duet-checkbox:focus+label::before.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-checkbox:focus+label::before{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox+label{position:static}.duet-checkbox:checked+label::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:"";background:transparent url("data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled]{cursor:default}.duet-checkbox[disabled]+label{color:rgb(98, 121, 138)}.duet-theme-turva .duet-checkbox[disabled]+label{color:rgb(143, 147, 158)}.duet-checkbox[disabled]+label::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-checkbox[disabled]+label::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled]:checked+label::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva .duet-checkbox[disabled]:checked+label::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-after-label{position:relative;z-index:3;padding-left:31px;margin-top:12px;cursor:default}.duet-checkbox-error{position:relative;z-index:3;padding-left:31px;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(214, 28, 82);border-radius:4px}.duet-theme-turva .duet-checkbox-error{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(214, 28, 82)}.duet-label-hidden .duet-label span,.duet-label-hidden .duet-checkbox-error span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}:host(.duet-theme-turva2) .duet-theme-turva .duet-label{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox+label::before{border-color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59)}';export{d as duet_checkbox}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as o,H as e,g as r,c as a}from"./p-CPZ9Rh_9.js";import{i}from"./p-Cz75kJ4Z.js";import{s as n,u as s}from"./p-Db8rvjPI.js";import{F as d}from"./p-D7O8dU_Q.js";import{T as u}from"./p-CooAqTCj.js";const l=class{constructor(o){t(this,o),this.label="",this.theme="",this.negative=!1}componentWillLoad(){i(this)}connectedCallback(){n(this)}disconnectedCallback(){s(this)}async setFocus(t){this.buttonElement&&this.buttonElement.focus(t)}render(){const t=o("duet-visually-hidden",{key:"bf8e82beb39bca3f67c6ffcdbaf684671f551ffa"},this.accessibleLabel);return o(e,{key:"c014d004ab6a355f122447e806b5c12f62aba277"},o("button",{key:"eda0bd6c55287d8ac393c2af3f65cbb910cd8c50",ref:t=>this.buttonElement=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-button-negative":this.negative}},o("svg",{key:"f6d4082627cb5a653bdd3668cc899bb885d204a1","aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"21df01e868e6f304a33a50d4ac2442d6f43376aa",d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),o("circle",{key:"ba4e4c5cb1bf9f5e91e5ab8746485ca140b9a597",cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{key:"0a3e24ec139b2442be22ebc85c663c891a050c08",d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?o("span",{class:"duet-tooltip-label"},this.label,t):t))}get element(){return r(this)}};l.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;vertical-align:top;text-align:left;white-space:normal}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}';const p=class{constructor(o){t(this,o),this.tooltipPopupClosed=a(this,"tooltipPopupClosed",7),this.theme="",this.handleCloseClick=()=>{this.tooltipPopupClosed.emit()}}componentWillLoad(){i(this)}connectedCallback(){n(this),this.teleport||(this.teleport=new u(this.element)),this.teleport.isActive?this.teleport.observeDeletion():this.teleport.activate()}disconnectedCallback(){s(this)}async getArrowElement(){return this.arrowEl}async getContentElement(){return this.contentEl}async setFocusOnContentElement(){this.contentEl.focus()}render(){return o(e,{key:"63f303082985a668ae51759122ae462ae25404e0"},o("div",{key:"e3da6a6995872c70fb5d690ea87cf240240a2d0d",class:{"duet-tooltip":!0,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-active":!0===this.active}},o(d,{key:"428ef9ad1157017747e93d3b0f6b45e6dd4d8854",moveFocusTo:this.buttonEl}),o("div",{key:"cf4af07ba0054be6658c5724c7552854b3471472",ref:t=>this.contentEl=t,class:{"duet-tooltip-content-area":!0,"duet-theme-turva":"turva"===this.theme},tabindex:-1,id:this.tooltipId},o("slot",{key:"3d21605221e8f16c59a2a62790dfce1a9cd15ea5"})),o("div",{key:"e2e7ae6376f8dd497ef19ff673f22b699f8a55e6",ref:t=>this.arrowEl=t,class:{arrow:!0,[this.placement]:!0},style:this.arrowStyles},o("div",{key:"0bd6b8b42c5e1b2b6eaf89c19a5ad2a968f3e541",class:{"arrow-container":!0,[this.placement]:!0}})),o("button",{key:"1b7be53d18b09050af7fc192f65c2e9e01ec62a8",type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:t=>this.buttonEl=t},o("duet-icon",{key:"91636953a64d83fc88e888dab06b1ca482f47dd4",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",{key:"487a4c4b37a1891f07f203bb5cf22f8dc999c8e5"},this.accessibleCloseLabel)),o(d,{key:"cd18c3c009967eca235de7d7d5e9f7208692bb56",moveFocusTo:this.contentEl})))}get element(){return r(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;z-index:950}.duet-tooltip{position:relative;visibility:hidden;width:282px;min-height:48px;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(8, 42, 77);background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transform-origin:100% 100%;transition:300ms ease}.duet-tooltip.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(222, 224, 228);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(222, 224, 228)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%}.duet-tooltip-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva,.duet-theme-turva2 .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-tooltip{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-close{color:rgb(23, 42, 59)}';export{l as duet_tooltip_button,p as duet_tooltip_popup}
|
|
4
|
+
import{r as t,h as o,H as e,g as r,c as a}from"./p-BEyqDEKQ.js";import{i}from"./p-BOvQtVMD.js";import{s as n,u as s}from"./p-Db8rvjPI.js";import{F as d}from"./p-DRpZDk0L.js";import{T as u}from"./p-CooAqTCj.js";const l=class{constructor(o){t(this,o),this.label="",this.theme="",this.negative=!1}componentWillLoad(){i(this)}connectedCallback(){n(this)}disconnectedCallback(){s(this)}async setFocus(t){this.buttonElement&&this.buttonElement.focus(t)}render(){const t=o("duet-visually-hidden",{key:"f839514d25ea6f0be10ff17007bc5598c0674f61"},this.accessibleLabel);return o(e,{key:"1184ee05def105c059edfaabbb51f19a0ff25ad0"},o("button",{key:"b31a9e19755ee98f2504e9aa6345f3e96cd2672e",ref:t=>this.buttonElement=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-button-negative":this.negative}},o("svg",{key:"28d46d3d9005cc1a147a740f84ff0fba3b250b34","aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"742e3a51a9b20bedea4334e3fcc1e2a3517e8342",d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),o("circle",{key:"5af82ccdef41b720dbf5fbf75c63793a6d15bc2b",cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{key:"30aec776b7b26838c552073174643773da4db6b8",d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?o("span",{class:"duet-tooltip-label"},this.label,t):t))}get element(){return r(this)}};l.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;vertical-align:top;text-align:left;white-space:normal}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}';const p=class{constructor(o){t(this,o),this.tooltipPopupClosed=a(this,"tooltipPopupClosed",7),this.theme="",this.handleCloseClick=()=>{this.tooltipPopupClosed.emit()}}componentWillLoad(){i(this)}connectedCallback(){n(this),this.teleport||(this.teleport=new u(this.element)),this.teleport.isActive?this.teleport.observeDeletion():this.teleport.activate()}disconnectedCallback(){s(this)}async getArrowElement(){return this.arrowEl}async getContentElement(){return this.contentEl}async setFocusOnContentElement(){this.contentEl.focus()}render(){return o(e,{key:"3c8d28cef7325f7f9a37c42323e2703197a46b4c"},o("div",{key:"758460093b178a0bf27b146f95b079f25da46279",class:{"duet-tooltip":!0,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-active":!0===this.active}},o(d,{key:"a380f2eae0bbaa67867cbaa7851e8fdb91e725e3",moveFocusTo:this.buttonEl}),o("div",{key:"93547c2941da1e4bf5f11d4e927ab0a898faadb8",ref:t=>this.contentEl=t,class:{"duet-tooltip-content-area":!0,"duet-theme-turva":"turva"===this.theme},tabindex:-1,id:this.tooltipId},o("slot",{key:"e7d05bdad7849e242c18429e7694606d034931f5"})),o("div",{key:"b41cf5f06f034fad1455f5dd20cf40828be2535c",ref:t=>this.arrowEl=t,class:{arrow:!0,[this.placement]:!0},style:this.arrowStyles},o("div",{key:"67b9bd2303a7c04a44d12c110b8a675b8c55f526",class:{"arrow-container":!0,[this.placement]:!0}})),o("button",{key:"140b64666484c9cd541f10b4aa8a3c786dc0e13f",type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:t=>this.buttonEl=t},o("duet-icon",{key:"7cdb146d795acaa65561d690e3286ce03e932684",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",{key:"bb523f67e60aa14b2f404a6e9ae8d6079360adf4"},this.accessibleCloseLabel)),o(d,{key:"c7dfc301f8b422a6722ceb11e1978306227bce52",moveFocusTo:this.contentEl})))}get element(){return r(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;z-index:950}.duet-tooltip{position:relative;visibility:hidden;width:282px;min-height:48px;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(8, 42, 77);background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transform-origin:100% 100%;transition:300ms ease}.duet-tooltip.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(222, 224, 228);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(222, 224, 228)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%}.duet-tooltip-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva,.duet-theme-turva2 .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-tooltip{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-close{color:rgb(23, 42, 59)}';export{l as duet_tooltip_button,p as duet_tooltip_popup}
|
|
@@ -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 i,H as c,g as o}from"./p-CPZ9Rh_9.js";import{i as r}from"./p-Cz75kJ4Z.js";import{c as d}from"./p-Cfr_DJqU.js";import{s as a,u as n,h}from"./p-Db8rvjPI.js";import{g as u}from"./p-0d9FRr_b.js";import"./p-C6E9F6QT.js";const s=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetRemove=t(this,"duetRemove",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.chipId=d("DuetChip"),this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"},this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"},this.inputChipHover=!1,this.inputChipDeleteFocus=!1,this.variation="button",this.size="medium",this.icon="",this.theme="",this.selected=!1,this.checked=!1,this.disabled=!1,this.accessiblePopup="false",this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onRadioChange),e.removeEventListener("click",this.onRadioClick),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onRadioChange),e.addEventListener("click",this.onRadioClick),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const e=this.element.querySelector("input"),t=e||document.createElement("input");t.slot="input",t.ariaDisabled=this.disabled?"true":void 0,t.id=this.identifier||this.chipId,t.type="radio",t.name=this.name,t.value=this.value,t.checked=this.checked,t.ariaLabel=this.element.textContent,e?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.popupSetUp=()=>{const e=document.querySelector(`duet-popup-menu#${this.popup}`);if(e){this.popupElement=e,e.controller=this.element;const t=this.element.textContent,i=this.value;e.id||(e.id="popup-menu"),e.addEventListener("duetToggle",(e=>{this.popupOpen=e.detail.open}));const c=()=>{e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.active=!1}))};e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.addEventListener("click",(o=>{var r;const d=null!==(r=e.value)&&void 0!==r?r:e.innerText;e.active?(c(),this.element.textContent=t,this.value=i,this.checked=!1):(c(),e.active=!0,this.element.textContent=e.innerText,this.value=d,this.checked=!0),this.emitChange(o),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=e=>{this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=e=>{this.checked=!this.checked,this.emitChange(e)},this.onRadioChange=e=>{this.checked=this.focusableElement.checked,this.emitChange(e)},this.onRadioClick=e=>{this.disabled&&e.preventDefault()},this.onFilterClick=e=>{if(this.disabled)return e.stopPropagation(),void e.preventDefault();this.popupElement&&(e.stopPropagation(),e.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=e=>{null==e||e.stopPropagation(),null==e||e.preventDefault(),this.duetRemove.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"}),this.element.remove()}}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((e=>{e!==this.element&&(e.checked=!1)}))}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}componentWillLoad(){r(this),this.removeDisabledAttributeWhenFalse(),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){a(this)}disconnectedCallback(){n(this)}componentDidRender(){"radio"===this.variation&&this.radioInputSetUp()}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}getAccessibleDeleteLabel(){return`${u(this.deleteLabels)} ${this.element.textContent}`}getAccessibleInputChipLabel(){return`${this.element.textContent}${this.selected?` (${u(this.selectedForDeletionLabels)}) `:""},`}async setFocus(e){h(),setTimeout((()=>this.focusableElement.focus(e)),200)}async setDeleteFocus(){setTimeout((()=>this.deleteButtonElement.focus()),200)}async removeChip(){this.onRemoveClick()}render(){var e;const t=this.identifier||this.chipId,o={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-selected":this.selected,"duet-chip-hover":this.inputChipHover,"duet-chip-delete-focus":this.inputChipDeleteFocus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},r={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"fec47aedb512eead9eb64575e8f98b678e53f41d",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"eff19ffc79c16ebd3bacbbdf5fb02ce1feb26c49",class:o},i("button",Object.assign({key:"7e2f2da2eb55db53d182bab0283746543bbf7052",id:t,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},r),i("span",{key:"8ed98fe02241fe8ba40388532df90c056697a8eb",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"c9e40650866119a9c8609bce2525fb2e0ae7a4b7",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"91d3860bd84c5665487440a84dc7139cc057da9b"}))),"input"===this.variation&&i("span",{key:"0edd53d2a0b5eaf47e8a7ba9260997ab8a893a90",class:o,"aria-label":this.getAccessibleInputChipLabel()},i("button",Object.assign({key:"1390d0b60f05efe534ce7a93e0fd1e1013b4fcf7",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:()=>this.inputChipHover=!0,onMouseOut:()=>this.inputChipHover=!1,onClick:()=>this.selected=!this.selected},r),i("span",{key:"a77442337da66dcca7e46eac520ea2601a0f200e",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"a95497c8e5dd1fbeb97715f19678c66448fc3981",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"b4d281bfb01a611d911b4ee1780c1c36df499943"})),i("button",{key:"621d6fc5dc6d2f820ab8f570921ee8335d6992dd",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:()=>this.inputChipDeleteFocus=!0,onBlur:()=>this.inputChipDeleteFocus=!1,ref:e=>this.deleteButtonElement=e},i("duet-icon",{key:"bc8ef1b7a5026b38f088507488e372eb94fe24d3",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"a23d77fb07a75d9dad213738cde1b8f7fc065a75",class:o},i("input",Object.assign({key:"bece465fae4c3428c895cb1e28f5bb370f7226d7","aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(e=this.popupElement)||void 0===e?void 0:e.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},r)),i("label",{key:"c8ca07278535a0735aaf0b3609b057b7b07d73a7",htmlFor:t},this.icon&&i("span",{key:"b2040b8ad45d57cae370db873126f6af04103e35",class:"duet-chip-icon-container"},i("duet-icon",{key:"de63c47bcd290a7bb278d18044dcbb59f3d36bdd",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"e85e6a5937affd776ad433d0fff928e2985606f6",name:"messaging-checked-small",size:"large"===this.size?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"be966f534808d4c13283c7a428b8bd5f220f57ac"}),this.popupElement&&i("span",{key:"1f3d21e7eba82aa859081602aa42a9f84d320de2",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"af6883b215be51bbfd4d4a763f9a7f93a3196368",name:"action-arrow-down-small",size:"large"===this.size?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"30bd7e485658623c6bb9ee6f72f6e90a145fcd62",class:o},i("slot",{key:"da5cb9135a68d3d76a81d5c129b4065dc79dcb58",name:"input"}),i("label",{key:"bc19df62252b9a253d26bc989c6c8120c89d56a3",htmlFor:t},this.icon&&i("span",{key:"d35af1432d982b9ba952abed1395b90748501f11",class:"duet-chip-icon-container"},i("duet-icon",{key:"d75598a3891d73aaac169b59201294c462fe3e5c",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"88a3bbd9d095a53fef6b723f96fc3818b28889db",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"7c2b2e07d9b91726f23248f13abe2c7a0816ddfe"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}}};s.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;hyphens:none;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;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;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container duet-icon.check-mark{visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(255, 213, 215)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva2,.duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;appearance:none;cursor:pointer;border-width:2px;border-radius:8px;opacity:0}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:rgb(23, 42, 59) !important;border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:rgb(253, 247, 242);border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:rgb(253, 247, 242);border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:rgb(230, 23, 64)}';export{s as duet_chip}
|
|
4
|
+
import{r as e,c as t,h as i,H as c,g as o}from"./p-BEyqDEKQ.js";import{i as r}from"./p-BOvQtVMD.js";import{c as d}from"./p-Cfr_DJqU.js";import{s as a,u as n,h}from"./p-Db8rvjPI.js";import{g as u}from"./p-DBab1eZF.js";import"./p-C6E9F6QT.js";const s=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetRemove=t(this,"duetRemove",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.chipId=d("DuetChip"),this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"},this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"},this.inputChipHover=!1,this.inputChipDeleteFocus=!1,this.variation="button",this.size="medium",this.icon="",this.theme="",this.selected=!1,this.checked=!1,this.disabled=!1,this.accessiblePopup="false",this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onRadioChange),e.removeEventListener("click",this.onRadioClick),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onRadioChange),e.addEventListener("click",this.onRadioClick),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const e=this.element.querySelector("input"),t=e||document.createElement("input");t.slot="input",t.ariaDisabled=this.disabled?"true":void 0,t.id=this.identifier||this.chipId,t.type="radio",t.name=this.name,t.value=this.value,t.checked=this.checked,t.ariaLabel=this.element.textContent,e?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.popupSetUp=()=>{const e=document.querySelector(`duet-popup-menu#${this.popup}`);if(e){this.popupElement=e,e.controller=this.element;const t=this.element.textContent,i=this.value;e.id||(e.id="popup-menu"),e.addEventListener("duetToggle",(e=>{this.popupOpen=e.detail.open}));const c=()=>{e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.active=!1}))};e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.addEventListener("click",(o=>{var r;const d=null!==(r=e.value)&&void 0!==r?r:e.innerText;e.active?(c(),this.element.textContent=t,this.value=i,this.checked=!1):(c(),e.active=!0,this.element.textContent=e.innerText,this.value=d,this.checked=!0),this.emitChange(o),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=e=>{this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=e=>{this.checked=!this.checked,this.emitChange(e)},this.onRadioChange=e=>{this.checked=this.focusableElement.checked,this.emitChange(e)},this.onRadioClick=e=>{this.disabled&&e.preventDefault()},this.onFilterClick=e=>{if(this.disabled)return e.stopPropagation(),void e.preventDefault();this.popupElement&&(e.stopPropagation(),e.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=e=>{null==e||e.stopPropagation(),null==e||e.preventDefault(),this.duetRemove.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"}),this.element.remove()}}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((e=>{e!==this.element&&(e.checked=!1)}))}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}componentWillLoad(){r(this),this.removeDisabledAttributeWhenFalse(),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){a(this)}disconnectedCallback(){n(this)}componentDidRender(){"radio"===this.variation&&this.radioInputSetUp()}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}getAccessibleDeleteLabel(){return`${u(this.deleteLabels)} ${this.element.textContent}`}getAccessibleInputChipLabel(){return`${this.element.textContent}${this.selected?` (${u(this.selectedForDeletionLabels)}) `:""},`}async setFocus(e){h(),setTimeout((()=>this.focusableElement.focus(e)),200)}async setDeleteFocus(){setTimeout((()=>this.deleteButtonElement.focus()),200)}async removeChip(){this.onRemoveClick()}render(){var e;const t=this.identifier||this.chipId,o={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-selected":this.selected,"duet-chip-hover":this.inputChipHover,"duet-chip-delete-focus":this.inputChipDeleteFocus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},r={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"e26aa34e15b03e670a0f3f0e0d4cc24a237434bd",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"9f57e595caa81d8d4b84394b3a4a49fbdf19da48",class:o},i("button",Object.assign({key:"d68d62140116bf1fbb975b9b6b0453ff209e02c1",id:t,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},r),i("span",{key:"ddf0a95c86a07ebed9110017d6a0bd77e47a3e95",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"d6adb6765da92cb43ed0c408ecd8bea4221047a8",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"ce3208e6913557213ca536866493c7765bc2cb77"}))),"input"===this.variation&&i("span",{key:"75ec4e277b428b7e34bd5366b9a487c16c886ae9",class:o,"aria-label":this.getAccessibleInputChipLabel()},i("button",Object.assign({key:"92de738c0bd52efb610ecc97056827f0af9a1252",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:()=>this.inputChipHover=!0,onMouseOut:()=>this.inputChipHover=!1,onClick:()=>this.selected=!this.selected},r),i("span",{key:"ff2ae73783f77320559096261e367a6d5496c9fb",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"f8ac9cb89ed8e949a37944938652b62008fc19c7",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"aaf69ef9eb8e5b3f48a68e4a01a70b2272d469ae"})),i("button",{key:"fe3a6dcce274c4f812c58da61c30f97707ef5767",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:()=>this.inputChipDeleteFocus=!0,onBlur:()=>this.inputChipDeleteFocus=!1,ref:e=>this.deleteButtonElement=e},i("duet-icon",{key:"e548beece645e839b0b43bfcd131764db993bf9f",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"e5fd9ed10732bda6ab5ce6a44297a923c251badb",class:o},i("input",Object.assign({key:"86e4c71d067982fef1537d4ab02e9c28d20696b3","aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(e=this.popupElement)||void 0===e?void 0:e.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},r)),i("label",{key:"d7f775b63603946790ea8e4412cde73865c49683",htmlFor:t},this.icon&&i("span",{key:"274d90f5406d6dd2d7d7386b1b4bdec927781a5c",class:"duet-chip-icon-container"},i("duet-icon",{key:"5425392636f14e79e52edb733baec19b330be1b4",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"34eadef6cfac6361f4069f673efd04df0c6de0cc",name:"messaging-checked-small",size:"large"===this.size?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"6f33a83d88ab32af90c49a61aa55459c1c6a4e27"}),this.popupElement&&i("span",{key:"efccfca32d5aefd8c0f6d8da8c39941f93fafa73",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"49d87cd5a7e0b1249c9b484ab6ffb949b32a9d0a",name:"action-arrow-down-small",size:"large"===this.size?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"34755198707218679008f8d3f1345f378a9f1be8",class:o},i("slot",{key:"c2fec1770e3e9916e9a456519bdb73461d00e32c",name:"input"}),i("label",{key:"34286b6515f0c2f96d8ebb84f8c99a9ecdca76c2",htmlFor:t},this.icon&&i("span",{key:"5fbfe0a0c184a04844eccc440c042fae5f5321be",class:"duet-chip-icon-container"},i("duet-icon",{key:"c0ada34d07c59029ef1961d0d60f9e801e8e38cc",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"4b2626e45a9078b5ea6993183f57c5a0bfdc38c8",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"a4b9352bda8b5f9e9ce1912d07159c77844a4580"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}}};s.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;hyphens:none;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;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;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container duet-icon.check-mark{visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(255, 213, 215)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva2,.duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;appearance:none;cursor:pointer;border-width:2px;border-radius:8px;opacity:0}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:rgb(23, 42, 59) !important;border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:rgb(253, 247, 242);border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:rgb(253, 247, 242);border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:rgb(230, 23, 64)}';export{s as duet_chip}
|