@duetds/components 10.5.0 → 10.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/hydrate/index.js +658 -282
- package/hydrate/index.mjs +658 -282
- package/lib/cjs/{a11y-utils-DaAO4N9d.js → a11y-utils-DmCjy3Q3.js} +1 -1
- package/lib/cjs/{app-globals-CHNvdfQj.js → app-globals-D1tikFob.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +6 -6
- package/lib/cjs/duet-alert.cjs.entry.js +4 -4
- package/lib/cjs/duet-badge.cjs.entry.js +7 -7
- package/lib/cjs/duet-banner.cjs.entry.js +17 -18
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +7 -7
- package/lib/cjs/duet-button_2.cjs.entry.js +8 -8
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +11 -11
- package/lib/cjs/duet-card.cjs.entry.js +22 -10
- package/lib/cjs/duet-checkbox.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +28 -12
- package/lib/cjs/duet-choice_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
- package/lib/cjs/duet-combobox.cjs.entry.js +7 -17
- package/lib/cjs/duet-contact-card.cjs.entry.js +18 -7
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +3 -3
- package/lib/cjs/duet-date-picker.cjs.entry.js +127 -14
- package/lib/cjs/duet-divider_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +15 -15
- package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
- package/lib/cjs/duet-footer.cjs.entry.js +5 -5
- package/lib/cjs/duet-grid_2.cjs.entry.js +12 -8
- package/lib/cjs/duet-header_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-hero.cjs.entry.js +27 -21
- package/lib/cjs/duet-icon.cjs.entry.js +7 -7
- package/lib/cjs/duet-indicator.cjs.entry.js +5 -5
- package/lib/cjs/duet-input_2.cjs.entry.js +70 -18
- 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 +5 -5
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
- 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 +15 -15
- package/lib/cjs/duet-multiselect.cjs.entry.js +11 -11
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +10 -10
- 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 +6 -6
- package/lib/cjs/duet-pagination_2.cjs.entry.js +19 -19
- package/lib/cjs/duet-panel.cjs.entry.js +4 -4
- package/lib/cjs/duet-phone-input.cjs.entry.js +11 -6
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +10 -10
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +20 -8
- package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-range-slider.cjs.entry.js +8 -8
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +18 -18
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +9 -9
- 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 +8 -8
- package/lib/cjs/duet-show-more.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +7 -7
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +13 -13
- package/lib/cjs/duet-slideout.cjs.entry.js +20 -14
- 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 +5 -5
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
- package/lib/cjs/duet-teaser.cjs.entry.js +110 -0
- package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
- package/lib/cjs/duet-toggle.cjs.entry.js +9 -9
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +8 -8
- 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 +10 -10
- package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
- package/lib/cjs/duet-tray.cjs.entry.js +7 -7
- 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-Dkf_MfrJ.js → errorcodes.utils-Di-nO8ua.js} +1 -1
- package/lib/cjs/{focus-utils-BuGg0Oha.js → focus-utils-uEO1pi2O.js} +1 -1
- package/lib/cjs/{index-ZxE6MB5V.js → index-BGRMvA4R.js} +13 -9
- package/lib/cjs/{keyboard-utils-D9UlHbik.js → keyboard-utils-DibQafwg.js} +2 -0
- package/lib/cjs/{label-CpPOBfjS.js → label-CwgdRt0Q.js} +1 -1
- package/lib/cjs/{language-utils-C7Z0KYg-.js → language-utils-CrB5zNlc.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/picture-utils-CZhgDlXJ.js +20 -0
- package/lib/cjs/{slot-utils-BXdHT3A1.js → slot-utils-4v5bqyQh.js} +1 -1
- package/lib/cjs/{themeable-component-CIDaln0Z.js → themeable-component-I4SEm6nQ.js} +1 -1
- package/lib/cjs/{token-utils-DY3-olMV.js → token-utils-ZISdNshf.js} +1 -1
- package/lib/cjs/{tokens.module-CTbvyezn.js → tokens.module-CGRpZaa1.js} +2 -1
- package/lib/collection/collection-manifest.json +1 -0
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
- package/lib/collection/components/duet-alert/duet-alert.js +1 -1
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-banner/duet-banner.css +12 -0
- package/lib/collection/components/duet-banner/duet-banner.js +51 -7
- 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-button/duet-button.js +8 -8
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.css +3 -0
- package/lib/collection/components/duet-card/duet-card.js +63 -7
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-chip/duet-chip.js +53 -17
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
- package/lib/collection/components/duet-combobox/duet-combobox.js +4 -16
- package/lib/collection/components/duet-contact-card/duet-contact-card.css +3 -0
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +58 -2
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/date-picker-month.js +4 -2
- package/lib/collection/components/duet-date-picker/date-utils.js +7 -0
- package/lib/collection/components/duet-date-picker/disallowed-days.js +23 -0
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +100 -10
- package/lib/collection/components/duet-date-picker/finnish-bank-holidays.js +66 -0
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +3 -3
- 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 +7 -7
- package/lib/collection/components/duet-grid/duet-grid.css +22 -0
- package/lib/collection/components/duet-grid/duet-grid.js +17 -8
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
- package/lib/collection/components/duet-header/duet-header.js +15 -15
- package/lib/collection/components/duet-heading/duet-heading.js +1 -1
- package/lib/collection/components/duet-hero/duet-hero.css +235 -144
- package/lib/collection/components/duet-hero/duet-hero.js +72 -21
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-indicator/duet-indicator.js +3 -3
- package/lib/collection/components/duet-input/duet-input.js +73 -20
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +6 -6
- package/lib/collection/components/duet-link/duet-link.js +2 -2
- package/lib/collection/components/duet-list/duet-list.js +4 -4
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.js +2 -2
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +4 -4
- 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 +11 -11
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +11 -11
- 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 +4 -4
- package/lib/collection/components/duet-number-input/duet-number-input.js +8 -8
- package/lib/collection/components/duet-overlay/duet-overlay.js +2 -2
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +3 -3
- package/lib/collection/components/duet-pagination/duet-pagination.js +13 -13
- package/lib/collection/components/duet-panel/duet-panel.js +3 -3
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +5 -5
- package/lib/collection/components/duet-phone-input/duet-phone-input.js +30 -5
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +1 -1
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +4 -4
- package/lib/collection/components/duet-promo-card/duet-promo-card.css +4 -0
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +58 -2
- package/lib/collection/components/duet-radio/duet-radio.js +6 -6
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +4 -4
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +3 -3
- 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.js +10 -10
- 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 +3 -3
- package/lib/collection/components/duet-slideout/duet-slideout.js +12 -6
- 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 +3 -3
- package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
- package/lib/collection/components/duet-step/duet-step.js +4 -4
- package/lib/collection/components/duet-stepper/duet-stepper.js +2 -2
- 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 +9 -9
- package/lib/collection/components/duet-table/duet-table-styles.js +5 -5
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-teaser/duet-teaser.css +127 -0
- package/lib/collection/components/duet-teaser/duet-teaser.js +462 -0
- package/lib/collection/components/duet-textarea/duet-textarea.js +7 -7
- package/lib/collection/components/duet-toggle/duet-toggle.js +4 -4
- 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-tooltip/duet-tooltip.js +1 -1
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +16 -16
- 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 +4 -4
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/collection/utils/keyboard-utils.js +1 -0
- package/lib/collection/utils/picture-utils.js +6 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-61ec0e1c.entry.js → p-017873ec.entry.js} +1 -1
- package/lib/duet/{p-b1326cbb.entry.js → p-047af1e2.entry.js} +1 -1
- package/lib/duet/{p-516397ba.entry.js → p-058fcc72.entry.js} +1 -1
- package/lib/duet/p-05a6360b.entry.js +4 -0
- package/lib/duet/p-05b5ef84.entry.js +4 -0
- package/lib/duet/{p-6ef683d5.entry.js → p-07d43c60.entry.js} +1 -1
- package/lib/duet/{p-52beb436.entry.js → p-0ab559fb.entry.js} +1 -1
- package/lib/duet/{p-fe829b53.entry.js → p-0acf9bcf.entry.js} +1 -1
- package/lib/duet/{p-d3baa815.entry.js → p-0c42cc61.entry.js} +1 -1
- package/lib/duet/{p-443af533.entry.js → p-0df7094e.entry.js} +1 -1
- package/lib/duet/p-10baba94.entry.js +4 -0
- package/lib/duet/{p-30108edc.entry.js → p-1358a396.entry.js} +1 -1
- package/lib/duet/{p-70961edb.entry.js → p-1498e4a8.entry.js} +1 -1
- package/lib/duet/p-16d5dd2c.entry.js +4 -0
- package/lib/duet/p-1ec31f22.entry.js +4 -0
- package/lib/duet/{p-d6f0afa5.entry.js → p-2013545d.entry.js} +1 -1
- package/lib/duet/p-2265c46a.entry.js +4 -0
- package/lib/duet/{p-f040706c.entry.js → p-2394b3cd.entry.js} +1 -1
- package/lib/duet/{p-d779fe42.entry.js → p-2b17c517.entry.js} +1 -1
- package/lib/duet/{p-c54be349.entry.js → p-2f0f3a4a.entry.js} +1 -1
- package/lib/duet/{p-a9104184.entry.js → p-3ce04abc.entry.js} +1 -1
- package/lib/duet/{p-dedf6a32.entry.js → p-420df0aa.entry.js} +1 -1
- package/lib/duet/{p-c216e746.entry.js → p-430fad4e.entry.js} +1 -1
- package/lib/duet/p-453001ea.entry.js +4 -0
- package/lib/duet/{p-fa13ffe9.entry.js → p-4695398d.entry.js} +1 -1
- package/lib/duet/p-4bc7198d.entry.js +4 -0
- package/lib/duet/p-4e028274.entry.js +4 -0
- package/lib/duet/{p-8b0dfbd7.entry.js → p-5be103d0.entry.js} +1 -1
- package/lib/duet/{p-407f7f03.entry.js → p-5e5b6dc7.entry.js} +1 -1
- package/lib/duet/{p-42ec7305.entry.js → p-5fc88879.entry.js} +1 -1
- package/lib/duet/{p-e08dce92.entry.js → p-6865e880.entry.js} +1 -1
- package/lib/duet/{p-cb6c4158.entry.js → p-68a9ffb5.entry.js} +1 -1
- package/lib/duet/{p-b747f6e9.entry.js → p-69bcb076.entry.js} +1 -1
- package/lib/duet/p-71da8fbe.entry.js +4 -0
- package/lib/duet/{p-20a8ef81.entry.js → p-76e2c659.entry.js} +1 -1
- package/lib/duet/{p-74aac967.entry.js → p-7f5387dd.entry.js} +1 -1
- package/lib/duet/{p-110c7572.entry.js → p-84ed366e.entry.js} +1 -1
- package/lib/duet/{p-a8876b3d.entry.js → p-868647de.entry.js} +1 -1
- package/lib/duet/{p-a483117e.entry.js → p-8ad4bb4c.entry.js} +1 -1
- package/lib/duet/{p-3690576a.entry.js → p-8b9ffff4.entry.js} +1 -1
- package/lib/duet/{p-461d4089.entry.js → p-8da66626.entry.js} +1 -1
- package/lib/duet/{p-9ae7aaef.entry.js → p-8ea85c31.entry.js} +1 -1
- package/lib/duet/p-940a87e7.entry.js +4 -0
- package/lib/duet/{p-268b3066.entry.js → p-99550717.entry.js} +1 -1
- package/lib/duet/{p-8ace1eb4.entry.js → p-9987420d.entry.js} +1 -1
- package/lib/duet/{p-833802f9.entry.js → p-9d41df85.entry.js} +1 -1
- package/lib/duet/{p-3f7afd87.entry.js → p-9dee0205.entry.js} +1 -1
- package/lib/duet/{p-CFqvB5PA.js → p-B0XOGsB6.js} +1 -1
- package/lib/duet/p-B44ykle6.js +4 -0
- package/lib/duet/{p-R3pTP2Oy.js → p-B5SMAn1G.js} +1 -1
- package/lib/duet/p-BAiGBGTO.js +4 -0
- package/lib/duet/p-BWz_ChlU.js +4 -0
- package/lib/duet/p-BaefVzkx.js +4 -0
- package/lib/duet/{p-B8-N_qjs.js → p-Bnup2-sN.js} +1 -1
- package/lib/duet/p-C6rGA5IU.js +4 -0
- package/lib/duet/p-D4MpGrUR.js +5 -0
- package/lib/duet/p-DSNAI2Lx.js +4 -0
- package/lib/duet/{p-D2ly4TZR.js → p-DYmL1tSl.js} +1 -1
- package/lib/duet/{p-C5Yfx2kd.js → p-DtprEjjN.js} +1 -1
- package/lib/duet/{p-38973524.entry.js → p-a2106abd.entry.js} +1 -1
- package/lib/duet/p-a2a2f775.entry.js +4 -0
- package/lib/duet/{p-3277233e.entry.js → p-a2f7ef35.entry.js} +1 -1
- package/lib/duet/{p-829db926.entry.js → p-a62e6d8d.entry.js} +1 -1
- package/lib/duet/{p-40fa7371.entry.js → p-a6dc8c7d.entry.js} +1 -1
- package/lib/duet/{p-02d8e844.entry.js → p-a944ffff.entry.js} +1 -1
- package/lib/duet/{p-4b7f1244.entry.js → p-aebcf484.entry.js} +1 -1
- package/lib/duet/{p-bdbf0fae.entry.js → p-b2f0905a.entry.js} +1 -1
- package/lib/duet/p-b3a7ef62.entry.js +4 -0
- package/lib/duet/{p-70612314.entry.js → p-b4a1c719.entry.js} +1 -1
- package/lib/duet/p-b5204ec2.entry.js +4 -0
- package/lib/duet/{p-8012c7bc.entry.js → p-b58cfa18.entry.js} +1 -1
- package/lib/duet/{p-2dd7d75e.entry.js → p-b69946d4.entry.js} +1 -1
- package/lib/duet/{p-317e81f3.entry.js → p-b7351bfd.entry.js} +1 -1
- package/lib/duet/{p-3b2fba0f.entry.js → p-b7bb7472.entry.js} +1 -1
- package/lib/duet/{p-d3b5c997.entry.js → p-b9e97305.entry.js} +1 -1
- package/lib/duet/p-bb7fa0cf.entry.js +4 -0
- package/lib/duet/p-bef7eed7.entry.js +4 -0
- package/lib/duet/p-bffae8f6.entry.js +4 -0
- package/lib/duet/{p-c1afac0d.entry.js → p-c26e2123.entry.js} +1 -1
- package/lib/duet/{p-e7f2359a.entry.js → p-c49a72ad.entry.js} +1 -1
- package/lib/duet/{p-1da7703d.entry.js → p-c5c63d0f.entry.js} +1 -1
- package/lib/duet/{p-43e076b5.entry.js → p-c9a12663.entry.js} +1 -1
- package/lib/duet/{p-a5177d32.entry.js → p-ccaf5c28.entry.js} +1 -1
- package/lib/duet/{p-7fd39204.entry.js → p-d78923f9.entry.js} +1 -1
- package/lib/duet/p-d8383f1a.entry.js +4 -0
- package/lib/duet/{p-3f35fce3.entry.js → p-e3d91f53.entry.js} +1 -1
- package/lib/duet/p-e78af675.entry.js +4 -0
- package/lib/duet/{p-9e1a59d1.entry.js → p-e9a7215b.entry.js} +1 -1
- package/lib/duet/p-ebe55a34.entry.js +4 -0
- package/lib/duet/{p-efa4eecc.entry.js → p-ef340dc6.entry.js} +1 -1
- package/lib/duet/{p-317a1fc0.entry.js → p-f17438c7.entry.js} +1 -1
- package/lib/duet/{p-7353ee4c.entry.js → p-f264879d.entry.js} +1 -1
- package/lib/duet/p-f61ebeb1.entry.js +4 -0
- package/lib/duet/p-f647f09e.entry.js +4 -0
- package/lib/duet/p-f89da74c.entry.js +4 -0
- package/lib/duet/{p-2f8a47e2.entry.js → p-f959ca52.entry.js} +1 -1
- package/lib/duet/{p-19863cdf.entry.js → p-fb0f6212.entry.js} +1 -1
- package/lib/duet/p-fb59f80d.entry.js +4 -0
- package/lib/duet/{p-7eea47d5.entry.js → p-feae1702.entry.js} +1 -1
- package/lib/duet/p-kkZE1C6Z.js +4 -0
- package/lib/esm/{a11y-utils-ChN5Nhxh.js → a11y-utils-DZqe1lDK.js} +1 -1
- package/lib/esm/{app-globals-4kCk2rkO.js → app-globals-Byl9AdI1.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +6 -6
- package/lib/esm/duet-alert.entry.js +4 -4
- package/lib/esm/duet-badge.entry.js +7 -7
- package/lib/esm/duet-banner.entry.js +17 -18
- package/lib/esm/duet-breadcrumb.entry.js +7 -7
- package/lib/esm/duet-breadcrumbs.entry.js +7 -7
- package/lib/esm/duet-button_2.entry.js +8 -8
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +11 -11
- package/lib/esm/duet-card.entry.js +23 -11
- package/lib/esm/duet-checkbox.entry.js +3 -3
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +28 -12
- package/lib/esm/duet-choice_2.entry.js +7 -7
- package/lib/esm/duet-collapsible.entry.js +4 -4
- package/lib/esm/duet-combobox.entry.js +7 -17
- package/lib/esm/duet-contact-card.entry.js +18 -7
- package/lib/esm/duet-cookie-consent.entry.js +3 -3
- package/lib/esm/duet-date-picker.entry.js +127 -14
- package/lib/esm/duet-divider_2.entry.js +5 -5
- package/lib/esm/duet-editable-table_3.entry.js +15 -15
- package/lib/esm/duet-empty-state.entry.js +2 -2
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +2 -2
- package/lib/esm/duet-footer.entry.js +5 -5
- package/lib/esm/duet-grid_2.entry.js +12 -8
- package/lib/esm/duet-header_2.entry.js +7 -7
- package/lib/esm/duet-hero.entry.js +27 -21
- package/lib/esm/duet-icon.entry.js +7 -7
- package/lib/esm/duet-indicator.entry.js +5 -5
- package/lib/esm/duet-input_2.entry.js +70 -18
- 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 +5 -5
- package/lib/esm/duet-menu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-menu-bar-item.entry.js +7 -7
- 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 +15 -15
- package/lib/esm/duet-multiselect.entry.js +11 -11
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +10 -10
- 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 +6 -6
- package/lib/esm/duet-pagination_2.entry.js +19 -19
- package/lib/esm/duet-panel.entry.js +4 -4
- package/lib/esm/duet-phone-input.entry.js +11 -6
- package/lib/esm/duet-popup-menu_2.entry.js +10 -10
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +20 -8
- package/lib/esm/duet-radio_2.entry.js +7 -7
- package/lib/esm/duet-range-slider.entry.js +8 -8
- package/lib/esm/duet-scrollable_3.entry.js +18 -18
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +9 -9
- 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 +8 -8
- package/lib/esm/duet-show-more.entry.js +6 -6
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +7 -7
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +13 -13
- package/lib/esm/duet-slideout.entry.js +20 -14
- 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 +5 -5
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-item.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar.entry.js +7 -7
- package/lib/esm/duet-teaser.entry.js +108 -0
- package/lib/esm/duet-textarea.entry.js +8 -8
- package/lib/esm/duet-toggle.entry.js +9 -9
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +5 -5
- package/lib/esm/duet-toolbar-dropdown.entry.js +7 -7
- package/lib/esm/duet-toolbar-item.entry.js +8 -8
- 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 +10 -10
- package/lib/esm/duet-tooltip.entry.js +5 -5
- package/lib/esm/duet-tray.entry.js +7 -7
- 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-DuFCu_27.js → errorcodes.utils-KA3z1KuW.js} +1 -1
- package/lib/esm/{focus-utils-CFswdkeD.js → focus-utils-id9x3opi.js} +1 -1
- package/lib/esm/{index-B2cboDWM.js → index-D4MpGrUR.js} +13 -9
- package/lib/esm/{keyboard-utils-Db8rvjPI.js → keyboard-utils-BaefVzkx.js} +2 -1
- package/lib/esm/{label-CJxIWUOT.js → label-Caev3m-F.js} +1 -1
- package/lib/esm/{language-utils-C4M4ASkT.js → language-utils-DTyUbpD-.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/picture-utils-4PMNZDR2.js +18 -0
- package/lib/esm/{slot-utils--sNK1DNn.js → slot-utils-BhEk4zKY.js} +1 -1
- package/lib/esm/{themeable-component-BBi3552X.js → themeable-component-B_d7Klmd.js} +1 -1
- package/lib/esm/{token-utils-B0KAgyj_.js → token-utils-BILzD7LX.js} +1 -1
- package/lib/esm/{tokens.module-DEzE2U5T.js → tokens.module-kkZE1C6Z.js} +1 -1
- package/lib/types/components/duet-banner/duet-banner.d.ts +10 -1
- package/lib/types/components/duet-button/duet-button.d.ts +1 -1
- package/lib/types/components/duet-card/duet-card.d.ts +10 -0
- package/lib/types/components/duet-chip/duet-chip.d.ts +15 -8
- package/lib/types/components/duet-combobox/duet-combobox.d.ts +0 -1
- package/lib/types/components/duet-contact-card/duet-contact-card.d.ts +10 -0
- package/lib/types/components/duet-date-picker/date-picker-month.d.ts +3 -0
- package/lib/types/components/duet-date-picker/date-utils.d.ts +4 -0
- package/lib/types/components/duet-date-picker/disallowed-days.d.ts +9 -0
- package/lib/types/components/duet-date-picker/duet-date-picker.d.ts +14 -0
- package/lib/types/components/duet-date-picker/finnish-bank-holidays.d.ts +11 -0
- package/lib/types/components/duet-grid/duet-grid.d.ts +2 -1
- package/lib/types/components/duet-hero/duet-hero.d.ts +10 -0
- package/lib/types/components/duet-input/duet-input.d.ts +11 -0
- package/lib/types/components/duet-phone-input/duet-phone-input.d.ts +5 -0
- package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +11 -0
- package/lib/types/components/duet-teaser/duet-teaser.d.ts +93 -0
- package/lib/types/components.d.ts +291 -14
- package/lib/types/utils/keyboard-utils.d.ts +1 -0
- package/lib/types/utils/picture-utils.d.ts +4 -0
- package/package.json +5 -5
- package/lib/duet/p-06297bd8.entry.js +0 -4
- package/lib/duet/p-0c04f9f5.entry.js +0 -4
- package/lib/duet/p-18a8ea12.entry.js +0 -4
- package/lib/duet/p-1bca9931.entry.js +0 -4
- package/lib/duet/p-3f3c6e64.entry.js +0 -4
- package/lib/duet/p-4af6a8ed.entry.js +0 -4
- package/lib/duet/p-5284c707.entry.js +0 -4
- package/lib/duet/p-5c9f443c.entry.js +0 -4
- package/lib/duet/p-5f5f72d4.entry.js +0 -4
- package/lib/duet/p-5lFzA17H.js +0 -4
- package/lib/duet/p-6b469225.entry.js +0 -4
- package/lib/duet/p-7294c37d.entry.js +0 -4
- package/lib/duet/p-72b504ef.entry.js +0 -4
- package/lib/duet/p-734249e0.entry.js +0 -4
- package/lib/duet/p-7c08fd87.entry.js +0 -4
- package/lib/duet/p-83238bf3.entry.js +0 -4
- package/lib/duet/p-86ffd3cb.entry.js +0 -4
- package/lib/duet/p-871620d3.entry.js +0 -4
- package/lib/duet/p-93ff8fe4.entry.js +0 -4
- package/lib/duet/p-9c9811ba.entry.js +0 -4
- package/lib/duet/p-B2cboDWM.js +0 -5
- package/lib/duet/p-BzYmwX5_.js +0 -4
- package/lib/duet/p-Cg4m_WHe.js +0 -4
- package/lib/duet/p-DEzE2U5T.js +0 -4
- package/lib/duet/p-Db8rvjPI.js +0 -4
- package/lib/duet/p-a068c086.entry.js +0 -4
- package/lib/duet/p-c2026c6b.entry.js +0 -4
- package/lib/duet/p-cbcee3e2.entry.js +0 -4
- package/lib/duet/p-d5f90dbc.entry.js +0 -4
- package/lib/duet/p-s8EL6NG5.js +0 -4
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,c as e,h as i,H as n,g as a}from"./p-D4MpGrUR.js";import{g as o}from"./p-DvwKrUS6.js";import{s as r}from"./p-5iZMFvpJ.js";import{i as s}from"./p-B44ykle6.js";import{D as u}from"./p-DSNAI2Lx.js";import{c as l}from"./p-Cfr_DJqU.js";import{c as d,r as p}from"./p-CLDy7YaM.js";import{o as h,a as c,c as m,p as b,d as g,f}from"./p-BaefVzkx.js";import{a as v,c as x,d as w,g as y}from"./p-B0XOGsB6.js";import{c as k,p as S}from"./p-BWz_ChlU.js";import{g as C}from"./p-DYmL1tSl.js";import"./p-C6E9F6QT.js";import"./p-kkZE1C6Z.js";var j,z;const I={search:r,email:o(z?j:(z=1,j={title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'}))},U=class{constructor(i){t(this,i),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",3),this.duetBlur=e(this,"duetBlur",7),this.duetClear=e(this,"duetClear",7),this.duetFocus=e(this,"duetFocus",7),this.inputId=l("DuetInput"),this.proxyId=l("DuetInput"),this.clearId=l("DuetInputClear"),this.labelId=l("DuetLabel"),this.prefixId=l("DuetInputPrefix"),this.suffixId=l("DuetInputSuffix"),this.topCaptionId=l("DuetCaptionTop"),this.topCaptionPlaceholderId=l("DuetCaptionPlaceholderTop"),this.chipCountId=l("DuetInputChipCount"),this.errorId=l("DuetError"),this.maxlengthAnnouncementKey=0,this.disallowPatternRegex=null,this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"},this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"},this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"},this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"},this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"},this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"},this.chipsSelectedDesriptionLabel={en:"selected",fi:"valittu",sv:"valt"},this.maxlengthReachedLabel={en:"This field has a maximum length of {max} characters. Limit reached.",fi:"Tämän kentän enimmäispituus on {max} merkkiä. Raja on saavutettu.",sv:"Det här fältet har en maximal längd på {max} tecken. Gränsen är nådd."},this.language=v(),this.isFocused=!1,this._accessiblePopup=void 0,this.maxlengthAnnouncement="",this.accessibleDescribedBy="",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.debounce=0,this.clear=!1,this.echoPlaceholder=!1,this.theme="",this.expand=!1,this.disabled=!1,this.margin="auto",this.inputAlign="left",this.inputPadding="medium",this.required=!1,this.type="text",this.variation="default",this.chips=!1,this.label="Label",this.error="",this.labelHidden=!1,this.numericKeyboard=!1,this.component="input",this.autoComplete="on",this.disallowPattern=null,this.tooltip="",this.tooltipDirection="auto",this.onInput=t=>{var e;if(this.maxlength){const t=((null===(e=this.value)||void 0===e?void 0:e.length)||0)>=this.maxlength,i=this.nativeInput.value.length,n=i>this.maxlength;n&&(this.nativeInput.value=this.nativeInput.value.slice(0,this.maxlength)),(!t&&i===this.maxlength||t&&n)&&this.handleMaxlengthLimitReached()}this.disallowPatternRegex&&d(this.nativeInput,this.disallowPatternRegex),this.chips&&this.clearChipSelection(),this.value=this.nativeInput.value||"",this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.onBlur=t=>{t.relatedTarget!==this.nativeInput&&t.relatedTarget!==this.togglePasswordRevealedButton&&("revealable"===this.variation&&this.isPasswordRevealed&&(this.isPasswordRevealed=!1),this.isFocused=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-input"}))},this.onFocus=t=>{this.clearChipSelection(),this.isFocused=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.onClear=t=>{this.duetClear.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.onInputKeyDown=t=>{this.maxlength&&h(t)&&this.isAtMaxlengthWithoutSelection()&&this.handleMaxlengthLimitReached()},this.onInputPaste=()=>{this.maxlength&&this.isAtMaxlengthWithoutSelection()&&this.handleMaxlengthLimitReached()},this.isAtMaxlengthWithoutSelection=()=>{const t=this.nativeInput;return t.selectionStart===t.selectionEnd&&t.value.length>=this.maxlength},this.handleMaxlengthLimitReached=()=>{clearTimeout(this.maxlengthAnnouncementTimeoutId),this.maxlengthAnnouncement="",this.maxlengthAnnouncementTimeoutId=setTimeout((()=>{this.maxlengthAnnouncementKey++,this.maxlengthAnnouncement=this.maxlengthReachedLabel[this.language].replace("{max}",String(this.maxlength))}),300)},this.valueAsNormalizedFloat=()=>{var t;return Number.parseFloat(null===(t=this.value)||void 0===t?void 0:t.replace(/,/g,"."))},this.getAriaDescribedBy=()=>{const t=[];if(this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.chips){const e=this.getAllChips();e.length&&(t.push(this.chipCountId),e.forEach((e=>t.push(e.id))))}return this.error&&t.push(this.errorId),t.length>0?t.join(" "):null},this.getAriaLabelledBy=()=>{const t=[this.labelId];return this.fieldPrefix&&t.push(this.prefixId),this.fieldSuffix&&t.push(this.suffixId),this.accessibleLabelledBy&&t.push(this.accessibleLabelledBy),t.join(" ")},this.handleClearClick=t=>{const e=this.clearInput();return this.onClear(t),e},this.keyHandler=t=>(c(t)&&this.clear&&this.handleClearClick(t),m(t)&&"revealable"===this.variation&&(t.target===this.togglePasswordRevealedButton?t.stopPropagation():this.isPasswordRevealed=!1),this.chips&&0===this.nativeInput.value.length&&(b(t)&&(this.isChipSelected()&&(this.getSelectedChip().removeChip(),setTimeout((()=>this.selectLastChip()))),this.selectLastChip()),g(t)&&this.selectChipToLeft(),f(t)&&this.isChipSelected()&&this.selectChipToRight()),t),this.togglePasswordRevealed=()=>{this.isPasswordRevealed=!this.isPasswordRevealed},this.getInputType=()=>"revealable"===this.variation?this.isPasswordRevealed?"text":"password":this.type}get accessibleHasPopup(){return this._accessiblePopup}set accessibleHasPopup(t){this._accessiblePopup=t}get accessiblePopup(){return this._accessiblePopup}set accessiblePopup(t){this._accessiblePopup=t}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}valueChanged(){if(this.nativeInput&&this.nativeInput.value!==this.value){const t=p(this.nativeInput);this.nativeInput.value=this.value,t()}this.isCaptionVisible=!!this.caption;const t=()=>this.duetChange.emit({value:this.value,component:"duet-input"});0===this.debounce?t():(clearTimeout(this.timeoutId),this.timeoutId=setTimeout(t,this.debounce))}get validity(){var t,e;const i={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1};return Object.keys(i).forEach((t=>i[t]=this.nativeInput.validity[t])),void 0!==this.max&&(null===(t=this.value)||void 0===t?void 0:t.length)&&this.max<this.valueAsNormalizedFloat()&&(i.rangeOverflow=!0,i.valid=!1),void 0!==this.min&&(null===(e=this.value)||void 0===e?void 0:e.length)&&this.min>this.valueAsNormalizedFloat()&&(i.rangeUnderflow=!0,i.valid=!1),i}get nativeInputElement(){return this.nativeInput}componentWillLoad(){s(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,k(this.element,"tooltip","duet-tooltip, slot",1,!0)}componentDidLoad(){"revealable"===this.variation&&this.nativeInput.form&&this.nativeInput.form.addEventListener("submit",(()=>{this.isPasswordRevealed=!1}))}connectedCallback(){x(this)}disconnectedCallback(){w(this)}componentDidRender(){S(this.element,this.proxyId,this.name,this.value,this.required)}async setFocus(t){this.nativeInput&&this.nativeInput.focus(t)}async resetCursor(){if(this.nativeInput){const t=p(this.nativeInput);this.nativeInput.value=this.value,t()}}async clearInput(){this.nativeInput&&(this.nativeInput.value="",this.nativeInput.focus(),this.value="")}getAllChips(){return Array.from(this.element.shadowRoot.querySelectorAll(".duet-input-relative duet-chip"))}isChipSelected(){return this.getAllChips().some((t=>t.selected))}getSelectedChip(){return this.getAllChips().find((t=>t.selected))}clearChipSelection(){this.getAllChips().forEach((t=>t.selected=!1))}selectLastChip(){const t=this.getAllChips();t.length&&(t.forEach((t=>t.selected=!1)),t.at(-1).selected=!0)}selectChipToLeft(){const t=this.getAllChips(),e=t.findIndex((t=>t.selected));t.length&&(t.forEach((t=>t.selected=!1)),-1===e?t.at(-1).selected=!0:0===e?t[0].selected=!0:t[e-1].selected=!0)}selectChipToRight(){const t=this.getAllChips(),e=t.findIndex((t=>t.selected));t.length&&(t.forEach((t=>t.selected=!1)),e>-1&&e<t.length-1&&(t[e+1].selected=!0))}getAutocomplete(){if("password"===this.type)return"off";const t=this.autoComplete.split(/\s+/);return"email"!==this.type||"off"===this.autoComplete||t.includes("email")?"tel"!==this.type||"off"===this.autoComplete||t.includes("tel")?this.autoComplete:"tel":"email"}async addChip(t){if(!this.chips)return void console.error("The method addChips requires the property chips to be true");const e=this.element.shadowRoot.querySelector(".duet-input-relative"),i=e.querySelector("input:not(duet-chip input)");t.id=l("DuetInputChip"),e.insertBefore(t,i)}async hasChip({value:t,text:e}){return this.getAllChips().some((i=>i.value===t&&i.textContent===e))}async getChips(){return this.getAllChips()}async clearChips(){this.getAllChips().forEach((t=>t.remove()))}render(){const t=this.identifier||this.inputId,e={};let a;if(this.numericKeyboard&&(e.inputmode="decimal"),this.pattern&&"tel"!==this.type?e.pattern=this.pattern:this.pattern||"tel"!==this.type||(e.pattern="[0-9+ ]+"),this.value){a=new Date;try{a.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){a=void 0}}const o=!this.icon&&"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type&&"button"!==this.variation;return i(n,{key:"1119e8e51f3a490e34665e77ce32ec21f7bc70c7",class:{"duet-expand":this.expand,"duet-m-0":"none"===this.margin},onKeyUp:t=>this.keyHandler(t)},"time"===this.type&&i("duet-visually-hidden",{key:"31afa65dcb1b161f8c5a87c65953a26a552066b8","aria-live":"polite","aria-atomic":"true"},a?`${this.timeAnnouncement[this.language]} ${a.toLocaleTimeString()}`:""),i("div",{key:"5574afef8c592593193cbf0c99eaf8eaa84dbf11",class:{"duet-input-container":!0,"duet-theme-turva":"turva"===this.theme,[`duet-input-variation-${this.variation}`]:!0,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-icon":"button"!==this.variation&&(!!this.icon||"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type),"has-error":!!this.error,"has-chips":this.chips,"has-clear":this.clear,"has-focus":this.isFocused,"has-adornment":!!this.fieldPrefix||!!this.fieldSuffix,"has-prefix":!!this.fieldPrefix,"has-suffix":!!this.fieldSuffix,disabled:this.disabled}},i("div",{key:"cd0dfb4e8ef821c84d342fff017da9b3e6938134",class:"duet-input-label-container"},i(u,{key:"7ef9a4e3ccbc5b7ac030ca66912eb0471103ed10",theme:"turva"===this.theme?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&i("duet-tooltip",{key:"f263424aa51a59f4252cad4b4a1347b5986869ae",class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),i("slot",{key:"b4afd5ae65bbc03083b81996965cb354d6fd2a35",name:"tooltip"})),this.caption&&i("duet-caption",{key:"1d126824ee2ef4b7a4dae8650363e9da0b58c288",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"adb5b8fa3b3de37c96d74fd1b888de75689a3ce0",class:{"duet-input-relative":!0,"duet-theme-turva":"turva"===this.theme,"has-error":!!this.error}},this.placeholder&&this.echoPlaceholder&&(this.value||"time"===this.type)&&i("duet-caption",{key:"fcadd06bf9e0dc4115c0bd004de23fa5692b03fc",id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),this.chips&&i("duet-visually-hidden",{key:"84a8a1feed5a0895936f5e1d5ee310c6282f1678",id:this.chipCountId},", ",`${this.getAllChips().length} ${y(this.chipsSelectedDesriptionLabel)}`,","),"button-left"===this.variation&&i("slot",{key:"90533c1b234e2644eb97317f903abbf04fee8138",name:"button-left"}),this.fieldPrefix&&i("span",{key:"151fd6757766b8c7e86ded73639d87bb32814089",class:"input-adornment prefix",id:this.prefixId},this.fieldPrefix),i("input",Object.assign({key:"06811722717032661d4ba5e3bfa9c2b6196cf082",ref:t=>this.nativeInput=t,onInput:this.onInput,onKeyDown:this.onInputKeyDown,onPaste:this.onInputPaste,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:{"duet-input":!0,disabled:this.disabled,"is-number":"number"===this.component,"is-date":"date"===this.component,"after-chip":this.getAllChips().length>0,"align-right":"right"===this.inputAlign,[`input-padding-${this.inputPadding}`]:!0},value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.getAriaLabelledBy(),"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.getAutocomplete(),required:this.required,role:this.role,name:this.name,id:t},e)),this.maxlength&&i("duet-visually-hidden",{key:`maxlength-announcement-${this.maxlengthAnnouncementKey}`,"aria-live":"polite","aria-atomic":"true"},this.maxlengthAnnouncement),this.fieldSuffix&&i("span",{key:"b2d284fc05798f7dab08555f524cabf4f94f0e19",class:"input-adornment suffix",id:this.suffixId},this.fieldSuffix),!this.value&&o&&i("div",{key:"8364a8a7687b6e37279585edf55da9005673f4df",class:"duet-input-icon"},i("duet-icon",{key:"1b420da3e76241f1e105ce5ef8b9f40e6490424d",margin:"none",size:"small",icon:I[this.type].svg,color:"currentColor"})),this.clear&&this.value&&i("div",{key:"c67978258fbf64a22563a8e139b7a7de012bb4ca",class:{"duet-input-clear-icon":!0,"duet-input-clear-icon-single":!o,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":"button"===this.variation,[`input-padding-${this.inputPadding}`]:!0}},i("button",{key:"b243244d6d5184c42a9afb93483479a0b07bad7d",onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},i("duet-icon",{key:"2ff21863005e55dc7a4dc1a16e2e2e40ad7f85cf",margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&"button"!==this.variation&&i("div",{key:"7732892f159a6c7c9ad7c89b0031052b1ed45502",class:"duet-input-icon"},i("duet-icon",{key:"97de6dc8ff0c506db494dc36edc6d0107792c2b9",margin:"none",size:"small",name:this.icon,color:"currentColor"})),"button"===this.variation&&i("slot",{key:"5c940caf605e2eaff4db2a36c63548db78f36f41",name:"button"}),"revealable"===this.variation&&i("duet-button",{key:"caf0a7c8bec4a620e2ca5f897eaabc1814f32c5d",ref:t=>this.togglePasswordRevealedButton=t,onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:!0,iconOnly:!0}),"revealable"===this.variation&&void 0!==this.isPasswordRevealed&&i("duet-visually-hidden",{key:"cc394dbd7d28fc9e1cf0a864c67e7e7a6a835d1a"},i("span",{key:"20033ed28c86634d6faf03180e53cff84def1329","aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),i("slot",{key:"b72c50503fa80fd1ba6764b7b3348bc5d7b2813c"})),i("span",{key:"25790e8c5147bb271fefa6cbce2343287b57c816",class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",{key:"c62d261a03ebec492aed9c65a836525e47660cfc",class:"duet-input-error"},this.error))))}get element(){return a(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}}};U.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !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 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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, 42, 59)}*,*::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:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !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%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:bottom;text-align:left}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=time]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=time]::-webkit-calendar-picker-indicator{display:none}duet-tooltip,::slotted(duet-tooltip){position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){right:auto}}duet-caption:not(:last-of-type){margin-bottom:0}.duet-input-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-input-container{position:relative;width:100%;height:100%}.duet-input-container.has-clear .duet-input-clear-icon{position:relative;z-index:250}.duet-input-container.has-clear .duet-input-clear-icon button{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear .duet-input-clear-icon button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-input-container.has-clear .duet-input-clear-icon button:focus,.duet-input-container.has-clear .duet-input-clear-icon button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-input-container.has-clear .duet-input-clear-icon button:active{opacity:0.75;transition:none}.duet-input-container.has-clear .duet-input-clear-icon.input-padding-xx-small button{top:-12px}.duet-input-container.has-clear .duet-input-clear-icon.input-padding-x-small button{top:-16px}.duet-input-container.has-clear .duet-input-clear-icon.input-padding-small button{top:-20px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single button{top:-48px;right:0}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-xx-small button{top:-36px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-x-small button{top:-40px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-small button{top:-44px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double button{top:-24px;right:12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-xx-small button{top:-12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-x-small button{top:-16px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-small button{top:-20px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-button button{top:-24px;right:0}.duet-input-container.has-clear.has-icon .duet-input-clear-icon{top:-24px;right:24px}.duet-input-label-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container{justify-content:flex-start}}.duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;outline-color:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;transition:border 150ms ease !important}.duet-input.input-padding-small{padding:8px 10px !important}.duet-input.input-padding-x-small{padding:4px 6px !important}.duet-input.input-padding-xx-small{padding:0px 2px !important}.duet-input.is-number{padding-right:112px !important}.duet-input.is-date{padding-right:64px !important}.duet-input.after-chip{padding-left:8px !important}.has-error .duet-input{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.has-error .duet-input+.duet-input-icon{color:rgb(214, 28, 82) !important}.has-icon .duet-input{padding-right:48px !important}.duet-input.align-right{text-align:right}.duet-input::-ms-clear{display:none}.duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input::placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-input:focus::placeholder{color:rgb(181, 198, 208)}.duet-input[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-input:hover:not(:disabled):not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-input:hover:not(:disabled):not(:focus),.duet-input:hover:not(:disabled):not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-input:hover:not(:disabled):not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-input:focus{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-input:focus,.duet-input:focus.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-input:focus{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-input:focus+.duet-input-icon{color:rgb(0, 119, 179)}.duet-input[type=search]:not(:placeholder-shown):focus+.duet-input-icon{display:none}.duet-input:not(:focus):not(:hover):invalid{outline:none !important}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help span{display:block;margin-top:8px}.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-label-hidden label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-input-relative{position:relative;width:100%}.duet-input-variation-button,.duet-input-variation-button-left{position:relative;width:100%}.duet-input-variation-button .duet-input-relative,.duet-input-variation-button-left .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button .duet-input-relative duet-button,.duet-input-variation-button-left .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-button-left .duet-input-relative{border-radius:4px}.duet-input-variation-button .duet-input-relative .duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-button-left .duet-input-relative .duet-input{border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.duet-input-variation-revealable{position:relative;width:100%}.duet-input-variation-revealable ::-ms-reveal{display:none}.duet-input-variation-revealable .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;outline:initial;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 150ms ease}.duet-input-variation-revealable .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-revealable .duet-input-relative .duet-input{border-width:0 !important}.duet-input-variation-revealable .duet-input-relative .duet-input:focus,.duet-input-variation-revealable .duet-input-relative .duet-input:hover{outline:none !important;border-width:0 !important}.duet-input-variation-revealable.disabled .duet-input-relative{outline:none;background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-input-variation-revealable.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus .duet-input-relative{outline:2px solid;outline-offset:-1px;outline-color:rgb(62, 84, 102);border-color:rgb(0, 119, 179)}.duet-input-variation-revealable:hover:not(.disabled):not(.has-focus) .duet-input-relative{outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-input-variation-revealable:hover:not(.disabled):not(.has-focus) .duet-input-relative,.duet-input-variation-revealable:hover:not(.disabled):not(.has-focus) .duet-input-relative.duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.duet-input-variation-revealable.has-error:hover:not(.disabled) .duet-input-relative{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.duet-input-container.has-adornment.has-focus .duet-input-relative,.duet-input-container.has-chips.has-focus .duet-input-relative{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-input-container.has-adornment.has-focus .duet-input-relative,.duet-input-container.has-adornment.has-focus .duet-input-relative.duet-theme-turva,.duet-theme-turva .duet-input-container.has-chips.has-focus .duet-input-relative,.duet-input-container.has-chips.has-focus .duet-input-relative.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.duet-input-container.has-adornment:hover:not(:disabled):not(.has-focus) .duet-input-relative,.duet-input-container.has-chips:hover:not(:disabled):not(.has-focus) .duet-input-relative{outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-input-container.has-adornment:hover:not(:disabled):not(.has-focus) .duet-input-relative,.duet-input-container.has-adornment:hover:not(:disabled):not(.has-focus) .duet-input-relative.duet-theme-turva,.duet-theme-turva .duet-input-container.has-chips:hover:not(:disabled):not(.has-focus) .duet-input-relative,.duet-input-container.has-chips:hover:not(:disabled):not(.has-focus) .duet-input-relative.duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.duet-input-container.has-adornment.has-error .duet-input-relative,.duet-input-container.has-chips.has-error .duet-input-relative{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.duet-input-container.has-adornment.has-error.has-focus .duet-input-relative,.duet-input-container.has-chips.has-error.has-focus .duet-input-relative{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-input-container.has-adornment.has-error:hover:not(:disabled):not(.has-focus) .duet-input-relative,.duet-input-container.has-chips.has-error:hover:not(:disabled):not(.has-focus) .duet-input-relative{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-input-container.has-adornment .duet-input-relative,.duet-input-container.has-chips .duet-input-relative{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;padding-right:2px;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 150ms ease}.duet-input-container.has-adornment .duet-input-relative .duet-input,.duet-input-container.has-chips .duet-input-relative .duet-input{flex-grow:1;flex-basis:4rem;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-adornment .duet-input-relative .duet-input:focus,.duet-input-container.has-adornment .duet-input-relative .duet-input:hover,.duet-input-container.has-chips .duet-input-relative .duet-input:focus,.duet-input-container.has-chips .duet-input-relative .duet-input:hover{outline:none !important;border-width:0 !important}.duet-input-container.has-adornment .duet-input-relative .duet-input{padding:12px 14px !important;margin:initial !important}.duet-input-container.has-adornment .duet-input-relative .input-adornment{color:rgb(98, 121, 138)}.duet-input-container.has-adornment .duet-input-relative .input-adornment.prefix{padding-left:14px}.duet-input-container.has-adornment .duet-input-relative .input-adornment.suffix{padding-right:14px}.duet-input-container.has-prefix .duet-input-relative .duet-input{padding-left:8px !important}.duet-input-container.has-suffix .duet-input-relative .duet-input{padding-right:8px !important}.duet-theme-turva .duet-input-icon{color:rgb(23, 42, 59)}.duet-theme-turva.duet-input-container.has-clear .duet-input-clear-icon button{color:rgb(8, 42, 77)}.duet-theme-turva.has-error .duet-input+.duet-input-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva:not(.has-error) .duet-input{border-color:rgb(120, 145, 164) !important}.duet-theme-turva .duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-input[disabled]{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-input::placeholder{color:rgb(120, 145, 164)}.duet-theme-turva .duet-input:focus::placeholder{color:rgb(178, 194, 205)}.duet-theme-turva .duet-input:focus+.duet-input-icon{color:rgb(23, 42, 59)}.duet-theme-turva .duet-input-variation-button-left.has-focus .duet-input-relative{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-input-variation-revealable.has-focus .duet-input-relative{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-input-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}.duet-theme-turva.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-theme-turva .duet-input-variation-revealable .duet-input-relative{border-color:rgb(120, 145, 164)}.duet-theme-turva.duet-input-variation-revealable.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-theme-turva.duet-input-variation-revealable.has-focus .duet-input-relative{outline:2px solid;outline-offset:-1px;outline-color:rgb(53, 79, 101);border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-input-container.has-chips.has-focus .duet-input-relative{outline:2px solid;outline-offset:2px;outline-color:rgb(53, 79, 101)}.duet-theme-turva .duet-input-container.has-chips .duet-input-relative{border-color:rgb(120, 145, 164)}';const E=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.size="medium",this.weight="semi-bold",this.color=""}componentWillLoad(){s(this)}render(){const t=C(this.color,this.theme);return i(n,{class:{"duet-label":!0,"duet-label-small":"small"===this.size,"duet-theme-turva":"turva"===this.theme,"duet-small-margin":"small"===this.margin,"duet-m-0":"none"===this.margin,[`duet-weight-${this.weight}`]:!0}},i("label",{htmlFor:this.for,style:{color:t}},i("span",null,i("slot",null))))}get element(){return a(this)}};E.style='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}';export{U as duet_input,E as duet_label}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as o,g as
|
|
4
|
+
import{r as t,h as e,H as o,g as r}from"./p-D4MpGrUR.js";import{n as a}from"./p-vVCYtBMj.js";import{a as i}from"./p-8RjiAqaE.js";import{i as n}from"./p-B44ykle6.js";import{g as s}from"./p-Bnup2-sN.js";import{g as d,c as l,d as c}from"./p-B0XOGsB6.js";import"./p-DvwKrUS6.js";import"./p-BWz_ChlU.js";import"./p-C6E9F6QT.js";const u=class{constructor(e){t(this,e),this.theme="",this.variation="default",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=i,this.accessibleLabelExternal=d(this.accessibleLabelExternalDefaults),this.external=!1,this.badge=!1}componentWillLoad(){n(this)}connectedCallback(){l(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){c(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}render(){const t=this.url?"a":"button",r="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return e(o,{key:"96487fd2e42789280cf1dc0538ff07b0f1f79264",role:"listitem"},this.badge&&e("duet-indicator",{key:"5bfd9faa52039e80c72afce6d477602c5b6e3f8e",variation:"change"}),e(t,{key:"b5c8b5ac1cfe6549946e9820a2dd540490c606da",target:this.url?this.external?"_blank":"_self":null,ref:t=>this.itemElement=t,class:{"duet-toolbar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[r]:!0},href:this.url,role:"a"===t?"link":"button","aria-current":this.active?"true":"false","aria-label":this.url&&s(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,rel:this.external?"noopener":void 0},this.leadingIcon&&e("div",{key:"082cebef94f34c57a5617891c46e05cfc59f3c2c",class:"duet-toolbar-icon"},e("duet-icon",{key:"802fab1146fc2154f1c80e097e10464507548e5f",size:"x-small",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),this.badge&&e("div",{key:"a484198c098521fd9e8745ac234f6dbc231f029c",class:"duet-toolbar-badge"})),e("slot",{key:"0993265ee4d23c17f425ee776ec9c14cb6454308"}),(this.trailingIcon||this.url&&this.external)&&e("div",{key:"90af7cbc5f00e4dc859cde8ae0d1166b358f097e",class:"duet-toolbar-icon"},e("duet-icon",{key:"d2df808e4c985501fbd5bb96946f2d9c20a2b116",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!(!this.url||!this.external),rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.url&&this.external?a.title:"",margin:"none",size:"auto",color:"currentColor"}),this.badge&&"action-arrow-down-small"!==this.trailingIcon&&e("div",{key:"e9b4919435ccd37e9906c033822de9195c57d73e",class:"duet-toolbar-badge"}))))}get element(){return r(this)}};u.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-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-toolbar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary:focus,.duet-toolbar-item.secondary:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.secondary[aria-expanded=true]{background:rgb(3, 56, 102)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item:hover.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active{color:rgb(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}duet-indicator{top:4px;left:16px;z-index:1}duet-indicator:has(+.duet-toolbar-item .duet-toolbar-icon){left:36px}.duet-toolbar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-toolbar-item.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}.duet-toolbar-item.duet-theme-turva.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(241, 202, 178)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 42, 59, 0.2)}.duet-toolbar-item.duet-theme-turva:hover{background:rgb(253, 247, 242)}.duet-toolbar-item.duet-theme-turva:hover:not(.primary){color:rgb(23, 42, 59)}.duet-toolbar-item.duet-theme-turva:hover.primary{color:rgb(255, 255, 255);background:rgba(23, 42, 59, 0.2)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(230, 23, 64)}.duet-toolbar-item.active.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 42, 59, 0.2)}';export{u as duet_toolbar_item}
|
|
@@ -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 a}from"./p-
|
|
4
|
+
import{r as t,h as o,H as e,g as a}from"./p-D4MpGrUR.js";import{D as r}from"./p-8RjiAqaE.js";import{i}from"./p-B44ykle6.js";import{s,u as d}from"./p-BaefVzkx.js";import{g as n}from"./p-B0XOGsB6.js";import{h as g,c as b,a as l}from"./p-BWz_ChlU.js";import"./p-C6E9F6QT.js";const c=class{constructor(o){t(this,o),this.hasTooltipSlot=!1,this.theme="",this.variation="default",this.background="normal",this.margin="auto",this.tooltip="",this.getBadgeText=()=>this.element.textContent,this.getVariationLabel=()=>{if("subtle"===this.variation)return"";const t=["default","success","danger","warning"].includes(this.variation)?this.variation:"default";return n(r[t])}}connectedCallback(){s(this)}disconnectedCallback(){d(this)}componentWillLoad(){i(this),this.hasTooltipSlot=g(this.element,"tooltip"),b(this.element,"tooltip","duet-tooltip",1,!0),this.hasTooltipSlot&&(l(this.element,"tooltip")[0].badgeElement=this.element)}render(){const t=`background-${this.background}`;return o(e,{key:"a9dd6cafb9dd266a641efe7b3f5d3786c9e0d970",class:{"duet-m-0":"none"===this.margin}},o("span",{key:"3dc22a694e2540a4799bd9befe11453b30efff98",class:{"duet-badge":!0,[this.variation]:!0,[t]:!0,"has-tooltip":!!this.tooltip||this.hasTooltipSlot,"duet-theme-turva":"turva"===this.theme}},o("duet-visually-hidden",{key:"2673764baf37610bce6a8378375f785eb4404fc6"},this.getVariationLabel()),o("slot",{key:"ec85b8d3cbd2699867de7cfee681074bee1087c5"}),(this.tooltip||this.hasTooltipSlot)&&o("span",{key:"4c62025c3b875c583fd8fbb78ae1f3fd41dafa40",class:"tooltip-wrap"},!this.hasTooltipSlot&&o("duet-tooltip",{key:"80883a763c0c24851c1641d75982c7b4616a79b4","accessible-about-label":this.getBadgeText(),badgeElement:this.element},this.tooltip),o("slot",{key:"4d82577d088190c59b6f067dc8dc3cbd473ea73b",name:"tooltip"}))))}get element(){return a(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;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !important}:host(.duet-m-0){margin:0 !important}.duet-badge{position:relative;display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;vertical-align:middle;color:rgb(3, 56, 102);text-align:center;word-break:break-word;background:rgb(217, 236, 245);border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.warning{color:rgb(81, 55, 9);background:rgb(255, 232, 160)}.duet-badge.danger{color:rgb(120, 4, 56);background:rgb(255, 211, 219)}.duet-badge.success{color:rgb(13, 71, 59);background:rgb(191, 239, 218)}.duet-badge.subtle{color:rgb(62, 84, 102);background:rgb(228, 236, 239)}.duet-badge.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 97, 155)}.duet-badge.background-strong.warning{color:rgb(38, 26, 4);background:rgb(247, 178, 40)}.duet-badge.background-strong.danger{color:rgb(255, 240, 243);background:rgb(185, 16, 74)}.duet-badge.background-strong.success{color:rgb(244, 250, 247);background:rgb(29, 106, 88)}.duet-badge.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(98, 121, 138)}.duet-badge.has-tooltip{padding-right:24px;cursor:pointer}.duet-badge.has-tooltip .tooltip-wrap{position:absolute;top:6.5px;right:11px;display:inline-block;width:16px;height:12px}.duet-badge.has-tooltip:hover{color:rgb(0, 75, 129)}.duet-badge.has-tooltip:hover.warning{color:rgb(126, 87, 16)}.duet-badge.has-tooltip:hover.danger{color:rgb(153, 9, 66)}.duet-badge.has-tooltip:hover.success{color:rgb(29, 106, 88)}.duet-badge.has-tooltip:hover.subtle{color:rgb(45, 64, 81)}.duet-badge.has-tooltip:hover.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 119, 179)}.duet-badge.has-tooltip:hover.background-strong.warning{color:rgb(38, 26, 4);background:rgb(255, 199, 79)}.duet-badge.has-tooltip:hover.background-strong.danger{color:rgb(255, 240, 243);background:rgb(214, 28, 82)}.duet-badge.has-tooltip:hover.background-strong.success{color:rgb(244, 250, 247);background:rgb(76, 164, 138)}.duet-badge.has-tooltip:hover.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(127, 150, 165)}:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within,:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.duet-badge{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700}.duet-theme-turva.duet-badge.has-tooltip{padding-right:24px}';export{c as duet_badge}
|
|
@@ -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 o,g as a}from"./p-B2cboDWM.js";import{g as r}from"./p-DvwKrUS6.js";import{i as c}from"./p-BzYmwX5_.js";import{a as d}from"./p-8RjiAqaE.js";import{c as s}from"./p-Cfr_DJqU.js";import{i as h,n,s as l,u,a as b}from"./p-Db8rvjPI.js";import{g as p,a as m,c as g,d as f}from"./p-CFqvB5PA.js";import{h as k,a as v,c as x}from"./p-5lFzA17H.js";import"./p-C6E9F6QT.js";var y,w,z=r(w?y:(w=1,y={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'}));const C=class{constructor(i){e(this,i),this.duetChoiceReady=t(this,"duetChoiceReady",7),this.duetChange=t(this,"duetChange",7),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.hasHeader=!1,this.choiceId=s("DuetChoice"),this.expandId=s("DuetChoiceExpand"),this.headerId=s("DuetChoiceHeader"),this.infoButtonId=s("DuetChoiceInfoButton"),this.isHovering=!1,this.isInfoOpen=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=d,this.accessibleLabelInfoButton=p(this.accessibleLabelInfoButtonDefaults),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.type="checkbox",this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=p(this.infoLabelDefaults,m()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=p(this.collapsibleNotificationDefaults,m()),this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onChange),e.removeEventListener("keydown",this.handleKeyDown),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onChange),e.addEventListener("keydown",this.handleKeyDown),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.inputSetUp=()=>{const e=this.element.querySelectorAll(":scope > input"),t=e[e.length-1]||document.createElement("input");t.slot="choiceinput",t.disabled=this.getDisabled(),t.id=this.identifier||this.choiceId,t.type=this.type,t.name!==this.name&&(t.name=this.name),t.value=this.value,t.checked=this.checked,t.required=this.required,t.ariaDescription=this.accessibleDescription,this.accessibleControls&&t.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&t.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleLabelledBy&&t.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&t.setAttribute("aria-details",this.accessibleDetails),this.accessibleOwns&&t.setAttribute("aria-owns",this.accessibleOwns),this.getAriaDescribedby()&&t.setAttribute("aria-describedby",this.getAriaDescribedby()),t.ariaLabel=this.getLabel(),e.length>0?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{h(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.focusableElement.checked,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),this.getDisabled()||"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"}))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}),150)}}componentWillLoad(){c(this),this.hasInfo=k(this.element,"info"),this.hasHeader=k(this.element,"header"),this.hasAdditional=k(this.element,"additional"),this.hasLabel=k(this.element,"label"),this.hasBeforeText=k(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){g(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),l(this),this.duetChoiceReady.emit()}componentDidRender(){this.inputSetUp()}disconnectedCallback(){f(this),u(this)}async setFocus(e){this.focusableElement.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}handleEscape(e){b(e)&&this.isInfoOpen&&(this.isInfoOpen=!1,this.infoButtonEl&&this.infoButtonEl.focus())}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>t.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:(this.collapsible||this.hasInfo)&&this.getExpanded()?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}getLabel(){let e="",t="",i="";if(this.hasLabel){const t=v(this.element,"label");e=t.length>0?t[0].textContent:""}if(this.hasBeforeText){const e=v(this.element,"before-text");t=e.length>0?e[0].textContent:""}if(this.hasAdditional){const e=v(this.element,"additional");i=e.length>0?e[0].textContent:""}return`${t} ${this.hasLabel?e:this.label} ${this.caption} ${i}`}render(){return i(o,{key:"161ca837a384fd96fde8171eb0ee9a922f348740",class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,[`horizontal-responsive-${this.groupResponsive}`]:"horizontal"===this.groupDirection&&!!this.groupResponsive,"vertical-stretch":"horizontal"===this.groupDirection,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},i("div",{key:"9b1f7f73d1e644294e06780f748a5b5c86f3c419",class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},i("div",{key:"5bd120316eff11e496393cc3d41401c7523d1fdc",class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},i("slot",{key:"25b753b3d13766c86e7c03e48ecde9ee345151c9",name:"choiceinput"}),i("label",{key:"d113e5e6012cd5606552b6964c0f792b992483af",class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText,checked:this.checked,focus:this.focus,disabled:this.getDisabled()},onClick:this.onClick},this.hasBeforeText&&i("slot",{key:"1ab6a902a2a1e6ea5ab7e075a2318482cf0a1f75",name:"before-text"}),this.icon&&i("div",{key:"524b6f9260ab2e3bab12f933ad14e744b1401a12",class:"duet-choice-card-icon"},i("duet-icon",{key:"b969cf6e06ffaf643aa701c37d4541e36f4e16a8",margin:"none",size:"small",name:this.icon,color:"currentColor"})),i("div",{key:"9cc50495673c27a7c6a5f3bdb14c609e6a4601f8",class:"duet-choice-card-text"},i("div",{key:"c87f5c7fbfcb824cd962b47f5b245b0d113cb04b"},this.hasLabel?i("slot",{name:"label"}):this.label),this.caption&&i("div",{key:"8b325a22769d880383b1b3b24e531306b83bc082"},i("duet-spacer",{key:"7d0b9e0b85d3ed5d5da0bcad6991d17ceb385587",size:"xx-small"}),i("duet-caption",{key:"3a3a799147caa313ca58a101dc47e5149c0c214f",margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&i("div",{key:"ebea33b278a48a2d1277df23682aff24ffca5f93"},i("duet-spacer",{key:"c06cf1daace2056cfc11c90e2fdbe2e3d5a02281",size:"xx-small"}),i("slot",{key:"952ec73f80beb3dc70550cc7f294f3cc19466109",name:"additional"}))),i("div",{key:"c011bec512f287c09ac07c7eb27351bdf035d95f"},i("div",{key:"df64779e16fd3eb7a476794b11516433f7d9cdce",class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&i("div",{key:"94314b297dc613c45adaa647eeec06f93b01e325",class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&i("button",{key:"dd3fc995ac9ac436708557efc5319b7c081d76e8",ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button",onKeyUp:e=>this.handleEscape(e)},i("div",{key:"a78097639b91f3c310e490e8cfc23040a7dfcb48",class:"duet-choice-info-icon"},i("duet-icon",{key:"a4a43850eb0cbbb171ff87b7834e135247d5f4c8",icon:z.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&i("span",{key:"d081dffa05b32cd86475b5dcaed06d8d12af4b85",id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?i("div",{class:this.getClassNames(),id:this.expandId},i("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},i("span",{id:this.headerId},i("slot",{name:"header"})),this.hasInfo?i("span",{ref:e=>this.infoContainer=e,tabindex:"-1",class:"duet-choice-info-container",onKeyUp:e=>this.handleEscape(e)},i("span",null,i("slot",{name:"info"})),i("slot",null)):i("span",{id:`${this.choiceId}-collapsible-content`},i("slot",null)))):null)}get element(){return a(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;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}: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 (max-width: 35.9375em){:host{width:100%}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(.vertical){margin-right:0 !important}@media (min-width: 48em){:host(.horizontal){margin-bottom:0 !important}}@media (min-width: 22.5em){:host(.horizontal-responsive-x-small){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-x-small):last-child,:host(.horizontal-responsive-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-x-small):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 36em){:host(.horizontal-responsive-small){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-small):last-child,:host(.horizontal-responsive-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-small):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 48em){:host(.horizontal-responsive-medium){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-medium):last-child,:host(.horizontal-responsive-medium):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-medium):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 62em){:host(.horizontal-responsive-large){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-large):last-child,:host(.horizontal-responsive-large):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-large):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 64.0625em){:host(.horizontal-responsive-x-large){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-x-large):last-child,:host(.horizontal-responsive-x-large):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-x-large):last-of-type:not(:last-child){margin-right:16px !important}}:host(:last-child:not(:only-child)){margin-right:0 !important}:host(.vertical-stretch) .duet-choice-card-flextainer{height:100%}:host(.vertical-stretch) .duet-choice-card-flextainer .duet-choice-label{align-items:flex-start}:host(.vertical-stretch) .duet-choice-card-flextainer .duet-choice-label>div{margin-top:0.25rem}.duet-choice-card{position:relative;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;-webkit-hyphens:auto;hyphens:auto;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0{padding:0 !important}.duet-choice-card.duet-m-0{margin:0 !important}.duet-choice-card-flextainer{display:flex}.duet-choice-label{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;word-break:break-word;text-decoration:none;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text .duet-choice-card-icon,.duet-choice-label.has-before-text .duet-choice-card-text{align-self:flex-start;margin-top:0.25rem}.duet-choice-label .duet-choice-card-text{flex:1}.duet-choice-label>div:last-child{flex:0 1 0;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info .duet-choice-label{border-top-right-radius:0;border-bottom-right-radius:0}.info .duet-choice-label{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-choice-label:active{opacity:0.75;transition:none !important}.checked>.duet-choice-label{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(0, 119, 179)}.checked.collapsible>.duet-choice-label,.collapsible-force-expanded.collapsible>.duet-choice-label{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(127, 150, 165)}:host(:not(.no-hover):not(.disabled):not([checked]):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){padding:1rem}input:focus{outline:0}.focus.duet-choice-label{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .focus.duet-choice-label,.focus.duet-choice-label.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.disabled.duet-choice-label{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.disabled.duet-choice-label .duet-choice-card-icon{color:rgb(98, 121, 138)}.disabled.duet-choice-label .duet-checkmark{border-color:rgb(98, 121, 138) !important}.disabled.duet-choice-label:hover,.disabled.duet-choice-label:active,.disabled.duet-choice-label:focus{outline:none !important;opacity:1 !important;transition:none !important}.checked>.disabled.duet-choice-label{border-color:rgb(127, 150, 165) !important}.duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.checked>.duet-choice-label .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.checked>label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon{position:relative;color:rgb(0, 119, 179)}.duet-choice-card-icon duet-icon{display:block}.duet-choice-section-hidden{display:none}.duet-choice-card-info.duet-choice-card-collapsed,.duet-choice-card-collapsed.duet-choice-card-collapsible{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info,.duet-choice-card-collapsible{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info,.duet-choice-card-collapsible{padding:28px !important}}.checked>.duet-choice-card-info,.checked>.duet-choice-card-collapsible{display:block}.duet-choice-card-info-expanded,.duet-choice-card-collapsible-expanded{display:block}.duet-choice-card-collapsible{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.checked{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible-disabled{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 223, 229)}.duet-choice-card-info{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*){display:none}:host(.user-is-tabbing) .duet-choice-info-container:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);display:block}.duet-theme-turva :host(.user-is-tabbing) .duet-choice-info-container:focus,:host(.user-is-tabbing) .duet-choice-info-container:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:host(.disabled) .duet-choice-card-collapsible{border-color:rgb(127, 150, 165)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px}.duet-choice-info-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-choice-info-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-choice-info-toggle:focus,:host(.user-is-tabbing) .duet-choice-info-toggle:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled]{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(127, 150, 165) !important}.checked+.duet-choice-info-toggle{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle duet-icon{display:block}.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(0, 119, 179)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(127, 150, 165)}.duet-choice-input,*::slotted([slot=choiceinput]){position:absolute !important;width:100%;height:100%;opacity:0}.duet-theme-turva .duet-choice-card{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, 42, 59) !important}.duet-theme-turva .duet-choice-label{border-color:rgb(178, 194, 205)}.info .duet-theme-turva .duet-choice-label{border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-choice-label.disabled{color:rgb(120, 145, 164) !important;background:rgb(245, 246, 247) !important;border-color:rgb(212, 221, 226) !important}.duet-theme-turva .duet-choice-label.disabled .duet-choice-card-icon{color:rgb(120, 145, 164)}.duet-theme-turva .duet-choice-label.disabled .duet-checkmark{border-color:rgb(120, 145, 164) !important}.duet-theme-turva .checked>.duet-choice-label{background:rgb(245, 246, 247);border-color:rgb(23, 42, 59) !important}.duet-theme-turva .checked>.duet-choice-label.disabled{border-color:rgb(120, 145, 164) !important}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-choice-card-icon{color:rgb(185, 3, 41)}.duet-theme-turva.duet-choice-card-info,.duet-theme-turva.duet-choice-card-collapsible{color:rgb(23, 42, 59);background:rgb(255, 255, 255);border-color:rgb(23, 42, 59)}.duet-theme-turva.duet-choice-card-collapsible{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-choice-card-collapsible.checked{border-color:rgb(23, 42, 59)}.duet-theme-turva.duet-choice-card-collapsible-disabled{background:rgb(245, 246, 247);border-color:rgb(212, 221, 226)}.duet-theme-turva.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 221, 226)}.duet-theme-turva.duet-choice-card-info{background:rgb(245, 246, 247);border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-checkmark-container{border-color:rgb(120, 145, 164)}.checked>.duet-choice-label .duet-theme-turva .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-theme-turva label.disabled .duet-checkmark-container{border-color:rgb(178, 194, 205) !important}.duet-theme-turva .checked>label.disabled .duet-checkmark-container{background:rgb(178, 194, 205) !important;border-color:rgb(178, 194, 205) !important}.duet-theme-turva.duet-choice-info-toggle{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 246, 247);border-bottom-color:transparent}.duet-theme-turva.duet-choice-info-toggle[disabled]{background:rgb(245, 246, 247) !important;border-color:rgb(212, 221, 226) !important}.duet-theme-turva.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(120, 145, 164) !important}.duet-theme-turva.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(230, 23, 64)}:host(.disabled) .duet-theme-turva.duet-choice-card-collapsible{border-color:rgb(120, 145, 164)}:host(:not(.no-hover):not(.disabled):hover) .duet-theme-turva>.duet-choice-card-collapsible:not(.checked){border-color:rgb(120, 145, 164)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(23, 42, 59)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(120, 145, 164)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(120, 145, 164)}';const j=class{constructor(t){e(this,t),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.required=!1,this.accessibleLiveError="polite",this.childObserverCallback=e=>{e.some((e=>{var t;return(null===(t=e.removedNodes)||void 0===t?void 0:t.length)>0&&Array.from(e.removedNodes.values()).some((e=>"duet-choice"===e.nodeName.toLowerCase()&&this.choices.has(e)))}))&&this.updateChoices()},this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const t=e.target;t&&this.choices.has(t)&&(this.value=t.value)},this.onChoiceReady=()=>{this.updateChoices()}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){this.childObserver=new MutationObserver(this.childObserverCallback.bind(this)),this.childObserver.observe(this.element,{childList:!0,subtree:!0}),this.setInitialValue(),this.updateChoices()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}componentWillLoad(){c(this),this.removeDisabledAttributeWhenFalse(),x(this.element,"tooltip","duet-tooltip",1,!0)}setInitialValue(){void 0===this.initialValue&&(this.initialValue=this.value)}async getInitialValue(){return this.initialValue}async updateChoices(){var e;const t=null!==(e=this.value)&&void 0!==e?e:this.initialValue,i=Array.from(this.element.querySelectorAll("duet-choice")),o=i.filter((e=>!i.includes(e.parentElement.closest("duet-choice"))));let a=!1;this.choices.clear(),o.forEach((e=>this.choices.add(e)));for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive?this.breakpoint:void 0,a||e.value!==t?e.checked=!1:(a=!0,e.checked=!0,void 0===this.value&&(this.value=t));a||(this.value=void 0)}render(){return i(o,{key:"94d0ad93557a1487328291dec3786b2a54809a33",onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},i("duet-fieldset",{key:"21ef6afa85bf7d3dddc001aae2583adbd3dee304",label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&i("duet-tooltip",{key:"5ff31a8282e6e7eace9d2bb035d325af2d073fea",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"8e9b7d9abb95cd49f4bbc5fa9a694c2691a32c7d",name:"tooltip",slot:"tooltip"}),i("div",{key:"be989adb0d4a5794d0132a3ee00979cf1bf79bd9",class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},i("slot",{key:"725c965b94dd5e8555d9e2e450ac6d61e74cefb6"}))))}get element(){return a(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateChoices"],value:["setInitialValue","updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};j.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;display:block;width:100%}:host(.horizontal) .duet-choice-group{display:block;margin-bottom:-12px}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:flex}@media (min-width: 48em){:host(.horizontal) .duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){:host(.horizontal) .duet-choice-group{display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:block}}:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{C as duet_choice,j as duet_choice_group}
|
|
4
|
+
import{r as e,c as t,h as i,H as o,g as a}from"./p-D4MpGrUR.js";import{g as r}from"./p-DvwKrUS6.js";import{i as c}from"./p-B44ykle6.js";import{a as d}from"./p-8RjiAqaE.js";import{c as s}from"./p-Cfr_DJqU.js";import{i as h,n,s as l,u,a as b}from"./p-BaefVzkx.js";import{g as p,a as m,c as g,d as f}from"./p-B0XOGsB6.js";import{h as k,a as v,c as x}from"./p-BWz_ChlU.js";import"./p-C6E9F6QT.js";var y,w,z=r(w?y:(w=1,y={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'}));const C=class{constructor(i){e(this,i),this.duetChoiceReady=t(this,"duetChoiceReady",7),this.duetChange=t(this,"duetChange",7),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.hasHeader=!1,this.choiceId=s("DuetChoice"),this.expandId=s("DuetChoiceExpand"),this.headerId=s("DuetChoiceHeader"),this.infoButtonId=s("DuetChoiceInfoButton"),this.isHovering=!1,this.isInfoOpen=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=d,this.accessibleLabelInfoButton=p(this.accessibleLabelInfoButtonDefaults),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.type="checkbox",this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=p(this.infoLabelDefaults,m()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=p(this.collapsibleNotificationDefaults,m()),this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onChange),e.removeEventListener("keydown",this.handleKeyDown),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onChange),e.addEventListener("keydown",this.handleKeyDown),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.inputSetUp=()=>{const e=this.element.querySelectorAll(":scope > input"),t=e[e.length-1]||document.createElement("input");t.slot="choiceinput",t.disabled=this.getDisabled(),t.id=this.identifier||this.choiceId,t.type=this.type,t.name!==this.name&&(t.name=this.name),t.value=this.value,t.checked=this.checked,t.required=this.required,t.ariaDescription=this.accessibleDescription,this.accessibleControls&&t.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&t.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleLabelledBy&&t.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&t.setAttribute("aria-details",this.accessibleDetails),this.accessibleOwns&&t.setAttribute("aria-owns",this.accessibleOwns),this.getAriaDescribedby()&&t.setAttribute("aria-describedby",this.getAriaDescribedby()),t.ariaLabel=this.getLabel(),e.length>0?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{h(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.focusableElement.checked,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),this.getDisabled()||"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"}))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}),150)}}componentWillLoad(){c(this),this.hasInfo=k(this.element,"info"),this.hasHeader=k(this.element,"header"),this.hasAdditional=k(this.element,"additional"),this.hasLabel=k(this.element,"label"),this.hasBeforeText=k(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){g(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),l(this),this.duetChoiceReady.emit()}componentDidRender(){this.inputSetUp()}disconnectedCallback(){f(this),u(this)}async setFocus(e){this.focusableElement.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}handleEscape(e){b(e)&&this.isInfoOpen&&(this.isInfoOpen=!1,this.infoButtonEl&&this.infoButtonEl.focus())}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>t.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:(this.collapsible||this.hasInfo)&&this.getExpanded()?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}getLabel(){let e="",t="",i="";if(this.hasLabel){const t=v(this.element,"label");e=t.length>0?t[0].textContent:""}if(this.hasBeforeText){const e=v(this.element,"before-text");t=e.length>0?e[0].textContent:""}if(this.hasAdditional){const e=v(this.element,"additional");i=e.length>0?e[0].textContent:""}return`${t} ${this.hasLabel?e:this.label} ${this.caption} ${i}`}render(){return i(o,{key:"161ca837a384fd96fde8171eb0ee9a922f348740",class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,[`horizontal-responsive-${this.groupResponsive}`]:"horizontal"===this.groupDirection&&!!this.groupResponsive,"vertical-stretch":"horizontal"===this.groupDirection,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},i("div",{key:"9b1f7f73d1e644294e06780f748a5b5c86f3c419",class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},i("div",{key:"5bd120316eff11e496393cc3d41401c7523d1fdc",class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},i("slot",{key:"25b753b3d13766c86e7c03e48ecde9ee345151c9",name:"choiceinput"}),i("label",{key:"d113e5e6012cd5606552b6964c0f792b992483af",class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText,checked:this.checked,focus:this.focus,disabled:this.getDisabled()},onClick:this.onClick},this.hasBeforeText&&i("slot",{key:"1ab6a902a2a1e6ea5ab7e075a2318482cf0a1f75",name:"before-text"}),this.icon&&i("div",{key:"524b6f9260ab2e3bab12f933ad14e744b1401a12",class:"duet-choice-card-icon"},i("duet-icon",{key:"b969cf6e06ffaf643aa701c37d4541e36f4e16a8",margin:"none",size:"small",name:this.icon,color:"currentColor"})),i("div",{key:"9cc50495673c27a7c6a5f3bdb14c609e6a4601f8",class:"duet-choice-card-text"},i("div",{key:"c87f5c7fbfcb824cd962b47f5b245b0d113cb04b"},this.hasLabel?i("slot",{name:"label"}):this.label),this.caption&&i("div",{key:"8b325a22769d880383b1b3b24e531306b83bc082"},i("duet-spacer",{key:"7d0b9e0b85d3ed5d5da0bcad6991d17ceb385587",size:"xx-small"}),i("duet-caption",{key:"3a3a799147caa313ca58a101dc47e5149c0c214f",margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&i("div",{key:"ebea33b278a48a2d1277df23682aff24ffca5f93"},i("duet-spacer",{key:"c06cf1daace2056cfc11c90e2fdbe2e3d5a02281",size:"xx-small"}),i("slot",{key:"952ec73f80beb3dc70550cc7f294f3cc19466109",name:"additional"}))),i("div",{key:"c011bec512f287c09ac07c7eb27351bdf035d95f"},i("div",{key:"df64779e16fd3eb7a476794b11516433f7d9cdce",class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&i("div",{key:"94314b297dc613c45adaa647eeec06f93b01e325",class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&i("button",{key:"dd3fc995ac9ac436708557efc5319b7c081d76e8",ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button",onKeyUp:e=>this.handleEscape(e)},i("div",{key:"a78097639b91f3c310e490e8cfc23040a7dfcb48",class:"duet-choice-info-icon"},i("duet-icon",{key:"a4a43850eb0cbbb171ff87b7834e135247d5f4c8",icon:z.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&i("span",{key:"d081dffa05b32cd86475b5dcaed06d8d12af4b85",id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?i("div",{class:this.getClassNames(),id:this.expandId},i("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},i("span",{id:this.headerId},i("slot",{name:"header"})),this.hasInfo?i("span",{ref:e=>this.infoContainer=e,tabindex:"-1",class:"duet-choice-info-container",onKeyUp:e=>this.handleEscape(e)},i("span",null,i("slot",{name:"info"})),i("slot",null)):i("span",{id:`${this.choiceId}-collapsible-content`},i("slot",null)))):null)}get element(){return a(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;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}: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 (max-width: 35.9375em){:host{width:100%}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(.vertical){margin-right:0 !important}@media (min-width: 48em){:host(.horizontal){margin-bottom:0 !important}}@media (min-width: 22.5em){:host(.horizontal-responsive-x-small){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-x-small):last-child,:host(.horizontal-responsive-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-x-small):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 36em){:host(.horizontal-responsive-small){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-small):last-child,:host(.horizontal-responsive-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-small):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 48em){:host(.horizontal-responsive-medium){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-medium):last-child,:host(.horizontal-responsive-medium):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-medium):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 62em){:host(.horizontal-responsive-large){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-large):last-child,:host(.horizontal-responsive-large):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-large):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 64.0625em){:host(.horizontal-responsive-x-large){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-x-large):last-child,:host(.horizontal-responsive-x-large):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-x-large):last-of-type:not(:last-child){margin-right:16px !important}}:host(:last-child:not(:only-child)){margin-right:0 !important}:host(.vertical-stretch) .duet-choice-card-flextainer{height:100%}:host(.vertical-stretch) .duet-choice-card-flextainer .duet-choice-label{align-items:flex-start}:host(.vertical-stretch) .duet-choice-card-flextainer .duet-choice-label>div{margin-top:0.25rem}.duet-choice-card{position:relative;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;-webkit-hyphens:auto;hyphens:auto;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0{padding:0 !important}.duet-choice-card.duet-m-0{margin:0 !important}.duet-choice-card-flextainer{display:flex}.duet-choice-label{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;word-break:break-word;text-decoration:none;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text .duet-choice-card-icon,.duet-choice-label.has-before-text .duet-choice-card-text{align-self:flex-start;margin-top:0.25rem}.duet-choice-label .duet-choice-card-text{flex:1}.duet-choice-label>div:last-child{flex:0 1 0;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info .duet-choice-label{border-top-right-radius:0;border-bottom-right-radius:0}.info .duet-choice-label{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-choice-label:active{opacity:0.75;transition:none !important}.checked>.duet-choice-label{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(0, 119, 179)}.checked.collapsible>.duet-choice-label,.collapsible-force-expanded.collapsible>.duet-choice-label{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(127, 150, 165)}:host(:not(.no-hover):not(.disabled):not([checked]):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){padding:1rem}input:focus{outline:0}.focus.duet-choice-label{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .focus.duet-choice-label,.focus.duet-choice-label.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.disabled.duet-choice-label{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.disabled.duet-choice-label .duet-choice-card-icon{color:rgb(98, 121, 138)}.disabled.duet-choice-label .duet-checkmark{border-color:rgb(98, 121, 138) !important}.disabled.duet-choice-label:hover,.disabled.duet-choice-label:active,.disabled.duet-choice-label:focus{outline:none !important;opacity:1 !important;transition:none !important}.checked>.disabled.duet-choice-label{border-color:rgb(127, 150, 165) !important}.duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.checked>.duet-choice-label .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.checked>label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon{position:relative;color:rgb(0, 119, 179)}.duet-choice-card-icon duet-icon{display:block}.duet-choice-section-hidden{display:none}.duet-choice-card-info.duet-choice-card-collapsed,.duet-choice-card-collapsed.duet-choice-card-collapsible{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info,.duet-choice-card-collapsible{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info,.duet-choice-card-collapsible{padding:28px !important}}.checked>.duet-choice-card-info,.checked>.duet-choice-card-collapsible{display:block}.duet-choice-card-info-expanded,.duet-choice-card-collapsible-expanded{display:block}.duet-choice-card-collapsible{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.checked{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible-disabled{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 223, 229)}.duet-choice-card-info{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*){display:none}:host(.user-is-tabbing) .duet-choice-info-container:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);display:block}.duet-theme-turva :host(.user-is-tabbing) .duet-choice-info-container:focus,:host(.user-is-tabbing) .duet-choice-info-container:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:host(.disabled) .duet-choice-card-collapsible{border-color:rgb(127, 150, 165)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px}.duet-choice-info-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-choice-info-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-choice-info-toggle:focus,:host(.user-is-tabbing) .duet-choice-info-toggle:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled]{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(127, 150, 165) !important}.checked+.duet-choice-info-toggle{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle duet-icon{display:block}.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(0, 119, 179)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(127, 150, 165)}.duet-choice-input,*::slotted([slot=choiceinput]){position:absolute !important;width:100%;height:100%;opacity:0}.duet-theme-turva .duet-choice-card{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, 42, 59) !important}.duet-theme-turva .duet-choice-label{border-color:rgb(178, 194, 205)}.info .duet-theme-turva .duet-choice-label{border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-choice-label.disabled{color:rgb(120, 145, 164) !important;background:rgb(245, 246, 247) !important;border-color:rgb(212, 221, 226) !important}.duet-theme-turva .duet-choice-label.disabled .duet-choice-card-icon{color:rgb(120, 145, 164)}.duet-theme-turva .duet-choice-label.disabled .duet-checkmark{border-color:rgb(120, 145, 164) !important}.duet-theme-turva .checked>.duet-choice-label{background:rgb(245, 246, 247);border-color:rgb(23, 42, 59) !important}.duet-theme-turva .checked>.duet-choice-label.disabled{border-color:rgb(120, 145, 164) !important}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-choice-card-icon{color:rgb(185, 3, 41)}.duet-theme-turva.duet-choice-card-info,.duet-theme-turva.duet-choice-card-collapsible{color:rgb(23, 42, 59);background:rgb(255, 255, 255);border-color:rgb(23, 42, 59)}.duet-theme-turva.duet-choice-card-collapsible{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-choice-card-collapsible.checked{border-color:rgb(23, 42, 59)}.duet-theme-turva.duet-choice-card-collapsible-disabled{background:rgb(245, 246, 247);border-color:rgb(212, 221, 226)}.duet-theme-turva.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 221, 226)}.duet-theme-turva.duet-choice-card-info{background:rgb(245, 246, 247);border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-checkmark-container{border-color:rgb(120, 145, 164)}.checked>.duet-choice-label .duet-theme-turva .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-theme-turva label.disabled .duet-checkmark-container{border-color:rgb(178, 194, 205) !important}.duet-theme-turva .checked>label.disabled .duet-checkmark-container{background:rgb(178, 194, 205) !important;border-color:rgb(178, 194, 205) !important}.duet-theme-turva.duet-choice-info-toggle{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 246, 247);border-bottom-color:transparent}.duet-theme-turva.duet-choice-info-toggle[disabled]{background:rgb(245, 246, 247) !important;border-color:rgb(212, 221, 226) !important}.duet-theme-turva.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(120, 145, 164) !important}.duet-theme-turva.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(230, 23, 64)}:host(.disabled) .duet-theme-turva.duet-choice-card-collapsible{border-color:rgb(120, 145, 164)}:host(:not(.no-hover):not(.disabled):hover) .duet-theme-turva>.duet-choice-card-collapsible:not(.checked){border-color:rgb(120, 145, 164)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(23, 42, 59)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(120, 145, 164)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(120, 145, 164)}';const j=class{constructor(t){e(this,t),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.required=!1,this.accessibleLiveError="polite",this.childObserverCallback=e=>{e.some((e=>{var t;return(null===(t=e.removedNodes)||void 0===t?void 0:t.length)>0&&Array.from(e.removedNodes.values()).some((e=>"duet-choice"===e.nodeName.toLowerCase()&&this.choices.has(e)))}))&&this.updateChoices()},this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const t=e.target;t&&this.choices.has(t)&&(this.value=t.value)},this.onChoiceReady=()=>{this.updateChoices()}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){this.childObserver=new MutationObserver(this.childObserverCallback.bind(this)),this.childObserver.observe(this.element,{childList:!0,subtree:!0}),this.setInitialValue(),this.updateChoices()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}componentWillLoad(){c(this),this.removeDisabledAttributeWhenFalse(),x(this.element,"tooltip","duet-tooltip",1,!0)}setInitialValue(){void 0===this.initialValue&&(this.initialValue=this.value)}async getInitialValue(){return this.initialValue}async updateChoices(){var e;const t=null!==(e=this.value)&&void 0!==e?e:this.initialValue,i=Array.from(this.element.querySelectorAll("duet-choice")),o=i.filter((e=>!i.includes(e.parentElement.closest("duet-choice"))));let a=!1;this.choices.clear(),o.forEach((e=>this.choices.add(e)));for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive?this.breakpoint:void 0,a||e.value!==t?e.checked=!1:(a=!0,e.checked=!0,void 0===this.value&&(this.value=t));a||(this.value=void 0)}render(){return i(o,{key:"d310a51e8554b474adaaa10b91392effcac7e189",onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},i("duet-fieldset",{key:"a107c1b68c3227d3236020bb9721218f1be052fd",label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&i("duet-tooltip",{key:"0e45f60e7b2ebe7f30f0f87216bbcc176244f80a",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"d129fc812d0be8450b08588910c30be0b4db8a02",name:"tooltip",slot:"tooltip"}),i("div",{key:"e2ca5fd41342dd4b38442fbb718f2a06c1ba3237",class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},i("slot",{key:"12f74fdf5360122b6d5fef83495ba68dede524da"}))))}get element(){return a(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateChoices"],value:["setInitialValue","updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};j.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;display:block;width:100%}:host(.horizontal) .duet-choice-group{display:block;margin-bottom:-12px}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:flex}@media (min-width: 48em){:host(.horizontal) .duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){:host(.horizontal) .duet-choice-group{display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:block}}:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{C as duet_choice,j as duet_choice_group}
|
|
@@ -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 o,g as n}from"./p-B2cboDWM.js";import{i as a}from"./p-BzYmwX5_.js";import{a as r}from"./p-CFqvB5PA.js";import"./p-C6E9F6QT.js";const s=class{constructor(i){e(this,i),this.duetEvent=t(this,"duetEvent",7),this.previousYScroll=0,this.hidden=!1,this.onBottom=!1,this.logoSize="large",this.leftMoreVisible=!1,this.rightMoreVisible=!1,this.centerSlotUsed=!1,this.mediaQueryMediumMatches=!1,this.theme="",this.language=r(),this.logo=!0,this.hideOnScroll=!1,this.scrollbarCheck=()=>{this.leftMoreVisible=this.container.scrollLeft>0,this.rightMoreVisible=this.container.scrollLeft!==this.container.scrollWidth-this.container.clientWidth},this.scrollToActive=()=>{let e;this.element.querySelectorAll("[active]").forEach((t=>{t.active&&(e=t)})),e&&e.offsetLeft&&e.offsetLeft>50&&(this.container.scrollLeft=e.offsetLeft-this.element.getBoundingClientRect().width/2+e.offsetWidth/2)},this.checkCenterSlot=()=>{const e=this.element.querySelector('[slot="center"]');this.centerSlotUsed=!!e},this.handleLogoClick=e=>{this.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:this.logoHref},originalEvent:e})}}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hideOnScroll&&(clearTimeout(this.zindexTimer),this.onBottom=!0),this.hidden=!0):window.scrollY<150&&(this.hideOnScroll&&(this.zindexTimer=setTimeout((()=>{this.onBottom=!1}),300)),this.hidden=!1),this.previousYScroll=window.scrollY)}componentWillLoad(){a(this)}connectedCallback(){this.checkCenterSlot()}componentDidLoad(){setTimeout((()=>{this.scrollbarCheck(),this.scrollToActive(),this.checkCenterSlot()}),0)}onWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.scrollToActive()}),100)}render(){const e=document.querySelectorAll("duet-slideout").length>0;return i(o,{key:"0ebf784bb990ec8bd12412e38dd2ba2a78fb52b7"},i("nav",{key:"64c163dbdfb5179dae0026489a795e2834141a8a",class:{"duet-menu-bar":!0,"duet-theme-turva":"turva"===this.theme,"horizontal-nav":e&&!this.logo,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},i("div",{key:"f98ccc695bc530e42a1301dfd641cc370657db84",class:"top"}),i("div",{key:"d642b8235270592ef2fe2f8a0e09efc1f7c6642a",class:{container:!0,"with-info-text":!!this.logoInfoText&&!this.centerSlotUsed},ref:e=>this.container=e,onScroll:()=>this.scrollbarCheck()},this.logo&&i("div",{key:"0af4e7323cad0bd980ed583c1fca8d84d8bb91e5"},i("duet-logo",{key:"f6c4faec9956d31df570be2e37dcff785eb716e3",class:"medium",size:"medium",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"b32ee7cfe7ffdffe9daadb6a3e134fbd8f1a979a",class:"large",size:"large",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"2051733dc6d65e369f731cc2060cc7ffd64433a9",class:"only-symbol",onlySymbol:!0,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),this.logoInfoText&&!this.centerSlotUsed&&i("div",{key:"3e4aabaf4fe328670b3c0aac894219ed8d8948b8",class:{"duet-logo-info-text":!0,"duet-theme-turva":"turva"===this.theme}},this.logoInfoText)),i("div",{key:"69a656950f585ea5a403c2cbef0fe43a187c3fb9",class:"list center",role:"list"},i("div",{key:"c09b81f8d1445a9a6e160a17e8b2ae8385e48c32",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),i("slot",{key:"73b85aa0012107a492b4193248889d19dc4f0284",name:"center"}),i("div",{key:"d63135139588f5edde15aa4fe06db312f81c2d16",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),i("div",{key:"2e226edcf43265cfe66c6d593b852e22bc0b184c",class:"list right",role:"list"},i("slot",{key:"ff09b9aca19634847dec1ae050e29378cffee6eb",name:"right"}))),i("div",{key:"037e499130954d66e9a319da25bbf134fa53acec",class:"bottom"})))}get element(){return n(this)}};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;position:relative;width:100%;pointer-events:none}:host *{pointer-events:auto}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}.duet-menu-bar .container duet-logo.large,.duet-menu-bar .container duet-logo.only-symbol{display:none}.duet-menu-bar .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 76.25em){.duet-menu-bar .container duet-logo.medium{display:none}.duet-menu-bar .container duet-logo.large{display:block}}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-grow:1;flex-basis:0;justify-content:flex-start;width:auto;height:40px}@media (min-width: 76.25em){.duet-menu-bar .container>:first-child{height:48px}}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text){flex-grow:8}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text) duet-paragraph{max-height:100%}.duet-menu-bar .container>:last-child{flex-grow:1;flex-basis:0;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container .duet-logo-info-text{max-height:2.8875rem;padding-left:16px;margin-left:16px;overflow:hidden;text-overflow:ellipsis;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1;color:rgb(62, 84, 102);-webkit-hyphens:auto;hyphens:auto;border-left:1px solid rgb(212, 223, 229)}@media (min-width: 48em){.duet-menu-bar .container .duet-logo-info-text{max-height:3.3rem;font-size:1rem}}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.large{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .duet-menu-bar{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-theme-turva .duet-menu-bar{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.duet-theme-turva .center{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, 42, 59)}.duet-theme-turva .right{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, 42, 59)}.duet-theme-turva .duet-logo-info-text{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(53, 79, 101);border-left-color:rgb(212, 221, 226)}';export{s as duet_menu_bar}
|
|
4
|
+
import{r as e,c as t,h as i,H as o,g as n}from"./p-D4MpGrUR.js";import{i as a}from"./p-B44ykle6.js";import{a as r}from"./p-B0XOGsB6.js";import"./p-C6E9F6QT.js";const s=class{constructor(i){e(this,i),this.duetEvent=t(this,"duetEvent",7),this.previousYScroll=0,this.hidden=!1,this.onBottom=!1,this.logoSize="large",this.leftMoreVisible=!1,this.rightMoreVisible=!1,this.centerSlotUsed=!1,this.mediaQueryMediumMatches=!1,this.theme="",this.language=r(),this.logo=!0,this.hideOnScroll=!1,this.scrollbarCheck=()=>{this.leftMoreVisible=this.container.scrollLeft>0,this.rightMoreVisible=this.container.scrollLeft!==this.container.scrollWidth-this.container.clientWidth},this.scrollToActive=()=>{let e;this.element.querySelectorAll("[active]").forEach((t=>{t.active&&(e=t)})),e&&e.offsetLeft&&e.offsetLeft>50&&(this.container.scrollLeft=e.offsetLeft-this.element.getBoundingClientRect().width/2+e.offsetWidth/2)},this.checkCenterSlot=()=>{const e=this.element.querySelector('[slot="center"]');this.centerSlotUsed=!!e},this.handleLogoClick=e=>{this.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:this.logoHref},originalEvent:e})}}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hideOnScroll&&(clearTimeout(this.zindexTimer),this.onBottom=!0),this.hidden=!0):window.scrollY<150&&(this.hideOnScroll&&(this.zindexTimer=setTimeout((()=>{this.onBottom=!1}),300)),this.hidden=!1),this.previousYScroll=window.scrollY)}componentWillLoad(){a(this)}connectedCallback(){this.checkCenterSlot()}componentDidLoad(){setTimeout((()=>{this.scrollbarCheck(),this.scrollToActive(),this.checkCenterSlot()}),0)}onWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.scrollToActive()}),100)}render(){const e=document.querySelectorAll("duet-slideout").length>0;return i(o,{key:"8e72a749ab5f9a2b180ea11670931e4a5f1dfc48"},i("nav",{key:"13aa3dead3343cbd11debfec1c4e4c7b6d58ea41",class:{"duet-menu-bar":!0,"duet-theme-turva":"turva"===this.theme,"horizontal-nav":e&&!this.logo,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},i("div",{key:"f6f5066520f23e2f40105c60550f9ca09a3f3ce4",class:"top"}),i("div",{key:"1bc95be8d4b824e14c1ab97ea7b6131bdf80ae84",class:{container:!0,"with-info-text":!!this.logoInfoText&&!this.centerSlotUsed},ref:e=>this.container=e,onScroll:()=>this.scrollbarCheck()},this.logo&&i("div",{key:"1126ebdb087ef0879f0a3367a7c230d1b161e14c"},i("duet-logo",{key:"770ef75946420cf9122526af88eac7afec069ae2",class:"medium",size:"medium",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"400f1b37fe02584a549d7b20e9a8df46ecfdf1b3",class:"large",size:"large",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"91c920bbb82868d57688e80a8cb8ce9e0862d44a",class:"only-symbol",onlySymbol:!0,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),this.logoInfoText&&!this.centerSlotUsed&&i("div",{key:"fffe9b63fe88c88c7513747e8c7c4c6132a09bc3",class:{"duet-logo-info-text":!0,"duet-theme-turva":"turva"===this.theme}},this.logoInfoText)),i("div",{key:"7f0792cfa41b0056d5cc7cc307664b527d0b5936",class:"list center",role:"list"},i("div",{key:"0c670a1650d4733e837851a0205225e559bb62ed",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),i("slot",{key:"ff44edce07857e78676b4dbcf06f078d6974d15b",name:"center"}),i("div",{key:"6b742ff9c5f993a8814689cea374a5befc4c88ec",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),i("div",{key:"c1fd0a243705d349ff084880a3523c4ebf62d474",class:"list right",role:"list"},i("slot",{key:"1662a98510c36ad29a273cda970b3b91cc1a48ef",name:"right"}))),i("div",{key:"baa3b56ef2c6320468a982cc84052b1294638599",class:"bottom"})))}get element(){return n(this)}};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;position:relative;width:100%;pointer-events:none}:host *{pointer-events:auto}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}.duet-menu-bar .container duet-logo.large,.duet-menu-bar .container duet-logo.only-symbol{display:none}.duet-menu-bar .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 76.25em){.duet-menu-bar .container duet-logo.medium{display:none}.duet-menu-bar .container duet-logo.large{display:block}}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-grow:1;flex-basis:0;justify-content:flex-start;width:auto;height:40px}@media (min-width: 76.25em){.duet-menu-bar .container>:first-child{height:48px}}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text){flex-grow:8}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text) duet-paragraph{max-height:100%}.duet-menu-bar .container>:last-child{flex-grow:1;flex-basis:0;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container .duet-logo-info-text{max-height:2.8875rem;padding-left:16px;margin-left:16px;overflow:hidden;text-overflow:ellipsis;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1;color:rgb(62, 84, 102);-webkit-hyphens:auto;hyphens:auto;border-left:1px solid rgb(212, 223, 229)}@media (min-width: 48em){.duet-menu-bar .container .duet-logo-info-text{max-height:3.3rem;font-size:1rem}}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.large{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .duet-menu-bar{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-theme-turva .duet-menu-bar{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.duet-theme-turva .center{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, 42, 59)}.duet-theme-turva .right{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, 42, 59)}.duet-theme-turva .duet-logo-info-text{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(53, 79, 101);border-left-color:rgb(212, 221, 226)}';export{s as duet_menu_bar}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as e,h as i,H as o,g as a}from"./p-B2cboDWM.js";import{i as s}from"./p-BzYmwX5_.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as d,h,c as n}from"./p-5lFzA17H.js";import{f as l,w as b}from"./p-BmMFVM-y.js";const c=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",7),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.focus=!1,this.radioId=r("DuetRadio"),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.margin="auto",this.theme="",this.disabled=!1,this.required=!1,this.blockEvents=!1,this.label="label",this.radioInputListenersRemove=t=>{t.removeEventListener("change",this.onChange),t.removeEventListener("focus",this.onFocus),t.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=t=>{t.addEventListener("change",this.onChange),t.addEventListener("focus",this.onFocus),t.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const t=this.element.querySelector("input"),e=t||document.createElement("input");if(e.slot="input",e.disabled=!(!this.disabled&&!this.groupDisabled)||void 0,e.id=this.identifier||this.radioId,e.type="radio",e.name!==this.name&&(e.name=this.name),e.value=this.value,e.checked=this.checked,this.accessibleIndex&&(e.tabIndex=Number(this.accessibleIndex)),e.required=this.required,e.role=this.role,this.accessibleControls&&e.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&e.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleOwns&&e.setAttribute("aria-owns",this.accessibleOwns),this.accessibleDescribedBy&&e.setAttribute("aria-describedby",this.accessibleDescribedBy),this.accessibleLabelledBy&&e.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&e.setAttribute("aria-details",this.accessibleDetails),this.accessibleDescription&&e.setAttribute("aria-description",this.accessibleDescription),this.hasLabel){const t=d(this.element,"label");e.ariaLabel=t.length>0?t[0].textContent:this.labelElement.textContent}else e.ariaLabel=this.labelElement.textContent;t?this.radioInputListenersRemove(e):this.element.appendChild(e),this.radioInputListenersAdd(e),this.focusableElement=e},this.onChange=t=>{this.checked=this.focusableElement.checked,this.checked&&!this.blockEvents&&this.duetChange.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})}}componentWillLoad(){s(this),this.hasLabel=h(this.element,"label"),void 0===this.value&&(this.value=this.identifier)}componentDidRender(){this.radioInputSetUp()}async setFocus(t){this.focusableElement.focus(t)}render(){return i(o,{key:"538a0bdaa3132fcfbd68a8f970f1dc9b8c2f1198",class:{vertical:"vertical"===this.groupDirection,horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin}},i("div",{key:"0e11d68ec02df3163c3dc1524cff2bbff950a496",class:{"duet-radio-container":!0,"duet-theme-turva":"turva"===this.theme}},i("slot",{key:"fdf09172f67232d5b2a689b1f1368bb5da931319",name:"input"}),i("label",{key:"516d9ba003ab05b3f7069b46ecfd471df3e4de3e",inert:!0,ref:t=>this.labelElement=t,class:{"duet-label":!0,checked:this.checked,focus:this.focus,disabled:this.disabled||this.groupDisabled}},i("div",{key:"b525b0a79e22eeb0b4fa8bdfdb854733d66acf2b",class:"duet-label-content"},this.hasLabel?i("slot",{name:"label"}):this.label))))}get element(){return a(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;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;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:28px !important}:host(.vertical){margin-right:0 !important}:host(.horizontal){margin-bottom:0 !important;width:auto}:host(.horizontal) .duet-label .duet-label-content{max-width:100%}@media (min-width: 48em){:host(.horizontal-responsive){margin-right:28px !important;margin-bottom:0 !important;width:auto}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive):last-of-type:not(:last-child){margin-right:28px !important}:host(.horizontal-responsive) .duet-label .duet-label-content{max-width:100%}}:host(.duet-m-0){margin:0 !important}:host(:last-child:not(:only-child)){margin-right:0 !important;margin-bottom:0 !important}.duet-label{position:relative;z-index:100;display:flex;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);hyphens:auto;word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-label .duet-label-content{flex-grow:1;font-size:1rem}.duet-label-hidden .duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-radio-container{position:relative;width:100%;height:100%}.duet-label::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:50%}.duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-label.focus::before,.duet-label.focus::before.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-label.checked::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 119, 179);border-radius:50%}.duet-label.disabled{color:rgb(98, 121, 138)}.duet-label.disabled::before{border-color:rgb(181, 198, 208)}.duet-label.disabled.checked::before{border:1px solid rgb(127, 150, 165)}.duet-label.disabled.checked::after{background:rgb(127, 150, 165)}*::slotted([slot=input]){padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}*::slotted([slot=input][disabled]){cursor:default}.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, 42, 59)}.duet-theme-turva .duet-radio+label::before{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-label.checked::after{background:rgb(23, 42, 59)}.duet-theme-turva .duet-label.disabled{color:rgb(120, 145, 164)}.duet-theme-turva .duet-label.disabled::before{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-label.disabled.checked::after{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio:checked+label::after{background:rgb(23, 42, 59)}.duet-theme-turva .duet-radio[disabled]+label{color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio[disabled]+label::before{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio[disabled]:checked+label::after{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}';const u=class{constructor(e){t(this,e),this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.tooltip="",this.tooltipDirection="auto",this.label="Label",this.labelHidden=!1,this.caption="",this.responsive=!1,this.required=!1,this.accessibleLiveError="polite",this.onSelect=t=>{const e=t.target;e&&(this.value=e.value),t.cancelBubble=!0}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){const t=this.element;if(void 0===this.value){const e=l(t,"duet-radio");void 0!==e&&(await e.componentOnReady(),void 0===this.value&&(this.value=e.value))}this.mutationO=b(t,"duet-radio",(t=>{void 0!==t?t.componentOnReady().then((()=>{this.value=t.value})):this.updateRadios()})),this.updateRadios()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){s(this),this.removeDisabledAttributeWhenFalse(),n(this.element,"tooltip","duet-tooltip",1,!0)}async updateRadios(){const t=Array.from(this.element.querySelectorAll("duet-radio")),{value:e}=this;let i=!1;for(const o of t)o.name=this.name,o.required=this.required,o.groupDisabled=this.disabled,o.groupDirection=this.direction,o.groupResponsive=this.responsive,i||o.value!==e?o.checked=!1:(i=!0,o.checked=!0);i||(this.value=void 0)}render(){return i(o,{key:"bcae2d75b5843767deb9fc0900ee68751331a011",onDuetChange:this.onSelect,class:{horizontal:"horizontal"===this.direction}},i("duet-fieldset",{key:"41c1b4a25bef2baac49fc5abef7713582a2e8f1b",label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&i("duet-tooltip",{key:"af6c3a5dca20b7665e51bd0bf20923779bfd09bb",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"6e970de16b4e67c79ab27d45a223ec5989dfb51e",name:"tooltip",slot:"tooltip"}),i("div",{key:"4b6385af491f148c5122dd990db0ef05ae8c7c6f",class:{"duet-radio-group":!0,"duet-no-stacking":!this.responsive}},i("slot",{key:"4d79f47f0f3ab231307045a4c3bfbff89df1b75d"}))))}get element(){return a(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateRadios"],name:["updateRadios"],value:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}}};u.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;display:block;width:100%}:host(.horizontal) .duet-radio-group{display:block}@media (min-width: 48em){:host(.horizontal) .duet-radio-group{display:flex}}:host(.horizontal) .duet-radio-group.duet-no-stacking{display:flex}.deut-radio-group{width:100%}";export{c as duet_radio,u as duet_radio_group}
|
|
4
|
+
import{r as t,c as e,h as i,H as o,g as a}from"./p-D4MpGrUR.js";import{i as s}from"./p-B44ykle6.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as d,h,c as n}from"./p-BWz_ChlU.js";import{f as l,w as b}from"./p-BmMFVM-y.js";const c=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",7),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.focus=!1,this.radioId=r("DuetRadio"),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.margin="auto",this.theme="",this.disabled=!1,this.required=!1,this.blockEvents=!1,this.label="label",this.radioInputListenersRemove=t=>{t.removeEventListener("change",this.onChange),t.removeEventListener("focus",this.onFocus),t.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=t=>{t.addEventListener("change",this.onChange),t.addEventListener("focus",this.onFocus),t.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const t=this.element.querySelector("input"),e=t||document.createElement("input");if(e.slot="input",e.disabled=!(!this.disabled&&!this.groupDisabled)||void 0,e.id=this.identifier||this.radioId,e.type="radio",e.name!==this.name&&(e.name=this.name),e.value=this.value,e.checked=this.checked,this.accessibleIndex&&(e.tabIndex=Number(this.accessibleIndex)),e.required=this.required,e.role=this.role,this.accessibleControls&&e.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&e.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleOwns&&e.setAttribute("aria-owns",this.accessibleOwns),this.accessibleDescribedBy&&e.setAttribute("aria-describedby",this.accessibleDescribedBy),this.accessibleLabelledBy&&e.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&e.setAttribute("aria-details",this.accessibleDetails),this.accessibleDescription&&e.setAttribute("aria-description",this.accessibleDescription),this.hasLabel){const t=d(this.element,"label");e.ariaLabel=t.length>0?t[0].textContent:this.labelElement.textContent}else e.ariaLabel=this.labelElement.textContent;t?this.radioInputListenersRemove(e):this.element.appendChild(e),this.radioInputListenersAdd(e),this.focusableElement=e},this.onChange=t=>{this.checked=this.focusableElement.checked,this.checked&&!this.blockEvents&&this.duetChange.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})}}componentWillLoad(){s(this),this.hasLabel=h(this.element,"label"),void 0===this.value&&(this.value=this.identifier)}componentDidRender(){this.radioInputSetUp()}async setFocus(t){this.focusableElement.focus(t)}render(){return i(o,{key:"7042b59543dd4cf7627ca41b07a3fee3598c684d",class:{vertical:"vertical"===this.groupDirection,horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin}},i("div",{key:"39a07c45edaba71d4380c430c48a9f8f2d5e6786",class:{"duet-radio-container":!0,"duet-theme-turva":"turva"===this.theme}},i("slot",{key:"5c3161f12b2def6f54245a063751ba5608fa13fd",name:"input"}),i("label",{key:"a98ef594efee0f9ef478eb4163c4757dec88b3b4",inert:!0,ref:t=>this.labelElement=t,class:{"duet-label":!0,checked:this.checked,focus:this.focus,disabled:this.disabled||this.groupDisabled}},i("div",{key:"a1293298a68f71ccf0b6bba309bae33ff66932a9",class:"duet-label-content"},this.hasLabel?i("slot",{name:"label"}):this.label))))}get element(){return a(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;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;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:28px !important}:host(.vertical){margin-right:0 !important}:host(.horizontal){margin-bottom:0 !important;width:auto}:host(.horizontal) .duet-label .duet-label-content{max-width:100%}@media (min-width: 48em){:host(.horizontal-responsive){margin-right:28px !important;margin-bottom:0 !important;width:auto}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive):last-of-type:not(:last-child){margin-right:28px !important}:host(.horizontal-responsive) .duet-label .duet-label-content{max-width:100%}}:host(.duet-m-0){margin:0 !important}:host(:last-child:not(:only-child)){margin-right:0 !important;margin-bottom:0 !important}.duet-label{position:relative;z-index:100;display:flex;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);hyphens:auto;word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-label .duet-label-content{flex-grow:1;font-size:1rem}.duet-label-hidden .duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-radio-container{position:relative;width:100%;height:100%}.duet-label::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:50%}.duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-label.focus::before,.duet-label.focus::before.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-label.checked::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 119, 179);border-radius:50%}.duet-label.disabled{color:rgb(98, 121, 138)}.duet-label.disabled::before{border-color:rgb(181, 198, 208)}.duet-label.disabled.checked::before{border:1px solid rgb(127, 150, 165)}.duet-label.disabled.checked::after{background:rgb(127, 150, 165)}*::slotted([slot=input]){padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}*::slotted([slot=input][disabled]){cursor:default}.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, 42, 59)}.duet-theme-turva .duet-radio+label::before{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-label.checked::after{background:rgb(23, 42, 59)}.duet-theme-turva .duet-label.disabled{color:rgb(120, 145, 164)}.duet-theme-turva .duet-label.disabled::before{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-label.disabled.checked::after{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio:checked+label::after{background:rgb(23, 42, 59)}.duet-theme-turva .duet-radio[disabled]+label{color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio[disabled]+label::before{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio[disabled]:checked+label::after{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}';const u=class{constructor(e){t(this,e),this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.tooltip="",this.tooltipDirection="auto",this.label="Label",this.labelHidden=!1,this.caption="",this.responsive=!1,this.required=!1,this.accessibleLiveError="polite",this.onSelect=t=>{const e=t.target;e&&(this.value=e.value),t.cancelBubble=!0}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){const t=this.element;if(void 0===this.value){const e=l(t,"duet-radio");void 0!==e&&(await e.componentOnReady(),void 0===this.value&&(this.value=e.value))}this.mutationO=b(t,"duet-radio",(t=>{void 0!==t?t.componentOnReady().then((()=>{this.value=t.value})):this.updateRadios()})),this.updateRadios()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){s(this),this.removeDisabledAttributeWhenFalse(),n(this.element,"tooltip","duet-tooltip",1,!0)}async updateRadios(){const t=Array.from(this.element.querySelectorAll("duet-radio")),{value:e}=this;let i=!1;for(const o of t)o.name=this.name,o.required=this.required,o.groupDisabled=this.disabled,o.groupDirection=this.direction,o.groupResponsive=this.responsive,i||o.value!==e?o.checked=!1:(i=!0,o.checked=!0);i||(this.value=void 0)}render(){return i(o,{key:"efd5c1575bcaa27689fda3d887405f1f8c89d40b",onDuetChange:this.onSelect,class:{horizontal:"horizontal"===this.direction}},i("duet-fieldset",{key:"e7a49a48e778e7536ec79e4dd3f6cc1657c38f39",label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&i("duet-tooltip",{key:"bb72a0c834b31079cd07c6894c98192f346876a7",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"8e0657188162e21abc47f50b341776e83b358476",name:"tooltip",slot:"tooltip"}),i("div",{key:"800d524204ac076c087cdd7916077613b454475d",class:{"duet-radio-group":!0,"duet-no-stacking":!this.responsive}},i("slot",{key:"265f7219a181ecc24adf1708a1dd3e2d69b23253"}))))}get element(){return a(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateRadios"],name:["updateRadios"],value:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}}};u.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;display:block;width:100%}:host(.horizontal) .duet-radio-group{display:block}@media (min-width: 48em){:host(.horizontal) .duet-radio-group{display:flex}}:host(.horizontal) .duet-radio-group.duet-no-stacking{display:flex}.deut-radio-group{width:100%}";export{c as duet_radio,u as duet_radio_group}
|
|
@@ -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 r,g as a}from"./p-
|
|
4
|
+
import{r as e,h as t,H as r,g as a}from"./p-D4MpGrUR.js";import{i as o}from"./p-B44ykle6.js";import{g as d}from"./p-B0XOGsB6.js";import{g as i}from"./p-DYmL1tSl.js";import"./p-C6E9F6QT.js";import"./p-kkZE1C6Z.js";const b=class{constructor(t){e(this,t),this.observers=[],this.breadcrumbsAriaLabel=d({fi:"Murupolku",sv:"Ströbröd",en:"Breadcrumbs"}),this.theme="",this.variation="header",this.color=""}componentWillLoad(){o(this),this.children=Array.from(this.element.children)}connectedCallback(){Array.from(this.element.children).forEach((e=>{const t=new MutationObserver((()=>this.children=Array.from(this.element.children)));t.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.observers=[...this.observers,t]}))}disconnectedCallback(){this.observers.forEach((e=>e.disconnect())),this.observers=[]}render(){const e=i(this.color);return t(r,{key:"ab03b4aa8bcf48ddeff80051a517ecf300237412"},t("nav",{key:"1d5340bff7dd6a6d9a1274f7828b95e03bf4a286","aria-label":this.breadcrumbsAriaLabel,class:{"duet-breadcrumbs":!0,"duet-theme-turva":"turva"===this.theme,[this.variation]:!0}},t("div",{key:"60f82a58dbb43c750705c5ed6474bf5ba12d430e",class:"container"},t("div",{key:"101eba23f14489d117dc44c147538b706407ec49",role:"list",class:"list",style:{color:e}},t("slot",{key:"5880a8ee0defaffd580df6b65637c293f142f65d"})),t("div",{key:"5f2d386090b2e1a53cc327e976da14b33fe59c09",class:"bottom-border bottom-border--container"})),t("div",{key:"1bd939603a8c00a99060b3bb6dbdfa157efa0b41",class:"bottom-border bottom-border--nav"})))}get element(){return a(this)}};b.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;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px 0 20px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;align-items:center;justify-content:flex-start;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}.duet-breadcrumbs.duet-theme-turva.header{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}.duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover{color:rgb(140, 0, 30)}.duet-breadcrumbs.duet-theme-turva.footer{color:rgb(255, 255, 255);background:rgb(230, 23, 64)}';export{b as duet_breadcrumbs}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{E as t,r as e,h as i,H as
|
|
4
|
+
import{E as t,r as e,h as i,H as s,g as o}from"./p-D4MpGrUR.js";import{i as n}from"./p-B44ykle6.js";import{g as a,r as d}from"./p-DYmL1tSl.js";import"./p-kkZE1C6Z.js";const r=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let e=0;e<t.attributes.length;e++)if(0===t.attributes[e].name.toLowerCase().indexOf("on"))return!1;if(t.children)for(let e=0;e<t.children.length;e++)if(!r(t.children[e]))return!1;return!0},h={};const c=class{constructor(t){e(this,t),this.theme="",this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.backgroundOpacity=1,this.backgroundRotation=0,this.size="medium",this.outline="",this.shape="circle"}async componentWillLoad(){n(this),this.src&&this.icon&&console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src),await this.loadIcon(null,null)}async loadIcon(e,i){if(this.icon)return void(this.svgContent=this.icon);if(this.element.shadowRoot.querySelector("svg")&&!this.svgContent){if(null===i&&null===e)return;if(this.element.shadowRoot.querySelector(`.duet-icon-svg[data-name="${e}"]`))return}const s=this.src?this.src:this.name?(e=>{const i=window.duetcdnuri?window.duetcdnuri:t.cdnURIProd;return i.includes("localhost")?`${i}/icons/lib/assets/${e}.svg`:`${i}/icons/${t.duetIconVersion}/lib/assets/${e}.svg`})(this.name):"";if(s)try{this.svgContent=await function(t){if(h[t])return h[t];const e=async function(){const e=await fetch(t);if(!e.ok)throw new Error(`SVG request failed: ${e.status} ${e.statusText}`);const i=(t=>{if("undefined"==typeof document||!t)return;const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--)"svg"!==e.childNodes[t].nodeName.toLowerCase()&&e.removeChild(e.childNodes[t]);return e.firstElementChild})(await e.text());if(!r(i))throw new Error("SVG validation failed");const s=document.createElement("div");return s.appendChild(i),s.innerHTML}();return h[t]=e}(s)}catch(t){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${s}.`,t)}else this.svgContent=""}render(){const t="currentColor"===this.color?"currentColor":a(this.color,this.theme)||a(this.outline,this.theme),e=this.backgroundRotation?{transform:`rotate(${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},o=Object.assign({color:t,background:d(a(this.background,this.theme),this.backgroundOpacity),"border-color":a(this.outline,this.theme)},e),n=Object.assign({},this.backgroundRotation?{transform:`rotate(-${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{}),r="brand-rotated"===this.shape?"duet-icon-shape-brand":`duet-icon-shape-${this.shape}`;return i(s,{key:"4165c86903dae730023be910be36389c7151045d",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"9efda9e15441290db9c499f59fc3f4feed86e5b2","aria-hidden":"true",style:o,class:{"duet-icon":!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,[r]:!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme,"duet-icon-not-responsive":!this.responsive}},i("span",{key:"a59c6e8741e859747f51863e7677de1f95e71b29","aria-hidden":"true",class:{"duet-icon-svg":!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme},"data-name":this.name,innerHTML:this.svgContent,style:n})))}get element(){return o(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};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;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(7deg) scale(0.875);transform-origin:center}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-7deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}:host([size=auto]) .duet-icon-svg{width:100%;height:100%}:host([size=xxx-small]) .duet-icon-svg{width:7px;height:7px}:host([size=xxx-small]) .duet-icon-has-background{padding:6px}:host([size=xxx-small]) .duet-icon-has-outline{padding:4px}:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg{width:10px;height:10px}:host([size=xxx-small]) .duet-icon-shape-brand{padding:0}:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg{width:0;height:0}:host([size=xx-small]) .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-icon-has-background{padding:8px}:host([size=xx-small]) .duet-icon-has-outline{padding:7px}:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg{width:16px;height:16px}:host([size=xx-small]) .duet-icon-shape-brand{padding:4px}:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg{width:10px;height:10px}:host([size=x-small]) .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-icon-has-outline{padding:10px}:host([size=x-small]) .duet-icon-has-background{padding:12px}:host([size=x-small]) .duet-icon-shape-brand{padding:8px}:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg{width:16px;height:16px}:host([size=small]) .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-icon-has-background{padding:14px}:host([size=small]) .duet-icon-shape-brand{padding:8px}:host([size=small]) .duet-icon-shape-brand .duet-icon-svg{width:20px;height:20px}:host([size=medium]) .duet-icon-shape-brand{padding:12px}:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg{width:24px;height:24px}:host([size=large]) .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-icon-shape-brand{padding:16px}:host([size=large]) .duet-icon-shape-brand .duet-icon-svg{width:30px;height:30px}:host([size=x-large]) .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-icon-shape-brand{padding:20px}:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg{width:36px;height:36px}:host([size=xx-large]) .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-icon-shape-brand{padding:24px}:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg{width:48px;height:48px}:host([size=xxx-large]) .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){:host([size=xxx-large]) .duet-icon-svg{width:72px;height:72px}}:host([size=xxx-large]) .duet-icon-shape-brand{padding:36px}:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg{width:72px;height:72px}.duet-icon.duet-theme-turva{color:rgb(230, 23, 64)}.duet-icon.duet-theme-turva.duet-icon-has-background{color:rgb(255, 255, 255)}.duet-icon.duet-theme-turva.duet-icon-shape-brand{border-radius:16%}";export{c as duet_icon}
|
|
@@ -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 i,g as a}from"./p-
|
|
4
|
+
import{r as e,h as t,H as i,g as a}from"./p-D4MpGrUR.js";import{n as r}from"./p-vVCYtBMj.js";import{a as o}from"./p-8RjiAqaE.js";import{i as n}from"./p-B44ykle6.js";import{g as s}from"./p-Bnup2-sN.js";import{g as m,c as d,d as u}from"./p-B0XOGsB6.js";import"./p-DvwKrUS6.js";import"./p-BWz_ChlU.js";import"./p-C6E9F6QT.js";const l=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=o,this.accessibleLabelExternal=m(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){n(this)}connectedCallback(){d(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){u(this)}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}render(){const e=this.url?"a":"button";return t(i,{key:"132d5bd2465b0d1d847c544579ff69c5229faf9a",role:"listitem"},t(e,{key:"486539812ce02259d1ee5e1366aa019371e59e5c",target:this.url?this.external?"_blank":"_self":null,ref:e=>this.itemElement=e,class:{"duet-menu-bar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.url,role:"a"===e?"link":"button","aria-current":this.active?"true":"false","aria-label":this.url&&s(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,rel:this.external?"noopener":void 0},this.leadingIcon&&t("duet-icon",{key:"9b6d8d303debd7037dde3c8af5780e937a180ed9",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),t("slot",{key:"d7a37a3a78860c03d9d0876f29382dbb066accf1"}),(this.trailingIcon||this.external)&&t("duet-icon",{key:"d0d12aa8778d8be71cb4323758932176c6fb48c7",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!!this.external,rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"})))}get element(){return a(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;height:100%}.duet-menu-bar-item{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;font-weight:inherit;color:inherit;text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-menu-bar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item .external-icon{width:10px;height:10px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(2px);transition:300ms ease}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}}.duet-menu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-menu-bar-item.duet-theme-turva::after{background:rgb(230, 23, 64)}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(230, 23, 64)}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(230, 23, 64)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-menu-bar-item.duet-theme-turva:hover{color:rgb(230, 23, 64)}}';export{l as duet_menu_bar_item}
|