@duetds/components 10.1.0 → 10.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/hydrate/index.js +342 -265
- package/hydrate/index.mjs +342 -265
- package/lib/cjs/{a11y-utils-DzwEPbds.js → a11y-utils-Dt4L3QkG.js} +1 -1
- package/lib/cjs/{app-globals-BtFYkwDf.js → app-globals-1gECxmAH.js} +1 -1
- package/lib/cjs/{common-strings-CC6Xpjb8.js → common-strings-DMaSb4Ld.js} +8 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +5 -5
- package/lib/cjs/duet-alert.cjs.entry.js +5 -5
- package/lib/cjs/duet-badge.cjs.entry.js +6 -6
- package/lib/cjs/duet-banner.cjs.entry.js +5 -5
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +6 -6
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +7 -7
- package/lib/cjs/duet-button_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +22 -16
- package/lib/cjs/duet-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-checkbox.cjs.entry.js +19 -5
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +4 -4
- package/lib/cjs/duet-choice_2.cjs.entry.js +13 -13
- package/lib/cjs/duet-collapsible.cjs.entry.js +6 -6
- package/lib/cjs/duet-combobox.cjs.entry.js +32 -11
- package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +3 -3
- package/lib/cjs/duet-date-picker.cjs.entry.js +9 -9
- package/lib/cjs/duet-divider_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +12 -12
- package/lib/cjs/duet-empty-state.cjs.entry.js +4 -4
- package/lib/cjs/duet-fieldset.cjs.entry.js +7 -7
- package/lib/cjs/duet-file-chooser.cjs.entry.js +3 -3
- package/lib/cjs/duet-footer.cjs.entry.js +25 -18
- package/lib/cjs/duet-grid_2.cjs.entry.js +7 -6
- package/lib/cjs/duet-header_2.cjs.entry.js +8 -8
- package/lib/cjs/duet-hero.cjs.entry.js +11 -11
- package/lib/cjs/duet-icon.cjs.entry.js +7 -7
- package/lib/cjs/duet-indicator.cjs.entry.js +4 -4
- package/lib/cjs/duet-input_2.cjs.entry.js +13 -13
- package/lib/cjs/duet-layout.cjs.entry.js +7 -7
- package/lib/cjs/duet-list_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +8 -8
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar.cjs.entry.js +6 -6
- package/lib/cjs/duet-modal.cjs.entry.js +15 -15
- package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-number-input.cjs.entry.js +8 -8
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +4 -4
- package/lib/cjs/duet-pagination_2.cjs.entry.js +18 -18
- package/lib/cjs/duet-panel.cjs.entry.js +4 -4
- package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +12 -12
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +7 -7
- package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-range-slider.cjs.entry.js +7 -7
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +17 -17
- 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 +5 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +8 -8
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +13 -13
- package/lib/cjs/duet-slideout.cjs.entry.js +12 -12
- package/lib/cjs/duet-status-icon.cjs.entry.js +4 -4
- package/lib/cjs/duet-step_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +8 -8
- package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
- package/lib/cjs/duet-toggle.cjs.entry.js +25 -7
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +9 -9
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
- package/lib/cjs/duet-tray.cjs.entry.js +6 -6
- 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-BuseNrD9.js → errorcodes.utils-DtuBPKs3.js} +1 -1
- package/lib/cjs/{focus-utils-Cbk0cnOs.js → focus-utils-n84nLLND.js} +1 -1
- package/lib/cjs/{index-blgG8IJB.js → index-BfggyC6D.js} +1 -1
- package/lib/cjs/{label-DeanNJa0.js → label-CFsg_9mi.js} +1 -1
- package/lib/cjs/{language-utils-DWW8tvkB.js → language-utils-UQJMUCLw.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-Byx247xX.js → slot-utils-BEQnfNX2.js} +1 -1
- package/lib/cjs/{themeable-component-DcR7DztR.js → themeable-component-BkwBlXGz.js} +1 -1
- package/lib/cjs/{token-utils-BJtlJxnJ.js → token-utils-GXq9O-4F.js} +1 -1
- package/lib/cjs/{tokens-BxWzRxOl.js → tokens-DZMc8s3K.js} +3 -0
- package/lib/cjs/{tokens.module-DJt2h4FX.js → tokens.module-Bc3oSOjD.js} +3 -0
- package/lib/collection/common-strings.js +7 -1
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-checkbox/duet-checkbox.css +11 -2
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +24 -2
- package/lib/collection/components/duet-chip/duet-chip.js +1 -1
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.js +6 -6
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +2 -2
- package/lib/collection/components/duet-combobox/duet-combobox.css +0 -5
- package/lib/collection/components/duet-combobox/duet-combobox.js +27 -6
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.css +2 -2
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +2 -2
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +2 -2
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +2 -2
- package/lib/collection/components/duet-fieldset/duet-fieldset.css +2 -17
- 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 +20 -13
- package/lib/collection/components/duet-grid/duet-grid.js +2 -2
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +3 -2
- package/lib/collection/components/duet-heading/duet-heading.js +2 -2
- package/lib/collection/components/duet-hero/duet-hero.css +1 -0
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-indicator/duet-indicator.js +1 -1
- package/lib/collection/components/duet-input/duet-input.js +6 -6
- package/lib/collection/components/duet-layout/duet-layout.js +5 -5
- package/lib/collection/components/duet-link/duet-link.css +42 -8
- package/lib/collection/components/duet-link/duet-link.js +11 -5
- package/lib/collection/components/duet-list/duet-list.js +1 -1
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +3 -3
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +7 -7
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-nav/duet-nav.js +1 -1
- package/lib/collection/components/duet-notification/duet-notification.js +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +3 -3
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
- package/lib/collection/components/duet-panel/duet-panel.js +2 -2
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +3 -3
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
- package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
- package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
- package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab/duet-tab.js +2 -2
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +3 -3
- package/lib/collection/components/duet-toggle/duet-toggle.css +22 -9
- package/lib/collection/components/duet-toggle/duet-toggle.js +84 -2
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +3 -3
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +2 -2
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-83c7bfe0.entry.js → p-01ede40e.entry.js} +1 -1
- package/lib/duet/{p-ab74c20e.entry.js → p-0c677bac.entry.js} +1 -1
- package/lib/duet/{p-8f2fbd03.entry.js → p-0e6feeaf.entry.js} +1 -1
- package/lib/duet/{p-4862f0c6.entry.js → p-10d943ea.entry.js} +1 -1
- package/lib/duet/{p-b2f22262.entry.js → p-11e17622.entry.js} +1 -1
- package/lib/duet/{p-6cf8e63d.entry.js → p-16db57d6.entry.js} +1 -1
- package/lib/duet/{p-e195c5e2.entry.js → p-19dfac00.entry.js} +1 -1
- package/lib/duet/{p-a9692b2a.entry.js → p-1a9f5440.entry.js} +1 -1
- package/lib/duet/{p-1d8da041.entry.js → p-1b1018d1.entry.js} +1 -1
- package/lib/duet/p-1e4903a7.entry.js +4 -0
- package/lib/duet/{p-36d2a441.entry.js → p-1e82c441.entry.js} +1 -1
- package/lib/duet/{p-960ada39.entry.js → p-1f76c77a.entry.js} +1 -1
- package/lib/duet/{p-8857eb7b.entry.js → p-2871d3f5.entry.js} +1 -1
- package/lib/duet/{p-2d0eb4b5.entry.js → p-2a1db046.entry.js} +1 -1
- package/lib/duet/{p-14d64261.entry.js → p-2b41b6c3.entry.js} +1 -1
- package/lib/duet/{p-e7c058b0.entry.js → p-2d813dd9.entry.js} +1 -1
- package/lib/duet/{p-d26c644d.entry.js → p-2e99a3d1.entry.js} +1 -1
- package/lib/duet/{p-486a4bc6.entry.js → p-308328c0.entry.js} +1 -1
- package/lib/duet/p-31c03dbc.entry.js +4 -0
- package/lib/duet/p-32ae38d2.entry.js +4 -0
- package/lib/duet/p-3650e089.entry.js +4 -0
- package/lib/duet/{p-43f15ad6.entry.js → p-3b6f0ed3.entry.js} +1 -1
- package/lib/duet/{p-4d14780b.entry.js → p-3c19d851.entry.js} +1 -1
- package/lib/duet/{p-dc57fff7.entry.js → p-3d85dbf7.entry.js} +1 -1
- package/lib/duet/p-3dd1304e.entry.js +4 -0
- package/lib/duet/{p-bb8634c4.entry.js → p-413ccfee.entry.js} +1 -1
- package/lib/duet/{p-04c9c13e.entry.js → p-45f8d839.entry.js} +1 -1
- package/lib/duet/{p-3b52f20d.entry.js → p-493b240f.entry.js} +1 -1
- package/lib/duet/{p-e3780362.entry.js → p-4f16859a.entry.js} +1 -1
- package/lib/duet/{p-320e4688.entry.js → p-50f80b6c.entry.js} +1 -1
- package/lib/duet/{p-1380370e.entry.js → p-5302f338.entry.js} +1 -1
- package/lib/duet/{p-40956ec6.entry.js → p-549e68da.entry.js} +1 -1
- package/lib/duet/{p-a28d4312.entry.js → p-6333c633.entry.js} +1 -1
- package/lib/duet/{p-bd0ad7c3.entry.js → p-6969647c.entry.js} +1 -1
- package/lib/duet/{p-d4e2e471.entry.js → p-6b06705f.entry.js} +1 -1
- package/lib/duet/{p-dc4d385d.entry.js → p-6b9ac7ea.entry.js} +1 -1
- package/lib/duet/{p-d9f504b7.entry.js → p-6bddd7b7.entry.js} +1 -1
- package/lib/duet/{p-db22799a.entry.js → p-7515a195.entry.js} +1 -1
- package/lib/duet/{p-24f206ab.entry.js → p-7916d25e.entry.js} +1 -1
- package/lib/duet/{p-6662042f.entry.js → p-81e55a2f.entry.js} +1 -1
- package/lib/duet/{p-ec5b54f3.entry.js → p-82ed09c9.entry.js} +1 -1
- package/lib/duet/{p-2c4f4896.entry.js → p-89cba286.entry.js} +1 -1
- package/lib/duet/p-8RjiAqaE.js +4 -0
- package/lib/duet/{p-140b87f4.entry.js → p-8a9ad498.entry.js} +1 -1
- package/lib/duet/{p-0d1a4928.entry.js → p-8ecfef50.entry.js} +1 -1
- package/lib/duet/{p-3a108321.entry.js → p-8f43c23a.entry.js} +1 -1
- package/lib/duet/{p-6qQ9c51e.js → p-8odxhfeD.js} +1 -1
- package/lib/duet/{p-d8ebfd49.entry.js → p-9289e2d6.entry.js} +1 -1
- package/lib/duet/{p-9dc2b0d2.entry.js → p-9bcb57a9.entry.js} +1 -1
- package/lib/duet/{p-57ba8f5f.entry.js → p-9efde101.entry.js} +1 -1
- package/lib/duet/{p-1U75pxcR.js → p-BcVbsW_2.js} +1 -1
- package/lib/duet/p-BhRNiBUo.js +4 -0
- package/lib/duet/p-BxH0r0DA.js +5 -0
- package/lib/duet/p-C-hMrqKD.js +4 -0
- package/lib/duet/{p-CxgSYSyh.js → p-C7D5HRhY.js} +1 -1
- package/lib/duet/p-CKemMSHL.js +4 -0
- package/lib/duet/p-CjSEMtsI.js +4 -0
- package/lib/duet/{p-Bg75Vqqq.js → p-D7VOYHjg.js} +1 -1
- package/lib/duet/p-DMjxD3N-.js +4 -0
- package/lib/duet/p-LYJwm2Mz.js +4 -0
- package/lib/duet/{p-fe34272e.entry.js → p-a408c8ef.entry.js} +1 -1
- package/lib/duet/{p-9ee8ddc9.entry.js → p-a8b8aa7f.entry.js} +1 -1
- package/lib/duet/{p-bcb8d390.entry.js → p-abb3a02c.entry.js} +1 -1
- package/lib/duet/{p-90981fbb.entry.js → p-ad2d810a.entry.js} +1 -1
- package/lib/duet/{p-a1e60676.entry.js → p-ad86f19c.entry.js} +1 -1
- package/lib/duet/{p-276f8827.entry.js → p-ad8929e4.entry.js} +1 -1
- package/lib/duet/p-aef55e42.entry.js +4 -0
- package/lib/duet/{p-823522c9.entry.js → p-b178aa13.entry.js} +1 -1
- package/lib/duet/{p-7a8f23b7.entry.js → p-b8fe3df0.entry.js} +1 -1
- package/lib/duet/{p-4de6cd49.entry.js → p-b9327667.entry.js} +1 -1
- package/lib/duet/{p-9fd10aed.entry.js → p-b9c35e5e.entry.js} +1 -1
- package/lib/duet/{p-6043a6de.entry.js → p-bbaa683a.entry.js} +1 -1
- package/lib/duet/{p-93303c68.entry.js → p-bdb10c77.entry.js} +1 -1
- package/lib/duet/{p-72c7816e.entry.js → p-bdd24cc6.entry.js} +1 -1
- package/lib/duet/p-be91dd8c.entry.js +4 -0
- package/lib/duet/{p-d31cafc9.entry.js → p-cb90478e.entry.js} +1 -1
- package/lib/duet/{p-de255274.entry.js → p-cdc6285c.entry.js} +1 -1
- package/lib/duet/{p-e2e7b3bd.entry.js → p-d1db3194.entry.js} +1 -1
- package/lib/duet/{p-f6720f8c.entry.js → p-d2c50765.entry.js} +1 -1
- package/lib/duet/{p-6862c7d5.entry.js → p-d625732a.entry.js} +1 -1
- package/lib/duet/{p-f6f6b960.entry.js → p-d8ddd6aa.entry.js} +1 -1
- package/lib/duet/{p-6b2823ed.entry.js → p-d948db17.entry.js} +1 -1
- package/lib/duet/{p-ac_1YilV.js → p-dX4lCxX-.js} +1 -1
- package/lib/duet/{p-db594a93.entry.js → p-dc7b2908.entry.js} +1 -1
- package/lib/duet/{p-fb4ab1f5.entry.js → p-dfb7e2a4.entry.js} +1 -1
- package/lib/duet/p-e042f54a.entry.js +4 -0
- package/lib/duet/{p-b2464865.entry.js → p-e197cf15.entry.js} +1 -1
- package/lib/duet/p-e21285ad.entry.js +4 -0
- package/lib/duet/p-e5173b25.entry.js +4 -0
- package/lib/duet/p-e6a05ef9.entry.js +4 -0
- package/lib/duet/{p-29e677bc.entry.js → p-ecad641c.entry.js} +1 -1
- package/lib/duet/{p-ba39d3ad.entry.js → p-ed84afb6.entry.js} +1 -1
- package/lib/duet/p-ee7e1387.entry.js +4 -0
- package/lib/duet/{p-581e1e08.entry.js → p-f2cc172e.entry.js} +1 -1
- package/lib/duet/p-f55ffe76.entry.js +4 -0
- package/lib/duet/{p-fd120a7b.entry.js → p-f80c76b3.entry.js} +1 -1
- package/lib/duet/{p-ca3fe683.entry.js → p-f920d7a8.entry.js} +1 -1
- package/lib/duet/{p-de639eff.entry.js → p-fc427a9c.entry.js} +1 -1
- package/lib/duet/{p-d35a4b95.entry.js → p-fd1bf11b.entry.js} +1 -1
- package/lib/esm/{a11y-utils-BuWx2D09.js → a11y-utils-Cc259XJX.js} +1 -1
- package/lib/esm/{app-globals-DRDLN5wE.js → app-globals-CIsV7gbu.js} +1 -1
- package/lib/esm/{common-strings-CVPfl9fc.js → common-strings-8RjiAqaE.js} +8 -2
- package/lib/esm/duet-action-button.entry.js +5 -5
- package/lib/esm/duet-alert.entry.js +5 -5
- package/lib/esm/duet-badge.entry.js +6 -6
- package/lib/esm/duet-banner.entry.js +5 -5
- package/lib/esm/duet-breadcrumb.entry.js +6 -6
- package/lib/esm/duet-breadcrumbs.entry.js +7 -7
- package/lib/esm/duet-button_2.entry.js +7 -7
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +22 -16
- package/lib/esm/duet-card.entry.js +5 -5
- package/lib/esm/duet-checkbox.entry.js +19 -5
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +4 -4
- package/lib/esm/duet-choice_2.entry.js +13 -13
- package/lib/esm/duet-collapsible.entry.js +6 -6
- package/lib/esm/duet-combobox.entry.js +33 -12
- package/lib/esm/duet-contact-card.entry.js +5 -5
- package/lib/esm/duet-cookie-consent.entry.js +3 -3
- package/lib/esm/duet-date-picker.entry.js +9 -9
- package/lib/esm/duet-divider_2.entry.js +6 -6
- package/lib/esm/duet-editable-table_3.entry.js +12 -12
- package/lib/esm/duet-empty-state.entry.js +4 -4
- package/lib/esm/duet-fieldset.entry.js +7 -7
- package/lib/esm/duet-file-chooser.entry.js +3 -3
- package/lib/esm/duet-footer.entry.js +25 -18
- package/lib/esm/duet-grid_2.entry.js +7 -6
- package/lib/esm/duet-header_2.entry.js +8 -8
- package/lib/esm/duet-hero.entry.js +11 -11
- package/lib/esm/duet-icon.entry.js +7 -7
- package/lib/esm/duet-indicator.entry.js +4 -4
- package/lib/esm/duet-input_2.entry.js +13 -13
- package/lib/esm/duet-layout.entry.js +7 -7
- package/lib/esm/duet-list_2.entry.js +5 -5
- package/lib/esm/duet-menu-bar-button.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-menu-bar-item.entry.js +8 -8
- package/lib/esm/duet-menu-bar-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar.entry.js +6 -6
- package/lib/esm/duet-modal.entry.js +15 -15
- package/lib/esm/duet-multiselect.entry.js +10 -10
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +9 -9
- package/lib/esm/duet-number-input.entry.js +8 -8
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +4 -4
- package/lib/esm/duet-pagination_2.entry.js +18 -18
- package/lib/esm/duet-panel.entry.js +4 -4
- package/lib/esm/duet-phone-input.entry.js +4 -4
- package/lib/esm/duet-popup-menu_2.entry.js +12 -12
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +7 -7
- package/lib/esm/duet-radio_2.entry.js +7 -7
- package/lib/esm/duet-range-slider.entry.js +7 -7
- package/lib/esm/duet-scrollable_3.entry.js +17 -17
- 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 +5 -5
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +8 -8
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +13 -13
- package/lib/esm/duet-slideout.entry.js +12 -12
- package/lib/esm/duet-status-icon.entry.js +4 -4
- package/lib/esm/duet-step_2.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-item.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar.entry.js +8 -8
- package/lib/esm/duet-textarea.entry.js +8 -8
- package/lib/esm/duet-toggle.entry.js +25 -7
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
- package/lib/esm/duet-toolbar-item.entry.js +9 -9
- package/lib/esm/duet-toolbar-link.entry.js +4 -4
- package/lib/esm/duet-toolbar.entry.js +4 -4
- package/lib/esm/duet-tooltip-button_2.entry.js +9 -9
- package/lib/esm/duet-tooltip.entry.js +5 -5
- package/lib/esm/duet-tray.entry.js +6 -6
- 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-CjUqHglR.js → errorcodes.utils-KnjOo5JF.js} +1 -1
- package/lib/esm/{focus-utils-Do5KtPgs.js → focus-utils-Cgrh4d7y.js} +1 -1
- package/lib/esm/{index-BhYt_2Vd.js → index-BxH0r0DA.js} +1 -1
- package/lib/esm/{label-BRuShBbJ.js → label-DA-iWWhe.js} +1 -1
- package/lib/esm/{language-utils-D2jecvOr.js → language-utils-BqCiY8zW.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-nDLvv_4O.js → slot-utils-Bi4BkMYE.js} +1 -1
- package/lib/esm/{themeable-component-C0nhBgYw.js → themeable-component-EeTaKAPP.js} +1 -1
- package/lib/esm/{token-utils-Dks4GBDa.js → token-utils-ibPg9tBe.js} +1 -1
- package/lib/esm/{tokens-DOuLHrH5.js → tokens-CjSEMtsI.js} +3 -0
- package/lib/esm/{tokens.module-BDAqOMlM.js → tokens.module-C-hMrqKD.js} +3 -1
- package/lib/types/common-strings.d.ts +1 -0
- package/lib/types/common-types.d.ts +8 -1
- package/lib/types/components/duet-checkbox/duet-checkbox.d.ts +6 -0
- package/lib/types/components/duet-combobox/duet-combobox.d.ts +4 -0
- package/lib/types/components/duet-footer/duet-footer.d.ts +2 -0
- package/lib/types/components/duet-grid-item/duet-grid-item.d.ts +4 -0
- package/lib/types/components/duet-link/duet-link.d.ts +3 -1
- package/lib/types/components/duet-toggle/duet-toggle.d.ts +16 -0
- package/lib/types/components.d.ts +28 -2
- package/package.json +5 -5
- package/lib/duet/p-01ce999b.entry.js +0 -4
- package/lib/duet/p-0fabcede.entry.js +0 -4
- package/lib/duet/p-141f03da.entry.js +0 -4
- package/lib/duet/p-28325583.entry.js +0 -4
- package/lib/duet/p-30ae4852.entry.js +0 -4
- package/lib/duet/p-540fc47b.entry.js +0 -4
- package/lib/duet/p-5db08755.entry.js +0 -4
- package/lib/duet/p-5f329414.entry.js +0 -4
- package/lib/duet/p-6d90a89c.entry.js +0 -4
- package/lib/duet/p-90eed96d.entry.js +0 -4
- package/lib/duet/p-94f1de2c.entry.js +0 -4
- package/lib/duet/p-B0pM7dNk.js +0 -4
- package/lib/duet/p-BDAqOMlM.js +0 -4
- package/lib/duet/p-BhYt_2Vd.js +0 -5
- package/lib/duet/p-BtxOyTe3.js +0 -4
- package/lib/duet/p-CVPfl9fc.js +0 -4
- package/lib/duet/p-DJzDRf9m.js +0 -4
- package/lib/duet/p-DOuLHrH5.js +0 -4
- package/lib/duet/p-a9cf57f5.entry.js +0 -4
- package/lib/duet/p-afabb51f.entry.js +0 -4
- package/lib/duet/p-xwlQQBxs.js +0 -4
|
@@ -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 s}from"./p-BhYt_2Vd.js";import{i as a}from"./p-1U75pxcR.js";import{e as d,d as n}from"./p-C6CAT054.js";import{s as l}from"./p-6qQ9c51e.js";import{f as r,F as h}from"./p-xwlQQBxs.js";import{a as u}from"./p-Db8rvjPI.js";import{a as c,c as p,d as b,g as m}from"./p-ac_1YilV.js";import{h as g}from"./p-DJzDRf9m.js";import{T as f}from"./p-CooAqTCj.js";import{g as y}from"./p-Bg75Vqqq.js";import"./p-C6E9F6QT.js";import"./p-BDAqOMlM.js";const v=class{constructor(i){t(this,i),this.duetSlideoutEvent=e(this,"duetSlideoutEvent",7),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"},this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.hasStickyHeaderSlot=!1,this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.language=c(),this.displaying=!1,this.openPanel=!1,this.theme="",this.accessibleRole="menubar",this.open=!1,this.backgroundColor="gray-lightest",this.modal=!0,this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.opener?"string"==typeof this.opener?document.getElementById(this.opener):void 0:this.opener,e&&this.openButton===e)return;i=!0}if(this.eventListenerController&&this.eventListenerController.abort(),e)try{const t=e;l(t,!1),this.openButton=t,i&&!this.disconnectController.signal.aborted&&(this.eventListenerController=new AbortController,this.openButton.addEventListener("click",this.openButtonEventListener,{signal:this.eventListenerController.signal}))}catch(t){console.error(t)}else this.openButton=void 0},this.setStickHeaderStyleMutations=(t=!1)=>{this.element.querySelectorAll('[slot="sticky-header"] duet-tab-group').forEach((e=>{e.style.position=t?null:"relative",e.style.top=t?null:"1px",e.switchLargeBreakpoint="always"}))},this.openButtonEventListener=t=>{this.onClick(t)},this.getOpenPanel=()=>this.element.querySelector("duet-slideout-panel[open]"),this.toggleMenu=t=>{this.open=!this.open,this.duetSlideoutEvent.emit({originalEvent:t,data:{element:this.element,open:this.open},component:"duet-slideout"})},this.onClick=t=>{this.toggleMenu(t)}}get controller(){return this.opener}set controller(t){this.opener=t}componentWillLoad(){a(this),this.hasStickyHeaderSlot=g(this.element,"sticky-header")}connectedCallback(){p(this),this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new f(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.setStickHeaderStyleMutations(),this.mutationObserver||(this.mutationObserver=new MutationObserver((()=>{this.openPanel=!!this.getOpenPanel()}))),this.mutationObserver&&this.mutationObserver.observe(this.element,{childList:!0,attributeFilter:["open"],subtree:!0}),this.setOpenButton()):this.teleport.activate()}disconnectedCallback(){b(this),this.dialog&&this.modal&&d(this.dialog),this.mutationObserver&&this.mutationObserver.disconnect(),this.disconnectController&&this.disconnectController.abort(),this.setOpenButton(null),this.setStickHeaderStyleMutations(!0)}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){this.openButton&&l(this.openButton,!0);const t=this.getOpenPanel();this.teleport.makeSiblingsInert(),this.modal&&n(this.dialog,{reserveScrollBarGap:!0}),t?t.setFocus():setTimeout((()=>{this.closeButton.focus()}),200)}else!this.open&&e&&(this.openButton&&l(this.openButton,!1),setTimeout((()=>{r(this.openButton),this.modal&&d(this.dialog),this.teleport.removeInertFromSiblings()}),200))}handleOpenerChange(t,e){t!==e&&("string"==typeof t?this.setOpenButton():this.setOpenButton(t))}handleKeyUp(t){u(t)&&this.open&&this.toggleMenu(t)}handleDocumentClick(t){if(!this.open)return;const e=t.composedPath();e.includes(this.dialog)||e.includes(this.openButton)||this.toggleMenu(t)}async setFocus(t){var e;null===(e=this.openButton)||void 0===e||e.focus(t)}async toggle(){const t=new CustomEvent("toggle");this.toggleMenu(t),setTimeout((()=>{this.closeButton.focus()}),200)}async show(){this.open||(this.setOpenButton(document.activeElement),this.toggleMenu(new CustomEvent("toggle")))}async hide(){this.open&&this.toggleMenu(new CustomEvent("toggle"))}render(){const t={background:y(this.backgroundColor,this.theme)},e=m(this.topLevelOpenMenuBarLangObject),s=m(this.exitLangObject);return i(o,{key:"fc8b5893c7783b60a166c82acaac01ede594e43a"},i("div",{key:"57b51e3b1224155ce14db9ecb22b2655cfecf63c",class:{"duet-slideout":!0,"duet-theme-turva":"turva"===this.theme}},this.modal&&i("duet-overlay",{key:"415b8638b3df2ded878996d2190f27c6e7405b6d",visible:this.open,zIndex:"600"}),i("div",{key:"7f7e122f27d2cf36ab6768543b6e311b4ef6dec4",ref:t=>this.dialog=t,tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":!this.isSafariBrowser,"aria-flowto":"slot-container",class:{dialog:!0,hidden:!this.open,modal:this.modal},style:t},i(h,{key:"1ca9f5168c94535babbd4438d532efe528edd02b",moveFocusTo:this.closeButton}),i("div",{key:"4c3f037a457ef9cb0443cd4c299c03b4a19f2370",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},i("div",{key:"9666004103f958a0ce43497706ca6dba3543c787",class:"top"},i("button",{key:"5a68f86a03e7500d8685e48db89e8db791b63a9e",ref:t=>this.closeButton=t,"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":`${s}`,type:"button",class:{"slideout-close":!0,active:this.open,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick,inert:this.openPanel},i("duet-icon",{key:"dad816041c74637f1939c86bf7b84713309476f9",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),i("div",{key:"07c8ab3b5d1a02e457a8631934d9bb7348abba29",class:"sticky-header"},i("slot",{key:"baaa3a79e2626a3d484ceab504da10cf90c44ef6",name:"sticky-header"}))),i("div",{key:"4024ba5ad42da1d50c4964caa0c20c50e1fb0f10",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?e:null,class:{items:!0}},i("slot",{key:"fc3ed36022c9cee52f7f299fe28d223bc8c71544"})),i(h,{key:"8055e66cb43e26f56174b1246630b4e75b927ddc",moveFocusTo:this.closeButton}))))}get element(){return s(this)}static get watchers(){return{open:["handleOpenChange"],opener:["handleOpenerChange"]}}};v.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;height:100%}::slotted(*){position:relative;visibility:hidden;width:100%;opacity:0;transition:opacity 300ms ease;transition-delay:300ms}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:600;width:min(450px, 100%);padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset;transition:bottom 300ms ease;transition-delay:0s}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(255, 255, 255)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px;opacity:1;transition:opacity 300ms ease}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout .dialog .top button:focus,.duet-slideout .dialog .top button:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout .dialog .top button:focus,.duet-slideout .dialog .top button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 20px 20px;margin-bottom:20px;background:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}@media (min-width: 36em){.duet-slideout .dialog .sticky-header{padding:0 28px 28px}}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:12px 20px;opacity:1;transition:padding 600ms ease, opacity 300ms ease;transition-delay:300ms}@media (min-width: 36em){.duet-slideout .dialog .items{padding:16px 28px}}.duet-slideout .dialog.hidden{bottom:100vh;visibility:hidden;pointer-events:none;transition:300ms ease}.duet-slideout .dialog.hidden .items{padding-top:28px;opacity:0}.duet-slideout .dialog.hidden .top{opacity:0}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{border-bottom:1px solid rgb(222, 224, 228)}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva{color:rgb(23, 42, 59)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 42, 59)}}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{border-bottom-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) slot{color:rgb(23, 42, 59)}';export{v as duet_slideout}
|
|
4
|
+
import{r as t,c as e,h as i,H as o,g as s}from"./p-BxH0r0DA.js";import{i as a}from"./p-BcVbsW_2.js";import{e as d,d as n}from"./p-C6CAT054.js";import{s as r}from"./p-8odxhfeD.js";import{f as l,F as h}from"./p-DMjxD3N-.js";import{a as u}from"./p-Db8rvjPI.js";import{a as c,c as p,d as b,g as m}from"./p-dX4lCxX-.js";import{h as g}from"./p-CKemMSHL.js";import{T as f}from"./p-CooAqTCj.js";import{g as y}from"./p-D7VOYHjg.js";import"./p-C6E9F6QT.js";import"./p-C-hMrqKD.js";const v=class{constructor(i){t(this,i),this.duetSlideoutEvent=e(this,"duetSlideoutEvent",7),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"},this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.hasStickyHeaderSlot=!1,this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.language=c(),this.displaying=!1,this.openPanel=!1,this.theme="",this.accessibleRole="menubar",this.open=!1,this.backgroundColor="gray-lightest",this.modal=!0,this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.opener?"string"==typeof this.opener?document.getElementById(this.opener):void 0:this.opener,e&&this.openButton===e)return;i=!0}if(this.eventListenerController&&this.eventListenerController.abort(),e)try{const t=e;r(t,!1),this.openButton=t,i&&!this.disconnectController.signal.aborted&&(this.eventListenerController=new AbortController,this.openButton.addEventListener("click",this.openButtonEventListener,{signal:this.eventListenerController.signal}))}catch(t){console.error(t)}else this.openButton=void 0},this.setStickHeaderStyleMutations=(t=!1)=>{this.element.querySelectorAll('[slot="sticky-header"] duet-tab-group').forEach((e=>{e.style.position=t?null:"relative",e.style.top=t?null:"1px",e.switchLargeBreakpoint="always"}))},this.openButtonEventListener=t=>{this.onClick(t)},this.getOpenPanel=()=>this.element.querySelector("duet-slideout-panel[open]"),this.toggleMenu=t=>{this.open=!this.open,this.duetSlideoutEvent.emit({originalEvent:t,data:{element:this.element,open:this.open},component:"duet-slideout"})},this.onClick=t=>{this.toggleMenu(t)}}get controller(){return this.opener}set controller(t){this.opener=t}componentWillLoad(){a(this),this.hasStickyHeaderSlot=g(this.element,"sticky-header")}connectedCallback(){p(this),this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new f(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.setStickHeaderStyleMutations(),this.mutationObserver||(this.mutationObserver=new MutationObserver((()=>{this.openPanel=!!this.getOpenPanel()}))),this.mutationObserver&&this.mutationObserver.observe(this.element,{childList:!0,attributeFilter:["open"],subtree:!0}),this.setOpenButton()):this.teleport.activate()}disconnectedCallback(){b(this),this.dialog&&this.modal&&d(this.dialog),this.mutationObserver&&this.mutationObserver.disconnect(),this.disconnectController&&this.disconnectController.abort(),this.setOpenButton(null),this.setStickHeaderStyleMutations(!0)}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){this.openButton&&r(this.openButton,!0);const t=this.getOpenPanel();this.teleport.makeSiblingsInert(),this.modal&&n(this.dialog,{reserveScrollBarGap:!0}),t?t.setFocus():setTimeout((()=>{this.closeButton.focus()}),200)}else!this.open&&e&&(this.openButton&&r(this.openButton,!1),setTimeout((()=>{l(this.openButton),this.modal&&d(this.dialog),this.teleport.removeInertFromSiblings()}),200))}handleOpenerChange(t,e){t!==e&&("string"==typeof t?this.setOpenButton():this.setOpenButton(t))}handleKeyUp(t){u(t)&&this.open&&this.toggleMenu(t)}handleDocumentClick(t){if(!this.open)return;const e=t.composedPath();e.includes(this.dialog)||e.includes(this.openButton)||this.toggleMenu(t)}async setFocus(t){var e;null===(e=this.openButton)||void 0===e||e.focus(t)}async toggle(){const t=new CustomEvent("toggle");this.toggleMenu(t),setTimeout((()=>{this.closeButton.focus()}),200)}async show(){this.open||(this.setOpenButton(document.activeElement),this.toggleMenu(new CustomEvent("toggle")))}async hide(){this.open&&this.toggleMenu(new CustomEvent("toggle"))}render(){const t={background:y(this.backgroundColor,this.theme)},e=m(this.topLevelOpenMenuBarLangObject),s=m(this.exitLangObject);return i(o,{key:"caa2d4aaf502159fc88254ad81019fdc23d03077"},i("div",{key:"d8608bf34db74e3ac3e652024f689db40af9284d",class:{"duet-slideout":!0,"duet-theme-turva":"turva"===this.theme}},this.modal&&i("duet-overlay",{key:"10f8e7f301624b2fcad5ce710cd75e6febcba1bd",visible:this.open,zIndex:"600"}),i("div",{key:"5e841060cbb940a91266cb5e42d12a16bda8097b",ref:t=>this.dialog=t,tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":!this.isSafariBrowser,"aria-flowto":"slot-container",class:{dialog:!0,hidden:!this.open,modal:this.modal},style:t},i(h,{key:"72270e11e6c5fcbb6f8c55456975c88adb9ba213",moveFocusTo:this.closeButton}),i("div",{key:"f88bb02a237361ab0bde75663eb99b659c1c6471",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},i("div",{key:"ad57422ab4f6f14528a487c4a7bf98568fa2ca35",class:"top"},i("button",{key:"23ff1871ebc24e6ee03e3bbeb4593c2099b545d6",ref:t=>this.closeButton=t,"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":`${s}`,type:"button",class:{"slideout-close":!0,active:this.open,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick,inert:this.openPanel},i("duet-icon",{key:"15cfafb84a258a1005eac6d28f49b838b7c1ed9f",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),i("div",{key:"32b724d54613edd0646672ed0fc79c1ae414f4c1",class:"sticky-header"},i("slot",{key:"e6750058c55d427d89eeecb7c99a0327ad3c72c2",name:"sticky-header"}))),i("div",{key:"ed3a11356f224d5d0305f13ed63db838d7ca6e00",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?e:null,class:{items:!0}},i("slot",{key:"3255a6c639d8c8c13044f72cd55fa3132ea99545"})),i(h,{key:"461421f76f88fd46a741033acb090e753aef8f1c",moveFocusTo:this.closeButton}))))}get element(){return s(this)}static get watchers(){return{open:["handleOpenChange"],opener:["handleOpenerChange"]}}};v.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;height:100%}::slotted(*){position:relative;visibility:hidden;width:100%;opacity:0;transition:opacity 300ms ease;transition-delay:300ms}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:600;width:min(450px, 100%);padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset;transition:bottom 300ms ease;transition-delay:0s}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(255, 255, 255)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px;opacity:1;transition:opacity 300ms ease}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout .dialog .top button:focus,.duet-slideout .dialog .top button:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout .dialog .top button:focus,.duet-slideout .dialog .top button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 20px 20px;margin-bottom:20px;background:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}@media (min-width: 36em){.duet-slideout .dialog .sticky-header{padding:0 28px 28px}}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:12px 20px;opacity:1;transition:padding 600ms ease, opacity 300ms ease;transition-delay:300ms}@media (min-width: 36em){.duet-slideout .dialog .items{padding:16px 28px}}.duet-slideout .dialog.hidden{bottom:100vh;visibility:hidden;pointer-events:none;transition:300ms ease}.duet-slideout .dialog.hidden .items{padding-top:28px;opacity:0}.duet-slideout .dialog.hidden .top{opacity:0}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{border-bottom:1px solid rgb(222, 224, 228)}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva{color:rgb(23, 42, 59)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 42, 59)}}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{border-bottom-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) slot{color:rgb(23, 42, 59)}';export{v as duet_slideout}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as e,g as n}from"./p-BhYt_2Vd.js";import{i as d}from"./p-1U75pxcR.js";const r=class{constructor(i){t(this,i),this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.rowReverse=!1,this.alignment="top",this.distribution="default",this.mobile="",this.gridTemplate=null}validateAlignment(){"form_distribute"===this.alignment&&(console.warn('DuetGrid alignment value "form_distribute" is deprecated, replace with "form-distribute"'),this.alignment="form-distribute")}outerHeight(t){const i=t.offsetHeight,e=window.getComputedStyle(t);return parseInt(e.marginTop)+i+parseInt(e.marginBottom)}debounceWindowResizeHandler(){}async connectedCallback(){this.childObserver=new MutationObserver(this.updateGridItems.bind(this)),this.childObserver.observe(this.element,{childList:!0}),this.validateAlignment(),"form-distribute"===this.alignment&&(this.formDistributeObserver=new MutationObserver(this.updateGridItemsWithInputFields.bind(this)),this.formDistributeObserver.observe(this.element,{subtree:!0,childList:!0,characterData:!0,attributeFilter:["error"]}),window.addEventListener("resize",this.debounceWindowResizeHandler)),this.updateGridItems()}componentDidLoad(){"form-distribute"===this.alignment&&this.updateGridItemsWithInputFields()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0),this.formDistributeObserver&&(this.formDistributeObserver.disconnect(),this.formDistributeObserver=void 0),window.removeEventListener("resize",this.debounceWindowResizeHandler)}getDirectChildren(){return Array.from(this.element.querySelectorAll(":scope > *"))}async updateGridItems(){this.getDirectChildren().filter((t=>"duet-grid-item"===t.tagName.toLowerCase())).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint,t.direction=this.direction,t.rowReverse=this.rowReverse}))}async updateGridItemsWithInputFields(){const t=["duet-button","duet-checkbox","duet-choice","duet-choice-group","duet-combobox","duet-date-picker","duet-fieldset","duet-grid-item","duet-input","duet-multiselect","duet-number-input","duet-phone-input","duet-radio","duet-radio-group","duet-range-slider","duet-select","duet-textarea","duet-toggle"],i=[".duet-checkbox-error",".duet-fieldset-error",".duet-input-error",".duet-multiselect-error",".duet-select-error",".duet-textarea-error"],e=this.getDirectChildren().filter((i=>!!i.querySelector(t.join(","))||t.includes(i.tagName.toLowerCase()))),n=!!window&&"column"===window.getComputedStyle(this.element).flexDirection,d=t=>{var e;return(null==t?void 0:t.querySelector(i.join(",")))||(null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(i.join(",")))},r=i=>{var e;const n=[...Array.from(null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelectorAll(t.join(","))),...Array.from(i.querySelectorAll(t.join(",")))],d=n.map(r).flat();return[...n,...d]},a=t=>{return d(t)||(i=r(t),d(i.find(d)));var i};let o=0;const m=[];e.forEach((t=>{const i=a(t),e=i?this.outerHeight(i):0;m.push(e)})),o=Math.max(...m),e.forEach((t=>{const i=a(t),e=i?this.outerHeight(i):0;e<o&&!n?t.setAttribute("style",`padding-bottom: ${o-e}px;`):(e===o||n)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(e,{key:"9df3d98e4e46f0f4eb711c80ec562deb52121724",class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form-distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-x-small":"x-small"===this.breakpoint,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-large":"large"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint,"duet-grid-row-reverse":this.rowReverse,["duet-grid-variation-"+(this.gridTemplate?"grid":"flex")]:!0,[`duet-grid-template-${this.gridTemplate}`]:!0}},i("slot",{key:"2fb7e11aec20d374c4a36cfce5dfa8d8f47207e6"}))}get element(){return n(this)}static get watchers(){return{alignment:["validateAlignment"],responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}}};r.style=":host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n border: 0;\n}\n\n:host(.duet-grid-variation-flex) {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n justify-content: flex-start !important;\n width: 100%;\n max-width: 100%;\n height: auto;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: row !important;\n}\n@media (max-width: 22.5em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-wrap) {\n flex-wrap: wrap !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking) {\n flex-direction: row !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking) {\n align-items: center !important;\n}\n\n.duet-grid-align-stretch.duet-no-stacking {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking) {\n align-items: baseline !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small) {\n align-items: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small) {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small) {\n align-items: baseline !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large) {\n align-items: baseline !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-left) {\n justify-content: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-right) {\n justify-content: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-center) {\n justify-content: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-between) {\n justify-content: space-between !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-around) {\n justify-content: space-around !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-evenly) {\n justify-content: space-evenly !important;\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-left) {\n align-items: flex-start !important;\n justify-content: flex-start !important;\n text-align: left !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) {\n align-items: center !important;\n justify-content: center !important;\n text-align: center !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) * {\n text-align: center !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) {\n align-items: flex-end !important;\n justify-content: flex-end !important;\n text-align: right !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) * {\n text-align: right !important;\n }\n}\n\n:host(.duet-grid-variation-grid) {\n display: grid;\n grid-template-rows: repeat(1, 1fr);\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n align-items: flex-start;\n justify-content: center;\n padding: 0 20px;\n container-type: inline-size;\n overflow-x: clip;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid) {\n gap: 24px;\n padding: 0 40px;\n }\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(8, 55px);\n gap: 24px 32px;\n padding: 0;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n padding: 0 64px;\n }\n}\n@media (min-width: 76.25em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, 55px);\n gap: 40px;\n padding: 0;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 3/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 2/span 10;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 12;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 5/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 6;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 5/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 7/span 6;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 5/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: minmax(0, 1fr);\n gap: 12px;\n padding: 0;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n gap: 16px;\n }\n}\n@container (min-width: 664px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@container (min-width: 1100px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}";const a=class{constructor(i){t(this,i),this.fill=!1,this.theme="",this.margin="auto",this.responsive=!1,this.direction="horizontal",this.breakpoint="small",this.rowReverse=!1}componentWillLoad(){d(this)}render(){return i(e,{key:"cd699b121a356a4998001457a43186fcc2c75f29",style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-row-reverse":this.rowReverse,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-item-br-x-small":"x-small"===this.breakpoint,"duet-grid-item-br-small":"small"===this.breakpoint,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-large":"large"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}},i("slot",{key:"c5bf503f54cdf776eb9ee3f975d09925f61e0922"}))}};a.style=':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;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-of-type){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-child){padding-right:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-child){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-child){padding-left:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-of-type){padding-left:0}@media (max-width: 35.9375em){:host(.duet-grid-item-responsive){width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-br-medium){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-responsive.duet-grid-item-br-medium){padding-right:0;padding-left:0}}@media screen and (max-width: 64em){:host(.duet-grid-item-br-x-large){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){:host(.duet-grid-item-responsive.duet-grid-item-br-x-large){padding-right:0;padding-left:0}}:host(.duet-grid-item-fill){flex:1 1 auto;width:100%}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-m-0){padding:0 !important;margin:0 !important}:host(.duet-theme-turva2.duet-theme-turva){color:rgb(23, 42, 59)}';export{r as duet_grid,a as duet_grid_item}
|
|
4
|
+
import{r as t,h as i,H as e,g as n}from"./p-BxH0r0DA.js";import{i as d}from"./p-BcVbsW_2.js";const r=class{constructor(i){t(this,i),this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.rowReverse=!1,this.alignment="top",this.distribution="default",this.mobile="",this.gridTemplate=null}validateAlignment(){"form_distribute"===this.alignment&&(console.warn('DuetGrid alignment value "form_distribute" is deprecated, replace with "form-distribute"'),this.alignment="form-distribute")}outerHeight(t){const i=t.offsetHeight,e=window.getComputedStyle(t);return parseInt(e.marginTop)+i+parseInt(e.marginBottom)}debounceWindowResizeHandler(){}async connectedCallback(){this.childObserver=new MutationObserver(this.updateGridItems.bind(this)),this.childObserver.observe(this.element,{childList:!0}),this.validateAlignment(),"form-distribute"===this.alignment&&(this.formDistributeObserver=new MutationObserver(this.updateGridItemsWithInputFields.bind(this)),this.formDistributeObserver.observe(this.element,{subtree:!0,childList:!0,characterData:!0,attributeFilter:["error"]}),window.addEventListener("resize",this.debounceWindowResizeHandler)),this.updateGridItems()}componentDidLoad(){"form-distribute"===this.alignment&&this.updateGridItemsWithInputFields()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0),this.formDistributeObserver&&(this.formDistributeObserver.disconnect(),this.formDistributeObserver=void 0),window.removeEventListener("resize",this.debounceWindowResizeHandler)}getDirectChildren(){return Array.from(this.element.querySelectorAll(":scope > *"))}async updateGridItems(){this.getDirectChildren().filter((t=>"duet-grid-item"===t.tagName.toLowerCase())).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint,t.direction=this.direction,t.rowReverse=this.rowReverse}))}async updateGridItemsWithInputFields(){const t=["duet-button","duet-checkbox","duet-choice","duet-choice-group","duet-combobox","duet-date-picker","duet-fieldset","duet-grid-item","duet-input","duet-multiselect","duet-number-input","duet-phone-input","duet-radio","duet-radio-group","duet-range-slider","duet-select","duet-textarea","duet-toggle"],i=[".duet-checkbox-error",".duet-fieldset-error",".duet-input-error",".duet-multiselect-error",".duet-select-error",".duet-textarea-error"],e=this.getDirectChildren().filter((i=>!!i.querySelector(t.join(","))||t.includes(i.tagName.toLowerCase()))),n=!!window&&"column"===window.getComputedStyle(this.element).flexDirection,d=t=>{var e;return(null==t?void 0:t.querySelector(i.join(",")))||(null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(i.join(",")))},r=i=>{var e;const n=[...Array.from(null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelectorAll(t.join(","))),...Array.from(i.querySelectorAll(t.join(",")))],d=n.map(r).flat();return[...n,...d]},a=t=>{return d(t)||(i=r(t),d(i.find(d)));var i};let o=0;const m=[];e.forEach((t=>{const i=a(t),e=i?this.outerHeight(i):0;m.push(e)})),o=Math.max(...m),e.forEach((t=>{const i=a(t),e=i?this.outerHeight(i):0;e<o&&!n?t.setAttribute("style",`padding-bottom: ${o-e}px;`):(e===o||n)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(e,{key:"e57f80a42dbd839fa9e967bbdb7cc9ee2a75c9b4",class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form-distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-x-small":"x-small"===this.breakpoint,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-large":"large"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint,"duet-grid-row-reverse":this.rowReverse,["duet-grid-variation-"+(this.gridTemplate?"grid":"flex")]:!0,[`duet-grid-template-${this.gridTemplate}`]:!0}},i("slot",{key:"2a69e732742e35222c2825a5205ba6bb9c9514fd"}))}get element(){return n(this)}static get watchers(){return{alignment:["validateAlignment"],responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}}};r.style=":host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n border: 0;\n}\n\n:host(.duet-grid-variation-flex) {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n justify-content: flex-start !important;\n width: 100%;\n max-width: 100%;\n height: auto;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: row !important;\n}\n@media (max-width: 22.5em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-wrap) {\n flex-wrap: wrap !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking) {\n flex-direction: row !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking) {\n align-items: center !important;\n}\n\n.duet-grid-align-stretch.duet-no-stacking {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking) {\n align-items: baseline !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small) {\n align-items: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small) {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small) {\n align-items: baseline !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large) {\n align-items: baseline !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-left) {\n justify-content: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-right) {\n justify-content: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-center) {\n justify-content: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-between) {\n justify-content: space-between !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-around) {\n justify-content: space-around !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-evenly) {\n justify-content: space-evenly !important;\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-left) {\n align-items: flex-start !important;\n justify-content: flex-start !important;\n text-align: left !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) {\n align-items: center !important;\n justify-content: center !important;\n text-align: center !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) * {\n text-align: center !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) {\n align-items: flex-end !important;\n justify-content: flex-end !important;\n text-align: right !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) * {\n text-align: right !important;\n }\n}\n\n:host(.duet-grid-variation-grid) {\n display: grid;\n grid-template-rows: repeat(1, 1fr);\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n align-items: flex-start;\n justify-content: center;\n padding: 0 20px;\n container-type: inline-size;\n overflow-x: clip;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid) {\n gap: 24px;\n padding: 0 40px;\n }\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(8, 55px);\n gap: 24px 32px;\n padding: 0;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n padding: 0 64px;\n }\n}\n@media (min-width: 76.25em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, 55px);\n gap: 40px;\n padding: 0;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 3/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 2/span 10;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 12;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 5/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 6;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 5/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 7/span 6;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 5/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: minmax(0, 1fr);\n gap: 12px;\n padding: 0;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n gap: 16px;\n }\n}\n@container (min-width: 664px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@container (min-width: 1100px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}";const a=class{constructor(i){t(this,i),this.fill=!1,this.theme="",this.margin="auto",this.responsive=!1,this.direction="horizontal",this.breakpoint="small",this.rowReverse=!1}componentWillLoad(){d(this)}render(){return i(e,{key:"59b2546565c78716d981db97ba3a66b9f4b06104",style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-row-reverse":this.rowReverse,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-item-br-x-small":"x-small"===this.breakpoint,"duet-grid-item-br-small":"small"===this.breakpoint,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-large":"large"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}},i("slot",{key:"78c0ca977366f49a62d91c19e42b7140455c0e7e"}))}get element(){return n(this)}};a.style=':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;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-of-type){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-child){padding-right:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-child){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-child){padding-left:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-of-type){padding-left:0}@media (max-width: 35.9375em){:host(.duet-grid-item-responsive){width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-br-medium){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-responsive.duet-grid-item-br-medium){padding-right:0;padding-left:0}}@media screen and (max-width: 64em){:host(.duet-grid-item-br-x-large){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){:host(.duet-grid-item-responsive.duet-grid-item-br-x-large){padding-right:0;padding-left:0}}:host(.duet-grid-item-fill){flex:1 1 auto;width:100%}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-m-0){padding:0 !important;margin:0 !important}:host(.duet-theme-turva2.duet-theme-turva){color:rgb(23, 42, 59)}';export{r as duet_grid,a as duet_grid_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as
|
|
4
|
+
import{r as e,h as t,H as a,g as r}from"./p-BxH0r0DA.js";import{i as o}from"./p-BcVbsW_2.js";const n=class{constructor(t){e(this,t),this.theme="",this.variation="default"}componentWillLoad(){o(this)}render(){const e="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return t(a,{key:"c860be4ffbc7d94876629c2039b767516ae67069"},t("nav",{key:"93355e73bf35ed26d242a3e08140140f09d4cbcf",class:{"duet-toolbar":!0,"duet-theme-turva":"turva"===this.theme,[e]:!0},"aria-label":this.accessibleLabel},t("div",{key:"a50a6a5ec9b49d85edcbc10a275264e95a6ad93b",class:"container"},t("div",{key:"d3187fa520b84678f46876238269b9e3f48aced4",class:"list",role:"list"},t("slot",{key:"d0a092e1c45ac428b73d549b94ac932e3f4e871e",name:"left"})),t("div",{key:"90c02bddb8937b6e48648a2b758211ab88ae4b00",class:"list",role:"list"},t("slot",{key:"8d66429a3b7a5d4ca4c3a570677c5fca14915108",name:"right"})))))}get element(){return r(this)}};n.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container{border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary{background:rgb(230, 23, 64)}";export{n as duet_toolbar}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as o,h as n,F as i,H as a,g as t}from"./p-BhYt_2Vd.js";import{i as s}from"./p-1U75pxcR.js";import{c as r}from"./p-Cfr_DJqU.js";import{s as C,u as d}from"./p-Db8rvjPI.js";import{a as l,g as u,c as h,d as p}from"./p-ac_1YilV.js";import{c as v}from"./p-DJzDRf9m.js";import"./p-C6E9F6QT.js";const y={AF:{isoCode:"AF",en:"Afghanistan",fi:"Afganistan",sv:"Afghanistan",telephoneCountryCode:"93"},AL:{isoCode:"AL",en:"Albania",fi:"Albania",sv:"Albanien",telephoneCountryCode:"355"},DZ:{isoCode:"DZ",en:"Algeria",fi:"Algeria",sv:"Algeriet",telephoneCountryCode:"213"},AS:{isoCode:"AS",en:"American Samoa",fi:"Amerikan Samoa",sv:"Amerikanska Samoa",telephoneCountryCode:"1"},AD:{isoCode:"AD",en:"Andorra",fi:"Andorra",sv:"Andorra",telephoneCountryCode:"376"},AO:{isoCode:"AO",en:"Angola",fi:"Angola",sv:"Angola",telephoneCountryCode:"244"},AI:{isoCode:"AI",en:"Anguilla",fi:"Anguilla",sv:"Anguilla",telephoneCountryCode:"1"},AQ:{isoCode:"AQ",en:"Antarctica",fi:"Antarktis",sv:"Antarktis"},AG:{isoCode:"AG",en:"Antigua and Barbuda",fi:"Antigua ja Barbuda",sv:"Antigua och Barbuda",telephoneCountryCode:"1"},AR:{isoCode:"AR",en:"Argentina",fi:"Argentiina",sv:"Argentina",telephoneCountryCode:"54"},AM:{isoCode:"AM",en:"Armenia",fi:"Armenia",sv:"Armenien",telephoneCountryCode:"374"},AW:{isoCode:"AW",en:"Aruba",fi:"Aruba",sv:"Aruba",telephoneCountryCode:"297"},AU:{isoCode:"AU",en:"Australia",fi:"Australia",sv:"Australien",telephoneCountryCode:"61"},AT:{isoCode:"AT",en:"Austria",fi:"Itävalta",sv:"Österrike",telephoneCountryCode:"43"},AZ:{isoCode:"AZ",en:"Azerbaijan",fi:"Azerbaidžan",sv:"Azerbajdzjan",telephoneCountryCode:"994"},BS:{isoCode:"BS",en:"Bahamas",fi:"Bahama",sv:"Bahamas",telephoneCountryCode:"1"},BH:{isoCode:"BH",en:"Bahrain",fi:"Bahrain",sv:"Bahrain",telephoneCountryCode:"973"},BD:{isoCode:"BD",en:"Bangladesh",fi:"Bangladesh",sv:"Bangladesh",telephoneCountryCode:"880"},BB:{isoCode:"BB",en:"Barbados",fi:"Barbados",sv:"Barbados",telephoneCountryCode:"1"},BY:{isoCode:"BY",en:"Belarus",fi:"Valko-Venäjä",sv:"Belarus",telephoneCountryCode:"375"},BE:{isoCode:"BE",en:"Belgium",fi:"Belgia",sv:"Belgien",telephoneCountryCode:"32"},BZ:{isoCode:"BZ",en:"Belize",fi:"Belize",sv:"Belize",telephoneCountryCode:"501"},BJ:{isoCode:"BJ",en:"Benin",fi:"Benin",sv:"Benin",telephoneCountryCode:"229"},BM:{isoCode:"BM",en:"Bermuda",fi:"Bermuda",sv:"Bermuda",telephoneCountryCode:"1"},BT:{isoCode:"BT",en:"Bhutan",fi:"Bhutan",sv:"Bhutan",telephoneCountryCode:"975"},BO:{isoCode:"BO",en:"Bolivia",fi:"Bolivia",sv:"Bolivia",telephoneCountryCode:"591"},BA:{isoCode:"BA",en:"Bosnia and Herzegovina",fi:"Bosnia ja Hertsegovina",sv:"Bosnien och Hercegovina",telephoneCountryCode:"387"},BW:{isoCode:"BW",en:"Botswana",fi:"Botswana",sv:"Botswana",telephoneCountryCode:"267"},BV:{isoCode:"BV",en:"Bouvet Island",fi:"Bouvet’nsaari",sv:"Bouvetön"},BR:{isoCode:"BR",en:"Brazil",fi:"Brasilia",sv:"Brasilien",telephoneCountryCode:"55"},IO:{isoCode:"IO",en:"British Indian Ocean Territory",fi:"Brittiläinen Intian valtameren alue",sv:"Brittiska territoriet i Indiska Oceanen",telephoneCountryCode:"246"},BN:{isoCode:"BN",en:"Brunei Darussalam",fi:"Brunei",sv:"Brunei",telephoneCountryCode:"673"},BG:{isoCode:"BG",en:"Bulgaria",fi:"Bulgaria",sv:"Bulgarien",telephoneCountryCode:"359"},BF:{isoCode:"BF",en:"Burkina Faso",fi:"Burkina Faso",sv:"Burkina Faso",telephoneCountryCode:"226"},BI:{isoCode:"BI",en:"Burundi",fi:"Burundi",sv:"Burundi",telephoneCountryCode:"257"},KH:{isoCode:"KH",en:"Cambodia",fi:"Kambodža",sv:"Kambodja",telephoneCountryCode:"855"},CM:{isoCode:"CM",en:"Cameroon",fi:"Kamerun",sv:"Kamerun",telephoneCountryCode:"237"},CA:{isoCode:"CA",en:"Canada",fi:"Kanada",sv:"Kanada",telephoneCountryCode:"1"},CV:{isoCode:"CV",en:"Cape Verde",fi:"Kap Verde",sv:"Kap Verde",telephoneCountryCode:"238"},KY:{isoCode:"KY",en:"Cayman Islands",fi:"Caymansaaret",sv:"Caymanöarna",telephoneCountryCode:"1"},CF:{isoCode:"CF",en:"Central African Republic",fi:"Keski-Afrikan tasavalta",sv:"Centralafrikanska republiken",telephoneCountryCode:"236"},TD:{isoCode:"TD",en:"Chad",fi:"Tšad",sv:"Tchad",telephoneCountryCode:"235"},CL:{isoCode:"CL",en:"Chile",fi:"Chile",sv:"Chile",telephoneCountryCode:"56"},CN:{isoCode:"CN",en:"People's Republic of China",fi:"Kiina",sv:"Kina",telephoneCountryCode:"86"},CX:{isoCode:"CX",en:"Christmas Island",fi:"Joulusaari",sv:"Julön",telephoneCountryCode:"61"},CC:{isoCode:"CC",en:"Cocos (Keeling) Islands",fi:"Kookossaaret",sv:"Kokosöarna",telephoneCountryCode:"61"},CO:{isoCode:"CO",en:"Colombia",fi:"Kolumbia",sv:"Colombia",telephoneCountryCode:"57"},KM:{isoCode:"KM",en:"Comoros",fi:"Komorit",sv:"Komorerna",telephoneCountryCode:"269"},CG:{isoCode:"CG",en:"Republic of the Congo",fi:"Kongon tasavalta",sv:"Kongo-Brazzaville",telephoneCountryCode:"242"},CD:{isoCode:"CD",en:"Democratic Republic of the Congo",fi:"Kongon demokraattinen tasavalta",sv:"Demokratiska republiken Kongo",telephoneCountryCode:"243"},CK:{isoCode:"CK",en:"Cook Islands",fi:"Cookinsaaret",sv:"Cooköarna",telephoneCountryCode:"682"},CR:{isoCode:"CR",en:"Costa Rica",fi:"Costa Rica",sv:"Costa Rica",telephoneCountryCode:"506"},CI:{isoCode:"CI",en:"Cote D'Ivoire",fi:"Norsunluurannikko",sv:"Elfenbenskusten",telephoneCountryCode:"225"},HR:{isoCode:"HR",en:"Croatia",fi:"Kroatia",sv:"Kroatien",telephoneCountryCode:"385"},CU:{isoCode:"CU",en:"Cuba",fi:"Kuuba",sv:"Kuba",telephoneCountryCode:"53"},CY:{isoCode:"CY",en:"Cyprus",fi:"Kypros",sv:"Cypern",telephoneCountryCode:"357"},CZ:{isoCode:"CZ",en:"Czech Republic",fi:"Tšekki",sv:"Tjeckien",telephoneCountryCode:"420"},DK:{isoCode:"DK",en:"Denmark",fi:"Tanska",sv:"Danmark",telephoneCountryCode:"45"},DJ:{isoCode:"DJ",en:"Djibouti",fi:"Djibouti",sv:"Djibouti",telephoneCountryCode:"253"},DM:{isoCode:"DM",en:"Dominica",fi:"Dominica",sv:"Dominica",telephoneCountryCode:"1"},DO:{isoCode:"DO",en:"Dominican Republic",fi:"Dominikaaninen tasavalta",sv:"Dominikanska republiken",telephoneCountryCode:"1"},EC:{isoCode:"EC",en:"Ecuador",fi:"Ecuador",sv:"Ecuador",telephoneCountryCode:"593"},EG:{isoCode:"EG",en:"Egypt",fi:"Egypti",sv:"Egypten",telephoneCountryCode:"20"},SV:{isoCode:"SV",en:"El Salvador",fi:"El Salvador",sv:"El Salvador",telephoneCountryCode:"503"},GQ:{isoCode:"GQ",en:"Equatorial Guinea",fi:"Päiväntasaajan Guinea",sv:"Ekvatorialguinea",telephoneCountryCode:"240"},ER:{isoCode:"ER",en:"Eritrea",fi:"Eritrea",sv:"Eritrea",telephoneCountryCode:"291"},EE:{isoCode:"EE",en:"Estonia",fi:"Viro",sv:"Estland",telephoneCountryCode:"372"},ET:{isoCode:"ET",en:"Ethiopia",fi:"Etiopia",sv:"Etiopien",telephoneCountryCode:"251"},FK:{isoCode:"FK",en:"Falkland Islands (Malvinas)",fi:"Falklandinsaaret",sv:"Falklandsöarna",telephoneCountryCode:"500"},FO:{isoCode:"FO",en:"Faroe Islands",fi:"Färsaaret",sv:"Färöarna",telephoneCountryCode:"298"},FJ:{isoCode:"FJ",en:"Fiji",fi:"Fidži",sv:"Fiji",telephoneCountryCode:"679"},FI:{isoCode:"FI",en:"Finland",fi:"Suomi",sv:"Finland",telephoneCountryCode:"358"},FR:{isoCode:"FR",en:"France",fi:"Ranska",sv:"Frankrike",telephoneCountryCode:"33"},GF:{isoCode:"GF",en:"French Guiana",fi:"Ranskan Guayana",sv:"Franska Guyana",telephoneCountryCode:"594"},PF:{isoCode:"PF",en:"French Polynesia",fi:"Ranskan Polynesia",sv:"Franska Polynesien",telephoneCountryCode:"689"},TF:{isoCode:"TF",en:"French Southern Territories",fi:"Ranskan eteläiset alueet",sv:"Franska södra territorierna"},GA:{isoCode:"GA",en:"Gabon",fi:"Gabon",sv:"Gabon",telephoneCountryCode:"241"},GM:{isoCode:"GM",en:"Republic of The Gambia",fi:"Gambia",sv:"Gambia",telephoneCountryCode:"220"},GE:{isoCode:"GE",en:"Georgia",fi:"Georgia",sv:"Georgien",telephoneCountryCode:"995"},DE:{isoCode:"DE",en:"Germany",fi:"Saksa",sv:"Tyskland",telephoneCountryCode:"49"},GH:{isoCode:"GH",en:"Ghana",fi:"Ghana",sv:"Ghana",telephoneCountryCode:"233"},GI:{isoCode:"GI",en:"Gibraltar",fi:"Gibraltar",sv:"Gibraltar",telephoneCountryCode:"350"},GR:{isoCode:"GR",en:"Greece",fi:"Kreikka",sv:"Grekland",telephoneCountryCode:"30"},GL:{isoCode:"GL",en:"Greenland",fi:"Grönlanti",sv:"Grönland",telephoneCountryCode:"299"},GD:{isoCode:"GD",en:"Grenada",fi:"Grenada",sv:"Grenada",telephoneCountryCode:"1"},GP:{isoCode:"GP",en:"Guadeloupe",fi:"Guadeloupe",sv:"Guadeloupe",telephoneCountryCode:"590"},GU:{isoCode:"GU",en:"Guam",fi:"Guam",sv:"Guam",telephoneCountryCode:"1"},GT:{isoCode:"GT",en:"Guatemala",fi:"Guatemala",sv:"Guatemala",telephoneCountryCode:"502"},GN:{isoCode:"GN",en:"Guinea",fi:"Guinea",sv:"Guinea",telephoneCountryCode:"224"},GW:{isoCode:"GW",en:"Guinea-Bissau",fi:"Guinea-Bissau",sv:"Guinea Bissau",telephoneCountryCode:"245"},GY:{isoCode:"GY",en:"Guyana",fi:"Guyana",sv:"Guyana",telephoneCountryCode:"592"},HT:{isoCode:"HT",en:"Haiti",fi:"Haiti",sv:"Haiti",telephoneCountryCode:"509"},HM:{isoCode:"HM",en:"Heard Island and McDonald Islands",fi:"Heard ja McDonaldinsaaret",sv:"Heard- och McDonaldsöarna"},VA:{isoCode:"VA",en:"Holy See (Vatican City State)",fi:"Vatikaanivaltio",sv:"Vatikanstaten",telephoneCountryCode:"39"},HN:{isoCode:"HN",en:"Honduras",fi:"Honduras",sv:"Honduras",telephoneCountryCode:"504"},HK:{isoCode:"HK",en:"Hong Kong",fi:"Hongkong",sv:"Hongkong",telephoneCountryCode:"852"},HU:{isoCode:"HU",en:"Hungary",fi:"Unkari",sv:"Ungern",telephoneCountryCode:"36"},IS:{isoCode:"IS",en:"Iceland",fi:"Islanti",sv:"Island",telephoneCountryCode:"354"},IN:{isoCode:"IN",en:"India",fi:"Intia",sv:"Indien",telephoneCountryCode:"91"},ID:{isoCode:"ID",en:"Indonesia",fi:"Indonesia",sv:"Indonesien",telephoneCountryCode:"62"},IR:{isoCode:"IR",en:"Islamic Republic of Iran",fi:"Iran",sv:"Iran",telephoneCountryCode:"98"},IQ:{isoCode:"IQ",en:"Iraq",fi:"Irak",sv:"Irak",telephoneCountryCode:"964"},IE:{isoCode:"IE",en:"Ireland",fi:"Irlanti",sv:"Irland",telephoneCountryCode:"353"},IL:{isoCode:"IL",en:"Israel",fi:"Israel",sv:"Israel",telephoneCountryCode:"972"},IT:{isoCode:"IT",en:"Italy",fi:"Italia",sv:"Italien",telephoneCountryCode:"39"},JM:{isoCode:"JM",en:"Jamaica",fi:"Jamaika",sv:"Jamaica",telephoneCountryCode:"1"},JP:{isoCode:"JP",en:"Japan",fi:"Japani",sv:"Japan",telephoneCountryCode:"81"},JO:{isoCode:"JO",en:"Jordan",fi:"Jordania",sv:"Jordanien",telephoneCountryCode:"962"},KZ:{isoCode:"KZ",en:"Kazakhstan",fi:"Kazakstan",sv:"Kazakstan",telephoneCountryCode:"7"},KE:{isoCode:"KE",en:"Kenya",fi:"Kenia",sv:"Kenya",telephoneCountryCode:"254"},KI:{isoCode:"KI",en:"Kiribati",fi:"Kiribati",sv:"Kiribati",telephoneCountryCode:"686"},KP:{isoCode:"KP",en:"North Korea",fi:"Korean demokraattinen kansantasavalta",sv:"Nordkorea",telephoneCountryCode:"850"},KR:{isoCode:"KR",en:"South Korea",fi:"Korean tasavalta",sv:"Sydkorea",telephoneCountryCode:"82"},KW:{isoCode:"KW",en:"Kuwait",fi:"Kuwait",sv:"Kuwait",telephoneCountryCode:"965"},KG:{isoCode:"KG",en:"Kyrgyzstan",fi:"Kirgisia",sv:"Kirgizistan",telephoneCountryCode:"996"},LA:{isoCode:"LA",en:"Lao People's Democratic Republic",fi:"Laos",sv:"Laos",telephoneCountryCode:"856"},LV:{isoCode:"LV",en:"Latvia",fi:"Latvia",sv:"Lettland",telephoneCountryCode:"371"},LB:{isoCode:"LB",en:"Lebanon",fi:"Libanon",sv:"Libanon",telephoneCountryCode:"961"},LS:{isoCode:"LS",en:"Lesotho",fi:"Lesotho",sv:"Lesotho",telephoneCountryCode:"266"},LR:{isoCode:"LR",en:"Liberia",fi:"Liberia",sv:"Liberia",telephoneCountryCode:"231"},LY:{isoCode:"LY",en:"Libya",fi:"Libya",sv:"Libyen",telephoneCountryCode:"218"},LI:{isoCode:"LI",en:"Liechtenstein",fi:"Liechtenstein",sv:"Liechtenstein",telephoneCountryCode:"423"},LT:{isoCode:"LT",en:"Lithuania",fi:"Liettua",sv:"Litauen",telephoneCountryCode:"370"},LU:{isoCode:"LU",en:"Luxembourg",fi:"Luxemburg",sv:"Luxemburg",telephoneCountryCode:"352"},MO:{isoCode:"MO",en:"Macao",fi:"Macao",sv:"Macau",telephoneCountryCode:"853"},MG:{isoCode:"MG",en:"Madagascar",fi:"Madagaskar",sv:"Madagaskar",telephoneCountryCode:"261"},MW:{isoCode:"MW",en:"Malawi",fi:"Malawi",sv:"Malawi",telephoneCountryCode:"265"},MY:{isoCode:"MY",en:"Malaysia",fi:"Malesia",sv:"Malaysia",telephoneCountryCode:"60"},MV:{isoCode:"MV",en:"Maldives",fi:"Malediivit",sv:"Maldiverna",telephoneCountryCode:"960"},ML:{isoCode:"ML",en:"Mali",fi:"Mali",sv:"Mali",telephoneCountryCode:"223"},MT:{isoCode:"MT",en:"Malta",fi:"Malta",sv:"Malta",telephoneCountryCode:"356"},MH:{isoCode:"MH",en:"Marshall Islands",fi:"Marshallinsaaret",sv:"Marshallöarna",telephoneCountryCode:"692"},MQ:{isoCode:"MQ",en:"Martinique",fi:"Martinique",sv:"Martinique",telephoneCountryCode:"596"},MR:{isoCode:"MR",en:"Mauritania",fi:"Mauritania",sv:"Mauretanien",telephoneCountryCode:"222"},MU:{isoCode:"MU",en:"Mauritius",fi:"Mauritius",sv:"Mauritius",telephoneCountryCode:"230"},YT:{isoCode:"YT",en:"Mayotte",fi:"Mayotte",sv:"Mayotte",telephoneCountryCode:"262"},MX:{isoCode:"MX",en:"Mexico",fi:"Meksiko",sv:"Mexiko",telephoneCountryCode:"52"},FM:{isoCode:"FM",en:"Micronesia, Federated States of",fi:"Mikronesian liittovaltio",sv:"Mikronesiska federationen",telephoneCountryCode:"691"},MD:{isoCode:"MD",en:"Moldova, Republic of",fi:"Moldova",sv:"Moldavien",telephoneCountryCode:"373"},MC:{isoCode:"MC",en:"Monaco",fi:"Monaco",sv:"Monaco",telephoneCountryCode:"377"},MN:{isoCode:"MN",en:"Mongolia",fi:"Mongolia",sv:"Mongoliet",telephoneCountryCode:"976"},MS:{isoCode:"MS",en:"Montserrat",fi:"Montserrat",sv:"Montserrat",telephoneCountryCode:"1"},MA:{isoCode:"MA",en:"Morocco",fi:"Marokko",sv:"Marocko",telephoneCountryCode:"212"},MZ:{isoCode:"MZ",en:"Mozambique",fi:"Mosambik",sv:"Moçambique",telephoneCountryCode:"258"},MM:{isoCode:"MM",en:"Myanmar",fi:"Myanmar",sv:"Burma",telephoneCountryCode:"95"},NA:{isoCode:"NA",en:"Namibia",fi:"Namibia",sv:"Namibia",telephoneCountryCode:"264"},NR:{isoCode:"NR",en:"Nauru",fi:"Nauru",sv:"Nauru",telephoneCountryCode:"674"},NP:{isoCode:"NP",en:"Nepal",fi:"Nepal",sv:"Nepal",telephoneCountryCode:"977"},NL:{isoCode:"NL",en:"Netherlands",fi:"Alankomaat",sv:"Nederländerna",telephoneCountryCode:"31"},NC:{isoCode:"NC",en:"New Caledonia",fi:"Uusi-Kaledonia",sv:"Nya Kaledonien",telephoneCountryCode:"687"},NZ:{isoCode:"NZ",en:"New Zealand",fi:"Uusi-Seelanti",sv:"Nya Zeeland",telephoneCountryCode:"64"},NI:{isoCode:"NI",en:"Nicaragua",fi:"Nicaragua",sv:"Nicaragua",telephoneCountryCode:"505"},NE:{isoCode:"NE",en:"Niger",fi:"Niger",sv:"Niger",telephoneCountryCode:"227"},NG:{isoCode:"NG",en:"Nigeria",fi:"Nigeria",sv:"Nigeria",telephoneCountryCode:"234"},NU:{isoCode:"NU",en:"Niue",fi:"Niue",sv:"Niue",telephoneCountryCode:"683"},NF:{isoCode:"NF",en:"Norfolk Island",fi:"Norfolkinsaari",sv:"Norfolkön",telephoneCountryCode:"672"},MK:{isoCode:"MK",en:"The Republic of North Macedonia",fi:"Pohjois-Makedonia",sv:"Nordmakedonien",telephoneCountryCode:"389"},MP:{isoCode:"MP",en:"Northern Mariana Islands",fi:"Pohjois-Mariaanit",sv:"Nordmarianerna",telephoneCountryCode:"1"},NO:{isoCode:"NO",en:"Norway",fi:"Norja",sv:"Norge",telephoneCountryCode:"47"},OM:{isoCode:"OM",en:"Oman",fi:"Oman",sv:"Oman",telephoneCountryCode:"968"},PK:{isoCode:"PK",en:"Pakistan",fi:"Pakistan",sv:"Pakistan",telephoneCountryCode:"92"},PW:{isoCode:"PW",en:"Palau",fi:"Palau",sv:"Palau",telephoneCountryCode:"680"},PS:{isoCode:"PS",en:"State of Palestine",fi:"Palestiina",sv:"Palestinska territoriet, ockuperade",telephoneCountryCode:"970"},PA:{isoCode:"PA",en:"Panama",fi:"Panama",sv:"Panama",telephoneCountryCode:"507"},PG:{isoCode:"PG",en:"Papua New Guinea",fi:"Papua-Uusi-Guinea",sv:"Papua Nya Guinea",telephoneCountryCode:"675"},PY:{isoCode:"PY",en:"Paraguay",fi:"Paraguay",sv:"Paraguay",telephoneCountryCode:"595"},PE:{isoCode:"PE",en:"Peru",fi:"Peru",sv:"Peru",telephoneCountryCode:"51"},PH:{isoCode:"PH",en:"Philippines",fi:"Filippiinit",sv:"Filippinerna",telephoneCountryCode:"63"},PN:{isoCode:"PN",en:"Pitcairn",fi:"Pitcairn",sv:"Pitcairnöarna"},PL:{isoCode:"PL",en:"Poland",fi:"Puola",sv:"Polen",telephoneCountryCode:"48"},PT:{isoCode:"PT",en:"Portugal",fi:"Portugali",sv:"Portugal",telephoneCountryCode:"351"},PR:{isoCode:"PR",en:"Puerto Rico",fi:"Puerto Rico",sv:"Puerto Rico",telephoneCountryCode:"1"},QA:{isoCode:"QA",en:"Qatar",fi:"Qatar",sv:"Qatar",telephoneCountryCode:"974"},RE:{isoCode:"RE",en:"Reunion",fi:"Réunion",sv:"Réunion",telephoneCountryCode:"262"},RO:{isoCode:"RO",en:"Romania",fi:"Romania",sv:"Rumänien",telephoneCountryCode:"40"},RU:{isoCode:"RU",en:"Russian Federation",fi:"Venäjä",sv:"Ryssland",telephoneCountryCode:"7"},RW:{isoCode:"RW",en:"Rwanda",fi:"Ruanda",sv:"Rwanda",telephoneCountryCode:"250"},SH:{isoCode:"SH",en:"Saint Helena",fi:"Saint Helena",sv:"Sankta Helena",telephoneCountryCode:"290"},KN:{isoCode:"KN",en:"Saint Kitts and Nevis",fi:"Saint Kitts ja Nevis",sv:"Saint Kitts och Nevis",telephoneCountryCode:"1"},LC:{isoCode:"LC",en:"Saint Lucia",fi:"Saint Lucia",sv:"Saint Lucia",telephoneCountryCode:"1"},PM:{isoCode:"PM",en:"Saint Pierre and Miquelon",fi:"Saint-Pierre ja Miquelon",sv:"Saint-Pierre och Miquelon",telephoneCountryCode:"508"},VC:{isoCode:"VC",en:"Saint Vincent and the Grenadines",fi:"Saint Vincent ja Grenadiinit",sv:"Saint Vincent och Grenadinerna",telephoneCountryCode:"1"},WS:{isoCode:"WS",en:"Samoa",fi:"Samoa",sv:"Samoa",telephoneCountryCode:"685"},SM:{isoCode:"SM",en:"San Marino",fi:"San Marino",sv:"San Marino",telephoneCountryCode:"378"},ST:{isoCode:"ST",en:"Sao Tome and Principe",fi:"São Tomé ja Príncipe",sv:"São Tomé och Príncipe",telephoneCountryCode:"239"},SA:{isoCode:"SA",en:"Saudi Arabia",fi:"Saudi-Arabia",sv:"Saudiarabien",telephoneCountryCode:"966"},SN:{isoCode:"SN",en:"Senegal",fi:"Senegal",sv:"Senegal",telephoneCountryCode:"221"},SC:{isoCode:"SC",en:"Seychelles",fi:"Seychellit",sv:"Seychellerna",telephoneCountryCode:"248"},SL:{isoCode:"SL",en:"Sierra Leone",fi:"Sierra Leone",sv:"Sierra Leone",telephoneCountryCode:"232"},SG:{isoCode:"SG",en:"Singapore",fi:"Singapore",sv:"Singapore",telephoneCountryCode:"65"},SK:{isoCode:"SK",en:"Slovakia",fi:"Slovakia",sv:"Slovakien",telephoneCountryCode:"421"},SI:{isoCode:"SI",en:"Slovenia",fi:"Slovenia",sv:"Slovenien",telephoneCountryCode:"386"},SB:{isoCode:"SB",en:"Solomon Islands",fi:"Salomonsaaret",sv:"Salomonöarna",telephoneCountryCode:"677"},SO:{isoCode:"SO",en:"Somalia",fi:"Somalia",sv:"Somalia",telephoneCountryCode:"252"},ZA:{isoCode:"ZA",en:"South Africa",fi:"Etelä-Afrikka",sv:"Sydafrika",telephoneCountryCode:"27"},GS:{isoCode:"GS",en:"South Georgia and the South Sandwich Islands",fi:"Etelä-Georgia ja Eteläiset Sandwichsaaret",sv:"Sydgeorgien och Sydsandwichöarna"},ES:{isoCode:"ES",en:"Spain",fi:"Espanja",sv:"Spanien",telephoneCountryCode:"34"},LK:{isoCode:"LK",en:"Sri Lanka",fi:"Sri Lanka",sv:"Sri Lanka",telephoneCountryCode:"94"},SD:{isoCode:"SD",en:"Sudan",fi:"Sudan",sv:"Sudan",telephoneCountryCode:"249"},SR:{isoCode:"SR",en:"Suriname",fi:"Suriname",sv:"Surinam",telephoneCountryCode:"597"},SJ:{isoCode:"SJ",en:"Svalbard and Jan Mayen",fi:"Svalbard ja Jan Mayen",sv:"Svalbard och Jan Mayen",telephoneCountryCode:"47"},SZ:{isoCode:"SZ",en:"Eswatini",fi:"Swazimaa",sv:"Eswatini",telephoneCountryCode:"268"},SE:{isoCode:"SE",en:"Sweden",fi:"Ruotsi",sv:"Sverige",telephoneCountryCode:"46"},CH:{isoCode:"CH",en:"Switzerland",fi:"Sveitsi",sv:"Schweiz",telephoneCountryCode:"41"},SY:{isoCode:"SY",en:"Syrian Arab Republic",fi:"Syyria",sv:"Syrien",telephoneCountryCode:"963"},TW:{isoCode:"TW",en:"Taiwan, Province of China",fi:"Taiwan",sv:"Taiwan",telephoneCountryCode:"886"},TJ:{isoCode:"TJ",en:"Tajikistan",fi:"Tadžikistan",sv:"Tadzjikistan",telephoneCountryCode:"992"},TZ:{isoCode:"TZ",en:"United Republic of Tanzania",fi:"Tansania",sv:"Tanzania",telephoneCountryCode:"255"},TH:{isoCode:"TH",en:"Thailand",fi:"Thaimaa",sv:"Thailand",telephoneCountryCode:"66"},TL:{isoCode:"TL",en:"Timor-Leste",fi:"Itä-Timor",sv:"Östtimor",telephoneCountryCode:"670"},TG:{isoCode:"TG",en:"Togo",fi:"Togo",sv:"Togo",telephoneCountryCode:"228"},TK:{isoCode:"TK",en:"Tokelau",fi:"Tokelau",sv:"Tokelauöarna",telephoneCountryCode:"690"},TO:{isoCode:"TO",en:"Tonga",fi:"Tonga",sv:"Tonga",telephoneCountryCode:"676"},TT:{isoCode:"TT",en:"Trinidad and Tobago",fi:"Trinidad ja Tobago",sv:"Trinidad och Tobago",telephoneCountryCode:"1"},TN:{isoCode:"TN",en:"Tunisia",fi:"Tunisia",sv:"Tunisien",telephoneCountryCode:"216"},TR:{isoCode:"TR",en:"Türkiye",fi:"Turkki",sv:"Turkiet",telephoneCountryCode:"90"},TM:{isoCode:"TM",en:"Turkmenistan",fi:"Turkmenistan",sv:"Turkmenistan",telephoneCountryCode:"993"},TC:{isoCode:"TC",en:"Turks and Caicos Islands",fi:"Turks- ja Caicossaaret",sv:"Turks- och Caicosöarna",telephoneCountryCode:"1"},TV:{isoCode:"TV",en:"Tuvalu",fi:"Tuvalu",sv:"Tuvalu",telephoneCountryCode:"688"},UG:{isoCode:"UG",en:"Uganda",fi:"Uganda",sv:"Uganda",telephoneCountryCode:"256"},UA:{isoCode:"UA",en:"Ukraine",fi:"Ukraina",sv:"Ukraina",telephoneCountryCode:"380"},AE:{isoCode:"AE",en:"United Arab Emirates",fi:"Arabiemiirikunnat",sv:"Förenade Arabemiraten",telephoneCountryCode:"971"},GB:{isoCode:"GB",en:"United Kingdom",fi:"Yhdistynyt kuningaskunta",sv:"Storbritannien",telephoneCountryCode:"44"},US:{isoCode:"US",en:"United States of America",fi:"Yhdysvallat",sv:"USA",telephoneCountryCode:"1"},UM:{isoCode:"UM",en:"United States Minor Outlying Islands",fi:"Yhdysvaltain pienet erillissaaret",sv:"USA:s yttre öar"},UY:{isoCode:"UY",en:"Uruguay",fi:"Uruguay",sv:"Uruguay",telephoneCountryCode:"598"},UZ:{isoCode:"UZ",en:"Uzbekistan",fi:"Uzbekistan",sv:"Uzbekistan",telephoneCountryCode:"998"},VU:{isoCode:"VU",en:"Vanuatu",fi:"Vanuatu",sv:"Vanuatu",telephoneCountryCode:"678"},VE:{isoCode:"VE",en:"Venezuela",fi:"Venezuela",sv:"Venezuela",telephoneCountryCode:"58"},VN:{isoCode:"VN",en:"Vietnam",fi:"Vietnam",sv:"Vietnam",telephoneCountryCode:"84"},VG:{isoCode:"VG",en:"Virgin Islands, British",fi:"Brittiläiset Neitsytsaaret",sv:"Brittiska Jungfruöarna",telephoneCountryCode:"1"},VI:{isoCode:"VI",en:"Virgin Islands, U.S.",fi:"Yhdysvaltain Neitsytsaaret",sv:"Amerikanska Jungfruöarna",telephoneCountryCode:"1"},WF:{isoCode:"WF",en:"Wallis and Futuna",fi:"Wallis ja Futunasaaret",sv:"Wallis- och Futunaöarna",telephoneCountryCode:"681"},EH:{isoCode:"EH",en:"Western Sahara",fi:"Länsi-Sahara",sv:"Västsahara",telephoneCountryCode:"212"},YE:{isoCode:"YE",en:"Yemen",fi:"Jemen",sv:"Jemen",telephoneCountryCode:"967"},ZM:{isoCode:"ZM",en:"Zambia",fi:"Sambia",sv:"Zambia",telephoneCountryCode:"260"},ZW:{isoCode:"ZW",en:"Zimbabwe",fi:"Zimbabwe",sv:"Zimbabwe",telephoneCountryCode:"263"},AX:{isoCode:"AX",en:"Åland Islands",fi:"Ahvenanmaa",sv:"Åland",telephoneCountryCode:"358"},BQ:{isoCode:"BQ",en:"Bonaire, Sint Eustatius and Saba",fi:"Bonaire, Sint Eustatius ja Saba",sv:"Bonaire, Saint Eustatius och Saba",telephoneCountryCode:"599"},CW:{isoCode:"CW",en:"Curaçao",fi:"Curaçao",sv:"Curacao",telephoneCountryCode:"599"},GG:{isoCode:"GG",en:"Guernsey",fi:"Guernsey",sv:"Guernsey",telephoneCountryCode:"44"},IM:{isoCode:"IM",en:"Isle of Man",fi:"Mansaari",sv:"Isle of Man",telephoneCountryCode:"44"},JE:{isoCode:"JE",en:"Jersey",fi:"Jersey",sv:"Jersey",telephoneCountryCode:"44"},ME:{isoCode:"ME",en:"Montenegro",fi:"Montenegro",sv:"Montenegro",telephoneCountryCode:"382"},BL:{isoCode:"BL",en:"Saint Barthélemy",fi:"Saint-Barthélemy",sv:"Saint-Barthélemy",telephoneCountryCode:"590"},MF:{isoCode:"MF",en:"Saint Martin (French part)",fi:"Saint-Martin",sv:"Saint Martin (franska delen)",telephoneCountryCode:"590"},RS:{isoCode:"RS",en:"Serbia",fi:"Serbia",sv:"Serbien",telephoneCountryCode:"381"},SX:{isoCode:"SX",en:"Sint Maarten (Dutch part)",fi:"Sint Maarten",sv:"Sint Maarten (nederländska delen)",telephoneCountryCode:"1"},SS:{isoCode:"SS",en:"South Sudan",fi:"Etelä-Sudan",sv:"Sydsudan",telephoneCountryCode:"211"},XK:{isoCode:"XK",en:"Kosovo",fi:"Kosovo",sv:"Kosovo",telephoneCountryCode:"383"}},f={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",358:"FI",590:"GP",599:"CW"},c=class{constructor(n){e(this,n),this.duetChange=o(this,"duetChange",3),this.duetInput=o(this,"duetInput",3),this.duetBlur=o(this,"duetBlur",7),this.duetFocus=o(this,"duetFocus",7),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode)),this.countryFlagCDNUrl="https://cdn.duetds.com/api/assets/country-flags/",this.inputId=r("DuetInput"),this.buttonAriaLabel={en:"Choose country code",fi:"Valitse maatunnus",sv:"Välj landskod"},this.language=l(),this.theme="",this.margin="auto",this.expand=!1,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.disabled=!1,this.required=!1,this.labelDefaults={fi:"Puhelinnumero",en:"Phone number",sv:"Telefonnummer"},this.label=u(this.labelDefaults,this.language),this.labelHidden=!1,this.error="",this.tooltip="",this.pendingValue=void 0,this.listFirst=["FI","SE"],this.setListFirstCountries=()=>{const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())),o=Object.values(y).filter((o=>e.includes(o.isoCode))),n=this.countriesToList.filter((o=>!e.includes(o.isoCode)));n.sort(((e,o)=>e[this.language]>o[this.language]?1:-1)),this.countriesToList=[...o,...n]},this.handleFocus=()=>{},this.handleChange=()=>{},this.handleBlur=()=>{},this.handleInput=()=>{var e,o,n;const i=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.trim(),a="error"!==this.currentCountry&&(null===(n=this.currentCountry)||void 0===n?void 0:n.telephoneCountryCode)||"",t=this.findCountryCode(i)||"";i?a!==t&&(t?this.currentCountry=this.findCountryForCode(t):"error"!==a&&(this.currentCountry="error")):this.currentCountry=void 0},this.handleCountryCodeSelectorOpen=()=>{this.countryCodePopup.controller=this.countryCodeButton,this.countryCodePopup.show()},this.handleCountryCodeSelectorSelect=e=>{const o=e.target.closest("duet-popup-menu-item");this.currentCountry=y[o.value],this.countryCodePopup.hide(),this.setInputCountryCode()}}get countries(){return this.countriesToList}set countries(e){let o=e,n="";"string"==typeof e&&(o=JSON.parse(e)),Array.isArray(o)?o.every((e=>"string"==typeof e))?this.countriesToList=Object.values(y).filter((e=>o.includes(e.isoCode)&&!!e.telephoneCountryCode)):o.every((e=>{return o=e,["en","fi","sv","isoCode","telephoneCountryCode"].every((e=>Object.keys(o).includes(e)))&&/^[A-Z]{2}$/.test(o.isoCode)&&/^[1-9][0-9]{0,2}$/.test(o.telephoneCountryCode);var o}))?this.countriesToList=o:n="Invalid array provided for countries in Phone Input":n="Country list for Phone Input must be an array",n&&(console.error(n),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode))),this.setListFirstCountries()}get value(){var e,o,n;return null!==(n=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.replace(/\s/g,""))&&void 0!==n?n:""}set value(e){this.duetInputElement&&this.countryCodePopup?(this.duetInputElement.value=`${e}`.replace(/[^\d+ ]/g,""),this.handleInput()):this.pendingValue=e}get validity(){var e;return null===(e=this.duetInputElement)||void 0===e?void 0:e.validity}componentWillLoad(){s(this),v(this.element,"tooltip","duet-tooltip",1,!0),this.setListFirstCountries()}componentDidLoad(){this.pendingValue&&(this.value=this.pendingValue)}connectedCallback(){h(this,{prop:"label",defaults:"labelDefaults"}),C(this)}disconnectedCallback(){p(this),d(this)}async setFocus(e){var o;null===(o=this.duetInputElement)||void 0===o||o.setFocus(e)}setInputCountryCode(){if("error"===this.currentCountry)return;const e=`+${this.currentCountry.telephoneCountryCode} `,o=this.duetInputElement.value;if(!(null==o?void 0:o.trim().startsWith("+")))return void(this.duetInputElement.value=`${e}${(null==o?void 0:o.trimStart())||""}`);const n=this.findCountryCode(o);this.duetInputElement.value=n?o.replace(`+${n}`,e).replace(" "," "):o.replace("+",e)}findCountryCode(e){const o=(null==e?void 0:e.trim())||"";if(!o.startsWith("+"))return;const n=Object.values(y).find((e=>o.startsWith(`+${e.telephoneCountryCode}`)));return null==n?void 0:n.telephoneCountryCode}findCountryForCode(e){const o=f[e]||"";return o?y[o]:Object.values(y).find((o=>o.telephoneCountryCode===e))}renderFlag(e,o=!1){return n("img",{src:`${this.countryFlagCDNUrl}${e}.svg`,"aria-hidden":"true",style:{height:o?"34px":"24px",width:o?"27px":"24px","margin-right":o?"0":"10px","object-fit":"contain","object-position":"center",filter:"drop-shadow(0 0 1px rgba(0, 0, 0, 0.3)) drop-shadow(0 2px 6px rgba(0, 41, 77, 0.1))"},loading:"lazy"})}getFlagForButton(){return this.currentCountry&&"error"!==this.currentCountry?this.renderFlag(this.currentCountry.isoCode,!0):n("duet-icon",{name:this.currentCountry?"messaging-alert":"form-country",margin:"none"})}render(){const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())).pop(),o=this.identifier||this.inputId;return n(a,{class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},n("div",{class:"duet-phone-input-container"},n("duet-popup-menu",{ref:e=>this.countryCodePopup=e,scrollLimit:10,showFilterInput:!0},this.countriesToList.map((o=>o.isoCode===e?n(i,null,n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")"))),n("duet-divider",null)):n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")")))))),n("duet-input",{ref:e=>this.duetInputElement=e,onDuetChange:this.handleChange,onDuetFocus:this.handleFocus,onDuetBlur:this.handleBlur,onDuetInput:this.handleInput,label:this.label,caption:this.caption,error:this.error,name:this.name,minlength:this.minlength,maxlength:this.maxlength,component:"phone",variation:"button-left",type:"tel",disallowPattern:"[^\\+0-9 ]",required:this.required,disabled:this.disabled,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:o,theme:this.theme,margin:"none",expand:!0},n("duet-button",{ref:e=>this.countryCodeButton=e,slot:"button-left",variation:"input-button-left-secondary",margin:"none",fixed:!0,icon:"action-arrow-down-small",iconSize:"small",iconRight:!0,accessibleLabel:this.buttonAriaLabel[this.language],onClick:this.handleCountryCodeSelectorOpen},n("span",{class:"flag-container"},this.getFlagForButton())),n("slot",{name:"tooltip"}))))}get element(){return t(this)}};c.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}span.flag-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:bottom;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-phone-input-container{position:relative;width:100%;height:100%}";export{c as duet_phone_input}
|
|
4
|
+
import{r as e,c as o,h as n,F as i,H as a,g as t}from"./p-BxH0r0DA.js";import{i as s}from"./p-BcVbsW_2.js";import{c as r}from"./p-Cfr_DJqU.js";import{s as C,u as d}from"./p-Db8rvjPI.js";import{a as l,g as u,c as h,d as p}from"./p-dX4lCxX-.js";import{c as v}from"./p-CKemMSHL.js";import"./p-C6E9F6QT.js";const y={AF:{isoCode:"AF",en:"Afghanistan",fi:"Afganistan",sv:"Afghanistan",telephoneCountryCode:"93"},AL:{isoCode:"AL",en:"Albania",fi:"Albania",sv:"Albanien",telephoneCountryCode:"355"},DZ:{isoCode:"DZ",en:"Algeria",fi:"Algeria",sv:"Algeriet",telephoneCountryCode:"213"},AS:{isoCode:"AS",en:"American Samoa",fi:"Amerikan Samoa",sv:"Amerikanska Samoa",telephoneCountryCode:"1"},AD:{isoCode:"AD",en:"Andorra",fi:"Andorra",sv:"Andorra",telephoneCountryCode:"376"},AO:{isoCode:"AO",en:"Angola",fi:"Angola",sv:"Angola",telephoneCountryCode:"244"},AI:{isoCode:"AI",en:"Anguilla",fi:"Anguilla",sv:"Anguilla",telephoneCountryCode:"1"},AQ:{isoCode:"AQ",en:"Antarctica",fi:"Antarktis",sv:"Antarktis"},AG:{isoCode:"AG",en:"Antigua and Barbuda",fi:"Antigua ja Barbuda",sv:"Antigua och Barbuda",telephoneCountryCode:"1"},AR:{isoCode:"AR",en:"Argentina",fi:"Argentiina",sv:"Argentina",telephoneCountryCode:"54"},AM:{isoCode:"AM",en:"Armenia",fi:"Armenia",sv:"Armenien",telephoneCountryCode:"374"},AW:{isoCode:"AW",en:"Aruba",fi:"Aruba",sv:"Aruba",telephoneCountryCode:"297"},AU:{isoCode:"AU",en:"Australia",fi:"Australia",sv:"Australien",telephoneCountryCode:"61"},AT:{isoCode:"AT",en:"Austria",fi:"Itävalta",sv:"Österrike",telephoneCountryCode:"43"},AZ:{isoCode:"AZ",en:"Azerbaijan",fi:"Azerbaidžan",sv:"Azerbajdzjan",telephoneCountryCode:"994"},BS:{isoCode:"BS",en:"Bahamas",fi:"Bahama",sv:"Bahamas",telephoneCountryCode:"1"},BH:{isoCode:"BH",en:"Bahrain",fi:"Bahrain",sv:"Bahrain",telephoneCountryCode:"973"},BD:{isoCode:"BD",en:"Bangladesh",fi:"Bangladesh",sv:"Bangladesh",telephoneCountryCode:"880"},BB:{isoCode:"BB",en:"Barbados",fi:"Barbados",sv:"Barbados",telephoneCountryCode:"1"},BY:{isoCode:"BY",en:"Belarus",fi:"Valko-Venäjä",sv:"Belarus",telephoneCountryCode:"375"},BE:{isoCode:"BE",en:"Belgium",fi:"Belgia",sv:"Belgien",telephoneCountryCode:"32"},BZ:{isoCode:"BZ",en:"Belize",fi:"Belize",sv:"Belize",telephoneCountryCode:"501"},BJ:{isoCode:"BJ",en:"Benin",fi:"Benin",sv:"Benin",telephoneCountryCode:"229"},BM:{isoCode:"BM",en:"Bermuda",fi:"Bermuda",sv:"Bermuda",telephoneCountryCode:"1"},BT:{isoCode:"BT",en:"Bhutan",fi:"Bhutan",sv:"Bhutan",telephoneCountryCode:"975"},BO:{isoCode:"BO",en:"Bolivia",fi:"Bolivia",sv:"Bolivia",telephoneCountryCode:"591"},BA:{isoCode:"BA",en:"Bosnia and Herzegovina",fi:"Bosnia ja Hertsegovina",sv:"Bosnien och Hercegovina",telephoneCountryCode:"387"},BW:{isoCode:"BW",en:"Botswana",fi:"Botswana",sv:"Botswana",telephoneCountryCode:"267"},BV:{isoCode:"BV",en:"Bouvet Island",fi:"Bouvet’nsaari",sv:"Bouvetön"},BR:{isoCode:"BR",en:"Brazil",fi:"Brasilia",sv:"Brasilien",telephoneCountryCode:"55"},IO:{isoCode:"IO",en:"British Indian Ocean Territory",fi:"Brittiläinen Intian valtameren alue",sv:"Brittiska territoriet i Indiska Oceanen",telephoneCountryCode:"246"},BN:{isoCode:"BN",en:"Brunei Darussalam",fi:"Brunei",sv:"Brunei",telephoneCountryCode:"673"},BG:{isoCode:"BG",en:"Bulgaria",fi:"Bulgaria",sv:"Bulgarien",telephoneCountryCode:"359"},BF:{isoCode:"BF",en:"Burkina Faso",fi:"Burkina Faso",sv:"Burkina Faso",telephoneCountryCode:"226"},BI:{isoCode:"BI",en:"Burundi",fi:"Burundi",sv:"Burundi",telephoneCountryCode:"257"},KH:{isoCode:"KH",en:"Cambodia",fi:"Kambodža",sv:"Kambodja",telephoneCountryCode:"855"},CM:{isoCode:"CM",en:"Cameroon",fi:"Kamerun",sv:"Kamerun",telephoneCountryCode:"237"},CA:{isoCode:"CA",en:"Canada",fi:"Kanada",sv:"Kanada",telephoneCountryCode:"1"},CV:{isoCode:"CV",en:"Cape Verde",fi:"Kap Verde",sv:"Kap Verde",telephoneCountryCode:"238"},KY:{isoCode:"KY",en:"Cayman Islands",fi:"Caymansaaret",sv:"Caymanöarna",telephoneCountryCode:"1"},CF:{isoCode:"CF",en:"Central African Republic",fi:"Keski-Afrikan tasavalta",sv:"Centralafrikanska republiken",telephoneCountryCode:"236"},TD:{isoCode:"TD",en:"Chad",fi:"Tšad",sv:"Tchad",telephoneCountryCode:"235"},CL:{isoCode:"CL",en:"Chile",fi:"Chile",sv:"Chile",telephoneCountryCode:"56"},CN:{isoCode:"CN",en:"People's Republic of China",fi:"Kiina",sv:"Kina",telephoneCountryCode:"86"},CX:{isoCode:"CX",en:"Christmas Island",fi:"Joulusaari",sv:"Julön",telephoneCountryCode:"61"},CC:{isoCode:"CC",en:"Cocos (Keeling) Islands",fi:"Kookossaaret",sv:"Kokosöarna",telephoneCountryCode:"61"},CO:{isoCode:"CO",en:"Colombia",fi:"Kolumbia",sv:"Colombia",telephoneCountryCode:"57"},KM:{isoCode:"KM",en:"Comoros",fi:"Komorit",sv:"Komorerna",telephoneCountryCode:"269"},CG:{isoCode:"CG",en:"Republic of the Congo",fi:"Kongon tasavalta",sv:"Kongo-Brazzaville",telephoneCountryCode:"242"},CD:{isoCode:"CD",en:"Democratic Republic of the Congo",fi:"Kongon demokraattinen tasavalta",sv:"Demokratiska republiken Kongo",telephoneCountryCode:"243"},CK:{isoCode:"CK",en:"Cook Islands",fi:"Cookinsaaret",sv:"Cooköarna",telephoneCountryCode:"682"},CR:{isoCode:"CR",en:"Costa Rica",fi:"Costa Rica",sv:"Costa Rica",telephoneCountryCode:"506"},CI:{isoCode:"CI",en:"Cote D'Ivoire",fi:"Norsunluurannikko",sv:"Elfenbenskusten",telephoneCountryCode:"225"},HR:{isoCode:"HR",en:"Croatia",fi:"Kroatia",sv:"Kroatien",telephoneCountryCode:"385"},CU:{isoCode:"CU",en:"Cuba",fi:"Kuuba",sv:"Kuba",telephoneCountryCode:"53"},CY:{isoCode:"CY",en:"Cyprus",fi:"Kypros",sv:"Cypern",telephoneCountryCode:"357"},CZ:{isoCode:"CZ",en:"Czech Republic",fi:"Tšekki",sv:"Tjeckien",telephoneCountryCode:"420"},DK:{isoCode:"DK",en:"Denmark",fi:"Tanska",sv:"Danmark",telephoneCountryCode:"45"},DJ:{isoCode:"DJ",en:"Djibouti",fi:"Djibouti",sv:"Djibouti",telephoneCountryCode:"253"},DM:{isoCode:"DM",en:"Dominica",fi:"Dominica",sv:"Dominica",telephoneCountryCode:"1"},DO:{isoCode:"DO",en:"Dominican Republic",fi:"Dominikaaninen tasavalta",sv:"Dominikanska republiken",telephoneCountryCode:"1"},EC:{isoCode:"EC",en:"Ecuador",fi:"Ecuador",sv:"Ecuador",telephoneCountryCode:"593"},EG:{isoCode:"EG",en:"Egypt",fi:"Egypti",sv:"Egypten",telephoneCountryCode:"20"},SV:{isoCode:"SV",en:"El Salvador",fi:"El Salvador",sv:"El Salvador",telephoneCountryCode:"503"},GQ:{isoCode:"GQ",en:"Equatorial Guinea",fi:"Päiväntasaajan Guinea",sv:"Ekvatorialguinea",telephoneCountryCode:"240"},ER:{isoCode:"ER",en:"Eritrea",fi:"Eritrea",sv:"Eritrea",telephoneCountryCode:"291"},EE:{isoCode:"EE",en:"Estonia",fi:"Viro",sv:"Estland",telephoneCountryCode:"372"},ET:{isoCode:"ET",en:"Ethiopia",fi:"Etiopia",sv:"Etiopien",telephoneCountryCode:"251"},FK:{isoCode:"FK",en:"Falkland Islands (Malvinas)",fi:"Falklandinsaaret",sv:"Falklandsöarna",telephoneCountryCode:"500"},FO:{isoCode:"FO",en:"Faroe Islands",fi:"Färsaaret",sv:"Färöarna",telephoneCountryCode:"298"},FJ:{isoCode:"FJ",en:"Fiji",fi:"Fidži",sv:"Fiji",telephoneCountryCode:"679"},FI:{isoCode:"FI",en:"Finland",fi:"Suomi",sv:"Finland",telephoneCountryCode:"358"},FR:{isoCode:"FR",en:"France",fi:"Ranska",sv:"Frankrike",telephoneCountryCode:"33"},GF:{isoCode:"GF",en:"French Guiana",fi:"Ranskan Guayana",sv:"Franska Guyana",telephoneCountryCode:"594"},PF:{isoCode:"PF",en:"French Polynesia",fi:"Ranskan Polynesia",sv:"Franska Polynesien",telephoneCountryCode:"689"},TF:{isoCode:"TF",en:"French Southern Territories",fi:"Ranskan eteläiset alueet",sv:"Franska södra territorierna"},GA:{isoCode:"GA",en:"Gabon",fi:"Gabon",sv:"Gabon",telephoneCountryCode:"241"},GM:{isoCode:"GM",en:"Republic of The Gambia",fi:"Gambia",sv:"Gambia",telephoneCountryCode:"220"},GE:{isoCode:"GE",en:"Georgia",fi:"Georgia",sv:"Georgien",telephoneCountryCode:"995"},DE:{isoCode:"DE",en:"Germany",fi:"Saksa",sv:"Tyskland",telephoneCountryCode:"49"},GH:{isoCode:"GH",en:"Ghana",fi:"Ghana",sv:"Ghana",telephoneCountryCode:"233"},GI:{isoCode:"GI",en:"Gibraltar",fi:"Gibraltar",sv:"Gibraltar",telephoneCountryCode:"350"},GR:{isoCode:"GR",en:"Greece",fi:"Kreikka",sv:"Grekland",telephoneCountryCode:"30"},GL:{isoCode:"GL",en:"Greenland",fi:"Grönlanti",sv:"Grönland",telephoneCountryCode:"299"},GD:{isoCode:"GD",en:"Grenada",fi:"Grenada",sv:"Grenada",telephoneCountryCode:"1"},GP:{isoCode:"GP",en:"Guadeloupe",fi:"Guadeloupe",sv:"Guadeloupe",telephoneCountryCode:"590"},GU:{isoCode:"GU",en:"Guam",fi:"Guam",sv:"Guam",telephoneCountryCode:"1"},GT:{isoCode:"GT",en:"Guatemala",fi:"Guatemala",sv:"Guatemala",telephoneCountryCode:"502"},GN:{isoCode:"GN",en:"Guinea",fi:"Guinea",sv:"Guinea",telephoneCountryCode:"224"},GW:{isoCode:"GW",en:"Guinea-Bissau",fi:"Guinea-Bissau",sv:"Guinea Bissau",telephoneCountryCode:"245"},GY:{isoCode:"GY",en:"Guyana",fi:"Guyana",sv:"Guyana",telephoneCountryCode:"592"},HT:{isoCode:"HT",en:"Haiti",fi:"Haiti",sv:"Haiti",telephoneCountryCode:"509"},HM:{isoCode:"HM",en:"Heard Island and McDonald Islands",fi:"Heard ja McDonaldinsaaret",sv:"Heard- och McDonaldsöarna"},VA:{isoCode:"VA",en:"Holy See (Vatican City State)",fi:"Vatikaanivaltio",sv:"Vatikanstaten",telephoneCountryCode:"39"},HN:{isoCode:"HN",en:"Honduras",fi:"Honduras",sv:"Honduras",telephoneCountryCode:"504"},HK:{isoCode:"HK",en:"Hong Kong",fi:"Hongkong",sv:"Hongkong",telephoneCountryCode:"852"},HU:{isoCode:"HU",en:"Hungary",fi:"Unkari",sv:"Ungern",telephoneCountryCode:"36"},IS:{isoCode:"IS",en:"Iceland",fi:"Islanti",sv:"Island",telephoneCountryCode:"354"},IN:{isoCode:"IN",en:"India",fi:"Intia",sv:"Indien",telephoneCountryCode:"91"},ID:{isoCode:"ID",en:"Indonesia",fi:"Indonesia",sv:"Indonesien",telephoneCountryCode:"62"},IR:{isoCode:"IR",en:"Islamic Republic of Iran",fi:"Iran",sv:"Iran",telephoneCountryCode:"98"},IQ:{isoCode:"IQ",en:"Iraq",fi:"Irak",sv:"Irak",telephoneCountryCode:"964"},IE:{isoCode:"IE",en:"Ireland",fi:"Irlanti",sv:"Irland",telephoneCountryCode:"353"},IL:{isoCode:"IL",en:"Israel",fi:"Israel",sv:"Israel",telephoneCountryCode:"972"},IT:{isoCode:"IT",en:"Italy",fi:"Italia",sv:"Italien",telephoneCountryCode:"39"},JM:{isoCode:"JM",en:"Jamaica",fi:"Jamaika",sv:"Jamaica",telephoneCountryCode:"1"},JP:{isoCode:"JP",en:"Japan",fi:"Japani",sv:"Japan",telephoneCountryCode:"81"},JO:{isoCode:"JO",en:"Jordan",fi:"Jordania",sv:"Jordanien",telephoneCountryCode:"962"},KZ:{isoCode:"KZ",en:"Kazakhstan",fi:"Kazakstan",sv:"Kazakstan",telephoneCountryCode:"7"},KE:{isoCode:"KE",en:"Kenya",fi:"Kenia",sv:"Kenya",telephoneCountryCode:"254"},KI:{isoCode:"KI",en:"Kiribati",fi:"Kiribati",sv:"Kiribati",telephoneCountryCode:"686"},KP:{isoCode:"KP",en:"North Korea",fi:"Korean demokraattinen kansantasavalta",sv:"Nordkorea",telephoneCountryCode:"850"},KR:{isoCode:"KR",en:"South Korea",fi:"Korean tasavalta",sv:"Sydkorea",telephoneCountryCode:"82"},KW:{isoCode:"KW",en:"Kuwait",fi:"Kuwait",sv:"Kuwait",telephoneCountryCode:"965"},KG:{isoCode:"KG",en:"Kyrgyzstan",fi:"Kirgisia",sv:"Kirgizistan",telephoneCountryCode:"996"},LA:{isoCode:"LA",en:"Lao People's Democratic Republic",fi:"Laos",sv:"Laos",telephoneCountryCode:"856"},LV:{isoCode:"LV",en:"Latvia",fi:"Latvia",sv:"Lettland",telephoneCountryCode:"371"},LB:{isoCode:"LB",en:"Lebanon",fi:"Libanon",sv:"Libanon",telephoneCountryCode:"961"},LS:{isoCode:"LS",en:"Lesotho",fi:"Lesotho",sv:"Lesotho",telephoneCountryCode:"266"},LR:{isoCode:"LR",en:"Liberia",fi:"Liberia",sv:"Liberia",telephoneCountryCode:"231"},LY:{isoCode:"LY",en:"Libya",fi:"Libya",sv:"Libyen",telephoneCountryCode:"218"},LI:{isoCode:"LI",en:"Liechtenstein",fi:"Liechtenstein",sv:"Liechtenstein",telephoneCountryCode:"423"},LT:{isoCode:"LT",en:"Lithuania",fi:"Liettua",sv:"Litauen",telephoneCountryCode:"370"},LU:{isoCode:"LU",en:"Luxembourg",fi:"Luxemburg",sv:"Luxemburg",telephoneCountryCode:"352"},MO:{isoCode:"MO",en:"Macao",fi:"Macao",sv:"Macau",telephoneCountryCode:"853"},MG:{isoCode:"MG",en:"Madagascar",fi:"Madagaskar",sv:"Madagaskar",telephoneCountryCode:"261"},MW:{isoCode:"MW",en:"Malawi",fi:"Malawi",sv:"Malawi",telephoneCountryCode:"265"},MY:{isoCode:"MY",en:"Malaysia",fi:"Malesia",sv:"Malaysia",telephoneCountryCode:"60"},MV:{isoCode:"MV",en:"Maldives",fi:"Malediivit",sv:"Maldiverna",telephoneCountryCode:"960"},ML:{isoCode:"ML",en:"Mali",fi:"Mali",sv:"Mali",telephoneCountryCode:"223"},MT:{isoCode:"MT",en:"Malta",fi:"Malta",sv:"Malta",telephoneCountryCode:"356"},MH:{isoCode:"MH",en:"Marshall Islands",fi:"Marshallinsaaret",sv:"Marshallöarna",telephoneCountryCode:"692"},MQ:{isoCode:"MQ",en:"Martinique",fi:"Martinique",sv:"Martinique",telephoneCountryCode:"596"},MR:{isoCode:"MR",en:"Mauritania",fi:"Mauritania",sv:"Mauretanien",telephoneCountryCode:"222"},MU:{isoCode:"MU",en:"Mauritius",fi:"Mauritius",sv:"Mauritius",telephoneCountryCode:"230"},YT:{isoCode:"YT",en:"Mayotte",fi:"Mayotte",sv:"Mayotte",telephoneCountryCode:"262"},MX:{isoCode:"MX",en:"Mexico",fi:"Meksiko",sv:"Mexiko",telephoneCountryCode:"52"},FM:{isoCode:"FM",en:"Micronesia, Federated States of",fi:"Mikronesian liittovaltio",sv:"Mikronesiska federationen",telephoneCountryCode:"691"},MD:{isoCode:"MD",en:"Moldova, Republic of",fi:"Moldova",sv:"Moldavien",telephoneCountryCode:"373"},MC:{isoCode:"MC",en:"Monaco",fi:"Monaco",sv:"Monaco",telephoneCountryCode:"377"},MN:{isoCode:"MN",en:"Mongolia",fi:"Mongolia",sv:"Mongoliet",telephoneCountryCode:"976"},MS:{isoCode:"MS",en:"Montserrat",fi:"Montserrat",sv:"Montserrat",telephoneCountryCode:"1"},MA:{isoCode:"MA",en:"Morocco",fi:"Marokko",sv:"Marocko",telephoneCountryCode:"212"},MZ:{isoCode:"MZ",en:"Mozambique",fi:"Mosambik",sv:"Moçambique",telephoneCountryCode:"258"},MM:{isoCode:"MM",en:"Myanmar",fi:"Myanmar",sv:"Burma",telephoneCountryCode:"95"},NA:{isoCode:"NA",en:"Namibia",fi:"Namibia",sv:"Namibia",telephoneCountryCode:"264"},NR:{isoCode:"NR",en:"Nauru",fi:"Nauru",sv:"Nauru",telephoneCountryCode:"674"},NP:{isoCode:"NP",en:"Nepal",fi:"Nepal",sv:"Nepal",telephoneCountryCode:"977"},NL:{isoCode:"NL",en:"Netherlands",fi:"Alankomaat",sv:"Nederländerna",telephoneCountryCode:"31"},NC:{isoCode:"NC",en:"New Caledonia",fi:"Uusi-Kaledonia",sv:"Nya Kaledonien",telephoneCountryCode:"687"},NZ:{isoCode:"NZ",en:"New Zealand",fi:"Uusi-Seelanti",sv:"Nya Zeeland",telephoneCountryCode:"64"},NI:{isoCode:"NI",en:"Nicaragua",fi:"Nicaragua",sv:"Nicaragua",telephoneCountryCode:"505"},NE:{isoCode:"NE",en:"Niger",fi:"Niger",sv:"Niger",telephoneCountryCode:"227"},NG:{isoCode:"NG",en:"Nigeria",fi:"Nigeria",sv:"Nigeria",telephoneCountryCode:"234"},NU:{isoCode:"NU",en:"Niue",fi:"Niue",sv:"Niue",telephoneCountryCode:"683"},NF:{isoCode:"NF",en:"Norfolk Island",fi:"Norfolkinsaari",sv:"Norfolkön",telephoneCountryCode:"672"},MK:{isoCode:"MK",en:"The Republic of North Macedonia",fi:"Pohjois-Makedonia",sv:"Nordmakedonien",telephoneCountryCode:"389"},MP:{isoCode:"MP",en:"Northern Mariana Islands",fi:"Pohjois-Mariaanit",sv:"Nordmarianerna",telephoneCountryCode:"1"},NO:{isoCode:"NO",en:"Norway",fi:"Norja",sv:"Norge",telephoneCountryCode:"47"},OM:{isoCode:"OM",en:"Oman",fi:"Oman",sv:"Oman",telephoneCountryCode:"968"},PK:{isoCode:"PK",en:"Pakistan",fi:"Pakistan",sv:"Pakistan",telephoneCountryCode:"92"},PW:{isoCode:"PW",en:"Palau",fi:"Palau",sv:"Palau",telephoneCountryCode:"680"},PS:{isoCode:"PS",en:"State of Palestine",fi:"Palestiina",sv:"Palestinska territoriet, ockuperade",telephoneCountryCode:"970"},PA:{isoCode:"PA",en:"Panama",fi:"Panama",sv:"Panama",telephoneCountryCode:"507"},PG:{isoCode:"PG",en:"Papua New Guinea",fi:"Papua-Uusi-Guinea",sv:"Papua Nya Guinea",telephoneCountryCode:"675"},PY:{isoCode:"PY",en:"Paraguay",fi:"Paraguay",sv:"Paraguay",telephoneCountryCode:"595"},PE:{isoCode:"PE",en:"Peru",fi:"Peru",sv:"Peru",telephoneCountryCode:"51"},PH:{isoCode:"PH",en:"Philippines",fi:"Filippiinit",sv:"Filippinerna",telephoneCountryCode:"63"},PN:{isoCode:"PN",en:"Pitcairn",fi:"Pitcairn",sv:"Pitcairnöarna"},PL:{isoCode:"PL",en:"Poland",fi:"Puola",sv:"Polen",telephoneCountryCode:"48"},PT:{isoCode:"PT",en:"Portugal",fi:"Portugali",sv:"Portugal",telephoneCountryCode:"351"},PR:{isoCode:"PR",en:"Puerto Rico",fi:"Puerto Rico",sv:"Puerto Rico",telephoneCountryCode:"1"},QA:{isoCode:"QA",en:"Qatar",fi:"Qatar",sv:"Qatar",telephoneCountryCode:"974"},RE:{isoCode:"RE",en:"Reunion",fi:"Réunion",sv:"Réunion",telephoneCountryCode:"262"},RO:{isoCode:"RO",en:"Romania",fi:"Romania",sv:"Rumänien",telephoneCountryCode:"40"},RU:{isoCode:"RU",en:"Russian Federation",fi:"Venäjä",sv:"Ryssland",telephoneCountryCode:"7"},RW:{isoCode:"RW",en:"Rwanda",fi:"Ruanda",sv:"Rwanda",telephoneCountryCode:"250"},SH:{isoCode:"SH",en:"Saint Helena",fi:"Saint Helena",sv:"Sankta Helena",telephoneCountryCode:"290"},KN:{isoCode:"KN",en:"Saint Kitts and Nevis",fi:"Saint Kitts ja Nevis",sv:"Saint Kitts och Nevis",telephoneCountryCode:"1"},LC:{isoCode:"LC",en:"Saint Lucia",fi:"Saint Lucia",sv:"Saint Lucia",telephoneCountryCode:"1"},PM:{isoCode:"PM",en:"Saint Pierre and Miquelon",fi:"Saint-Pierre ja Miquelon",sv:"Saint-Pierre och Miquelon",telephoneCountryCode:"508"},VC:{isoCode:"VC",en:"Saint Vincent and the Grenadines",fi:"Saint Vincent ja Grenadiinit",sv:"Saint Vincent och Grenadinerna",telephoneCountryCode:"1"},WS:{isoCode:"WS",en:"Samoa",fi:"Samoa",sv:"Samoa",telephoneCountryCode:"685"},SM:{isoCode:"SM",en:"San Marino",fi:"San Marino",sv:"San Marino",telephoneCountryCode:"378"},ST:{isoCode:"ST",en:"Sao Tome and Principe",fi:"São Tomé ja Príncipe",sv:"São Tomé och Príncipe",telephoneCountryCode:"239"},SA:{isoCode:"SA",en:"Saudi Arabia",fi:"Saudi-Arabia",sv:"Saudiarabien",telephoneCountryCode:"966"},SN:{isoCode:"SN",en:"Senegal",fi:"Senegal",sv:"Senegal",telephoneCountryCode:"221"},SC:{isoCode:"SC",en:"Seychelles",fi:"Seychellit",sv:"Seychellerna",telephoneCountryCode:"248"},SL:{isoCode:"SL",en:"Sierra Leone",fi:"Sierra Leone",sv:"Sierra Leone",telephoneCountryCode:"232"},SG:{isoCode:"SG",en:"Singapore",fi:"Singapore",sv:"Singapore",telephoneCountryCode:"65"},SK:{isoCode:"SK",en:"Slovakia",fi:"Slovakia",sv:"Slovakien",telephoneCountryCode:"421"},SI:{isoCode:"SI",en:"Slovenia",fi:"Slovenia",sv:"Slovenien",telephoneCountryCode:"386"},SB:{isoCode:"SB",en:"Solomon Islands",fi:"Salomonsaaret",sv:"Salomonöarna",telephoneCountryCode:"677"},SO:{isoCode:"SO",en:"Somalia",fi:"Somalia",sv:"Somalia",telephoneCountryCode:"252"},ZA:{isoCode:"ZA",en:"South Africa",fi:"Etelä-Afrikka",sv:"Sydafrika",telephoneCountryCode:"27"},GS:{isoCode:"GS",en:"South Georgia and the South Sandwich Islands",fi:"Etelä-Georgia ja Eteläiset Sandwichsaaret",sv:"Sydgeorgien och Sydsandwichöarna"},ES:{isoCode:"ES",en:"Spain",fi:"Espanja",sv:"Spanien",telephoneCountryCode:"34"},LK:{isoCode:"LK",en:"Sri Lanka",fi:"Sri Lanka",sv:"Sri Lanka",telephoneCountryCode:"94"},SD:{isoCode:"SD",en:"Sudan",fi:"Sudan",sv:"Sudan",telephoneCountryCode:"249"},SR:{isoCode:"SR",en:"Suriname",fi:"Suriname",sv:"Surinam",telephoneCountryCode:"597"},SJ:{isoCode:"SJ",en:"Svalbard and Jan Mayen",fi:"Svalbard ja Jan Mayen",sv:"Svalbard och Jan Mayen",telephoneCountryCode:"47"},SZ:{isoCode:"SZ",en:"Eswatini",fi:"Swazimaa",sv:"Eswatini",telephoneCountryCode:"268"},SE:{isoCode:"SE",en:"Sweden",fi:"Ruotsi",sv:"Sverige",telephoneCountryCode:"46"},CH:{isoCode:"CH",en:"Switzerland",fi:"Sveitsi",sv:"Schweiz",telephoneCountryCode:"41"},SY:{isoCode:"SY",en:"Syrian Arab Republic",fi:"Syyria",sv:"Syrien",telephoneCountryCode:"963"},TW:{isoCode:"TW",en:"Taiwan, Province of China",fi:"Taiwan",sv:"Taiwan",telephoneCountryCode:"886"},TJ:{isoCode:"TJ",en:"Tajikistan",fi:"Tadžikistan",sv:"Tadzjikistan",telephoneCountryCode:"992"},TZ:{isoCode:"TZ",en:"United Republic of Tanzania",fi:"Tansania",sv:"Tanzania",telephoneCountryCode:"255"},TH:{isoCode:"TH",en:"Thailand",fi:"Thaimaa",sv:"Thailand",telephoneCountryCode:"66"},TL:{isoCode:"TL",en:"Timor-Leste",fi:"Itä-Timor",sv:"Östtimor",telephoneCountryCode:"670"},TG:{isoCode:"TG",en:"Togo",fi:"Togo",sv:"Togo",telephoneCountryCode:"228"},TK:{isoCode:"TK",en:"Tokelau",fi:"Tokelau",sv:"Tokelauöarna",telephoneCountryCode:"690"},TO:{isoCode:"TO",en:"Tonga",fi:"Tonga",sv:"Tonga",telephoneCountryCode:"676"},TT:{isoCode:"TT",en:"Trinidad and Tobago",fi:"Trinidad ja Tobago",sv:"Trinidad och Tobago",telephoneCountryCode:"1"},TN:{isoCode:"TN",en:"Tunisia",fi:"Tunisia",sv:"Tunisien",telephoneCountryCode:"216"},TR:{isoCode:"TR",en:"Türkiye",fi:"Turkki",sv:"Turkiet",telephoneCountryCode:"90"},TM:{isoCode:"TM",en:"Turkmenistan",fi:"Turkmenistan",sv:"Turkmenistan",telephoneCountryCode:"993"},TC:{isoCode:"TC",en:"Turks and Caicos Islands",fi:"Turks- ja Caicossaaret",sv:"Turks- och Caicosöarna",telephoneCountryCode:"1"},TV:{isoCode:"TV",en:"Tuvalu",fi:"Tuvalu",sv:"Tuvalu",telephoneCountryCode:"688"},UG:{isoCode:"UG",en:"Uganda",fi:"Uganda",sv:"Uganda",telephoneCountryCode:"256"},UA:{isoCode:"UA",en:"Ukraine",fi:"Ukraina",sv:"Ukraina",telephoneCountryCode:"380"},AE:{isoCode:"AE",en:"United Arab Emirates",fi:"Arabiemiirikunnat",sv:"Förenade Arabemiraten",telephoneCountryCode:"971"},GB:{isoCode:"GB",en:"United Kingdom",fi:"Yhdistynyt kuningaskunta",sv:"Storbritannien",telephoneCountryCode:"44"},US:{isoCode:"US",en:"United States of America",fi:"Yhdysvallat",sv:"USA",telephoneCountryCode:"1"},UM:{isoCode:"UM",en:"United States Minor Outlying Islands",fi:"Yhdysvaltain pienet erillissaaret",sv:"USA:s yttre öar"},UY:{isoCode:"UY",en:"Uruguay",fi:"Uruguay",sv:"Uruguay",telephoneCountryCode:"598"},UZ:{isoCode:"UZ",en:"Uzbekistan",fi:"Uzbekistan",sv:"Uzbekistan",telephoneCountryCode:"998"},VU:{isoCode:"VU",en:"Vanuatu",fi:"Vanuatu",sv:"Vanuatu",telephoneCountryCode:"678"},VE:{isoCode:"VE",en:"Venezuela",fi:"Venezuela",sv:"Venezuela",telephoneCountryCode:"58"},VN:{isoCode:"VN",en:"Vietnam",fi:"Vietnam",sv:"Vietnam",telephoneCountryCode:"84"},VG:{isoCode:"VG",en:"Virgin Islands, British",fi:"Brittiläiset Neitsytsaaret",sv:"Brittiska Jungfruöarna",telephoneCountryCode:"1"},VI:{isoCode:"VI",en:"Virgin Islands, U.S.",fi:"Yhdysvaltain Neitsytsaaret",sv:"Amerikanska Jungfruöarna",telephoneCountryCode:"1"},WF:{isoCode:"WF",en:"Wallis and Futuna",fi:"Wallis ja Futunasaaret",sv:"Wallis- och Futunaöarna",telephoneCountryCode:"681"},EH:{isoCode:"EH",en:"Western Sahara",fi:"Länsi-Sahara",sv:"Västsahara",telephoneCountryCode:"212"},YE:{isoCode:"YE",en:"Yemen",fi:"Jemen",sv:"Jemen",telephoneCountryCode:"967"},ZM:{isoCode:"ZM",en:"Zambia",fi:"Sambia",sv:"Zambia",telephoneCountryCode:"260"},ZW:{isoCode:"ZW",en:"Zimbabwe",fi:"Zimbabwe",sv:"Zimbabwe",telephoneCountryCode:"263"},AX:{isoCode:"AX",en:"Åland Islands",fi:"Ahvenanmaa",sv:"Åland",telephoneCountryCode:"358"},BQ:{isoCode:"BQ",en:"Bonaire, Sint Eustatius and Saba",fi:"Bonaire, Sint Eustatius ja Saba",sv:"Bonaire, Saint Eustatius och Saba",telephoneCountryCode:"599"},CW:{isoCode:"CW",en:"Curaçao",fi:"Curaçao",sv:"Curacao",telephoneCountryCode:"599"},GG:{isoCode:"GG",en:"Guernsey",fi:"Guernsey",sv:"Guernsey",telephoneCountryCode:"44"},IM:{isoCode:"IM",en:"Isle of Man",fi:"Mansaari",sv:"Isle of Man",telephoneCountryCode:"44"},JE:{isoCode:"JE",en:"Jersey",fi:"Jersey",sv:"Jersey",telephoneCountryCode:"44"},ME:{isoCode:"ME",en:"Montenegro",fi:"Montenegro",sv:"Montenegro",telephoneCountryCode:"382"},BL:{isoCode:"BL",en:"Saint Barthélemy",fi:"Saint-Barthélemy",sv:"Saint-Barthélemy",telephoneCountryCode:"590"},MF:{isoCode:"MF",en:"Saint Martin (French part)",fi:"Saint-Martin",sv:"Saint Martin (franska delen)",telephoneCountryCode:"590"},RS:{isoCode:"RS",en:"Serbia",fi:"Serbia",sv:"Serbien",telephoneCountryCode:"381"},SX:{isoCode:"SX",en:"Sint Maarten (Dutch part)",fi:"Sint Maarten",sv:"Sint Maarten (nederländska delen)",telephoneCountryCode:"1"},SS:{isoCode:"SS",en:"South Sudan",fi:"Etelä-Sudan",sv:"Sydsudan",telephoneCountryCode:"211"},XK:{isoCode:"XK",en:"Kosovo",fi:"Kosovo",sv:"Kosovo",telephoneCountryCode:"383"}},f={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",358:"FI",590:"GP",599:"CW"},m=class{constructor(n){e(this,n),this.duetChange=o(this,"duetChange",3),this.duetInput=o(this,"duetInput",3),this.duetBlur=o(this,"duetBlur",7),this.duetFocus=o(this,"duetFocus",7),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode)),this.countryFlagCDNUrl="https://cdn.duetds.com/api/assets/country-flags/",this.inputId=r("DuetInput"),this.buttonAriaLabel={en:"Choose country code",fi:"Valitse maatunnus",sv:"Välj landskod"},this.language=l(),this.theme="",this.margin="auto",this.expand=!1,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.disabled=!1,this.required=!1,this.labelDefaults={fi:"Puhelinnumero",en:"Phone number",sv:"Telefonnummer"},this.label=u(this.labelDefaults,this.language),this.labelHidden=!1,this.error="",this.tooltip="",this.pendingValue=void 0,this.listFirst=["FI","SE"],this.setListFirstCountries=()=>{const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())),o=Object.values(y).filter((o=>e.includes(o.isoCode))),n=this.countriesToList.filter((o=>!e.includes(o.isoCode)));n.sort(((e,o)=>e[this.language]>o[this.language]?1:-1)),this.countriesToList=[...o,...n]},this.handleFocus=()=>{},this.handleChange=()=>{},this.handleBlur=()=>{},this.handleInput=()=>{var e,o,n;const i=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.trim(),a="error"!==this.currentCountry&&(null===(n=this.currentCountry)||void 0===n?void 0:n.telephoneCountryCode)||"",t=this.findCountryCode(i)||"";i?a!==t&&(t?this.currentCountry=this.findCountryForCode(t):"error"!==a&&(this.currentCountry="error")):this.currentCountry=void 0},this.handleCountryCodeSelectorOpen=()=>{this.countryCodePopup.controller=this.countryCodeButton,this.countryCodePopup.show()},this.handleCountryCodeSelectorSelect=e=>{const o=e.target.closest("duet-popup-menu-item");this.currentCountry=y[o.value],this.countryCodePopup.hide(),this.setInputCountryCode()}}get countries(){return this.countriesToList}set countries(e){let o=e,n="";"string"==typeof e&&(o=JSON.parse(e)),Array.isArray(o)?o.every((e=>"string"==typeof e))?this.countriesToList=Object.values(y).filter((e=>o.includes(e.isoCode)&&!!e.telephoneCountryCode)):o.every((e=>{return o=e,["en","fi","sv","isoCode","telephoneCountryCode"].every((e=>Object.keys(o).includes(e)))&&/^[A-Z]{2}$/.test(o.isoCode)&&/^[1-9][0-9]{0,2}$/.test(o.telephoneCountryCode);var o}))?this.countriesToList=o:n="Invalid array provided for countries in Phone Input":n="Country list for Phone Input must be an array",n&&(console.error(n),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode))),this.setListFirstCountries()}get value(){var e,o,n;return null!==(n=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.replace(/\s/g,""))&&void 0!==n?n:""}set value(e){this.duetInputElement&&this.countryCodePopup?(this.duetInputElement.value=`${e}`.replace(/[^\d+ ]/g,""),this.handleInput()):this.pendingValue=e}get validity(){var e;return null===(e=this.duetInputElement)||void 0===e?void 0:e.validity}componentWillLoad(){s(this),v(this.element,"tooltip","duet-tooltip",1,!0),this.setListFirstCountries()}componentDidLoad(){this.pendingValue&&(this.value=this.pendingValue)}connectedCallback(){h(this,{prop:"label",defaults:"labelDefaults"}),C(this)}disconnectedCallback(){p(this),d(this)}async setFocus(e){var o;null===(o=this.duetInputElement)||void 0===o||o.setFocus(e)}setInputCountryCode(){if("error"===this.currentCountry)return;const e=`+${this.currentCountry.telephoneCountryCode} `,o=this.duetInputElement.value;if(!(null==o?void 0:o.trim().startsWith("+")))return void(this.duetInputElement.value=`${e}${(null==o?void 0:o.trimStart())||""}`);const n=this.findCountryCode(o);this.duetInputElement.value=n?o.replace(`+${n}`,e).replace(" "," "):o.replace("+",e)}findCountryCode(e){const o=(null==e?void 0:e.trim())||"";if(!o.startsWith("+"))return;const n=Object.values(y).find((e=>o.startsWith(`+${e.telephoneCountryCode}`)));return null==n?void 0:n.telephoneCountryCode}findCountryForCode(e){const o=f[e]||"";return o?y[o]:Object.values(y).find((o=>o.telephoneCountryCode===e))}renderFlag(e,o=!1){return n("img",{src:`${this.countryFlagCDNUrl}${e}.svg`,"aria-hidden":"true",style:{height:o?"34px":"24px",width:o?"27px":"24px","margin-right":o?"0":"10px","object-fit":"contain","object-position":"center",filter:"drop-shadow(0 0 1px rgba(0, 0, 0, 0.3)) drop-shadow(0 2px 6px rgba(0, 41, 77, 0.1))"},loading:"lazy"})}getFlagForButton(){return this.currentCountry&&"error"!==this.currentCountry?this.renderFlag(this.currentCountry.isoCode,!0):n("duet-icon",{name:this.currentCountry?"messaging-alert":"form-country",margin:"none"})}render(){const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())).pop(),o=this.identifier||this.inputId;return n(a,{class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},n("div",{class:"duet-phone-input-container"},n("duet-popup-menu",{ref:e=>this.countryCodePopup=e,scrollLimit:10,showFilterInput:!0},this.countriesToList.map((o=>o.isoCode===e?n(i,null,n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")"))),n("duet-divider",null)):n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")")))))),n("duet-input",{ref:e=>this.duetInputElement=e,onDuetChange:this.handleChange,onDuetFocus:this.handleFocus,onDuetBlur:this.handleBlur,onDuetInput:this.handleInput,label:this.label,caption:this.caption,error:this.error,name:this.name,minlength:this.minlength,maxlength:this.maxlength,component:"phone",variation:"button-left",type:"tel",disallowPattern:"[^\\+0-9 ]",required:this.required,disabled:this.disabled,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:o,theme:this.theme,margin:"none",expand:!0},n("duet-button",{ref:e=>this.countryCodeButton=e,slot:"button-left",variation:"input-button-left-secondary",margin:"none",fixed:!0,icon:"action-arrow-down-small",iconSize:"small",iconRight:!0,accessibleLabel:this.buttonAriaLabel[this.language],onClick:this.handleCountryCodeSelectorOpen},n("span",{class:"flag-container"},this.getFlagForButton())),n("slot",{name:"tooltip"}))))}get element(){return t(this)}};m.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}span.flag-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:bottom;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-phone-input-container{position:relative;width:100%;height:100%}";export{m as duet_phone_input}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r,h as e,H as s,g as t}from"./p-
|
|
4
|
+
import{r,h as e,H as s,g as t}from"./p-BxH0r0DA.js";import{i as a}from"./p-BcVbsW_2.js";import{c as o}from"./p-Cfr_DJqU.js";import{g as i,c as n,d as p}from"./p-dX4lCxX-.js";import"./p-C6E9F6QT.js";const d=class{constructor(e){r(this,e),this.progressId=o("DuetProgress"),this.progressLabelId=o("DuetProgressLabel"),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelUploadDefaults={fi:["lähetys valmis","lähetys käynnissä"],sv:["Uppladdningen är klar","Uppladdning pågår"],en:["upload completed","upload in progress"]},this.accessibleLabelUpload=i(this.accessibleLabelUploadDefaults),this.progress=0,this.height="10px",this.theme=""}componentWillLoad(){a(this)}connectedCallback(){n(this,{prop:"accessibleLabelUpload",defaults:"accessibleLabelUploadDefaults"})}disconnectedCallback(){p(this)}render(){return e(s,null,e("div",{"aria-live":this.accessibleLabel?"polite":"off","aria-hidden":this.accessibleLabel?"false":"true","aria-atomic":"true",style:{height:this.height},id:this.progressId,class:{"duet-progress":!0,"duet-progress-done":100===this.progress,"duet-progress-start":0===this.progress,"duet-progress-inprogress":this.progress<99&&0!==this.progress,"duet-theme-turva":"turva"===this.theme}},e("duet-visually-hidden",null,e("label",{htmlFor:this.progressLabelId},e("span",null,this.accessibleLabel,0!==this.progress&&`, ${this.accessibleLabelUpload[this.progress<99?1:0]}`))),this.caption&&e("div",{class:"duet-progress-caption"},e("span",null,this.caption)),e("progress",{id:this.progressLabelId,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:"progressbar",value:this.progress,max:"100","aria-valuemin":"0","aria-valuemax":"100"},e("div",{class:"progress-bar"},e("span",{style:{width:`${this.progress}%;`}},"Progress: ",this.progress,"%")))))}get element(){return t(this)}};d.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(240, 247, 250);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(255, 241, 241)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 none}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(240, 247, 250);border-radius:0}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(240, 247, 250)}.duet-progress.duet-theme-turva progress[value]{color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(255, 241, 241)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value] ::-moz-progress-bar{background-color:rgb(255, 241, 241)}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar{background-color:rgb(253, 247, 242)}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar>span{background-color:rgb(230, 23, 64)}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]{color:rgb(230, 23, 64)}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(253, 247, 242)}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(230, 23, 64)}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-moz-progress-bar{background-color:rgb(253, 247, 242)}";export{d as duet_progress}
|
|
@@ -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 a,g as i}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,g as i}from"./p-BxH0r0DA.js";import{n as r}from"./p-vVCYtBMj.js";import{a as o}from"./p-8RjiAqaE.js";import{i as u}from"./p-BcVbsW_2.js";import{g as s}from"./p-8odxhfeD.js";import{a as n}from"./p-Db8rvjPI.js";import{g as b,c as m,d}from"./p-dX4lCxX-.js";import"./p-DvwKrUS6.js";import"./p-CKemMSHL.js";import"./p-C6E9F6QT.js";const c=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=b(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){u(this)}connectedCallback(){m(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){d(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}render(){const e=this.url?"link":"button";return t(a,{key:"7ee97d49c78004d4ae845e940fb03e6e1ee75bd7",role:"listitem"},t(this.url?"a":"button",{key:"dcc4541376b094f3eec8ce84465cdd2c77978bf8",target:this.url?this.external?"_blank":"_self":null,ref:e=>this.itemElement=e,class:{"duet-submenu-bar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.url,onKeyUp:e=>this.handleEscape(e),"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,role:e,rel:this.external?"noopener":void 0},this.leadingIcon&&t("duet-icon",{key:"74e7c4f39e27a8c9030d02bf33f50ded7220f588",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"ab00e171bc83993c2580c25bbdfa3b77ea58ee89",class:"label"},t("span",{key:"0cb9766ca34e699f99c1ec699ce0a7d9be8fb0ad",class:"label-text"},t("slot",{key:"1e7f21511c1dbfb21780b7828397ddb3564c96e5"})),(this.trailingIcon||this.external)&&t("duet-icon",{key:"698c894c3987de2c8c645234e25f600ecf33d8c2",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 i(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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-submenu-bar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-submenu-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";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active{color:rgb(230, 23, 64)}';export{c as duet_submenu_bar_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as
|
|
4
|
+
import{r as e,h as t,H as a,g as n}from"./p-BxH0r0DA.js";import{i as o}from"./p-BcVbsW_2.js";import{a as r,c as s,d as i,g as d}from"./p-dX4lCxX-.js";import"./p-C6E9F6QT.js";const c=class{constructor(t){e(this,t),this.chooseLangObject={en:"Choose language",fi:"Valitse kieli",sv:"Välj språk"},this.language=r(),this.theme=""}componentWillLoad(){o(this)}connectedCallback(){s(this)}disconnectedCallback(){i(this)}render(){const e=d(this.chooseLangObject);return t(a,{key:"2c744c1b9d32b518b879daf12ffafe26ba74c43b"},t("div",{key:"ddb19f0b54c8a3f8680e76c8b3e565ff9c114e3b",class:"duet-slideout-lang",role:"group","aria-label":e},t("duet-icon",{key:"09e40a1777dc671deffa188ccecfc9ce78089ecb",name:"navigation-language",margin:"none",color:"secondary",size:"small"}),t("slot",{key:"6e35a0b19bab97a7810f90ddd99f399a60e9f3dc"})))}get element(){return n(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-slideout-lang{display:flex;gap:16px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-14px;width:2px;height:50%;content:"";background:rgb(8, 42, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 42, 59)}';export{c as duet_slideout_lang}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as i,g as a}from"./p-BhYt_2Vd.js";import{i as o}from"./p-1U75pxcR.js";import{e as s,d as l}from"./p-C6CAT054.js";import{F as n}from"./p-xwlQQBxs.js";import{a as d,c as r,d as u,g as c}from"./p-ac_1YilV.js";import{h as p}from"./p-DJzDRf9m.js";import{g as h}from"./p-Bg75Vqqq.js";import"./p-C6E9F6QT.js";import"./p-BDAqOMlM.js";const b=class{constructor(t){e(this,t),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"},this.hasStickyHeaderSlot=!1,this.language=d(),this.bodyScrollLocked=!1,this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.labelSize="medium",this.backgroundColor="gray-lightest",this.badge=!1,this.updateLabel=()=>{const e=this.element.querySelector("[slot='label']");this.label=e},this.toggleMenu=()=>{this.open=!this.open},this.onClick=()=>{this.toggleMenu()},this.onCloseClick=e=>{if(e.stopPropagation(),"DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;s(this.dialog),this.bodyScrollLocked=!1,e.toggle()}}}componentWillLoad(){o(this),this.updateLabel(),this.hasStickyHeaderSlot=p(this.element,"sticky-header")}connectedCallback(){r(this),this.mutationObserver=new MutationObserver((()=>{if("DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;e.open&&this.open&&!this.bodyScrollLocked?(this.bodyScrollLocked=!0,l(this.dialog,{reserveScrollBarGap:!0})):!e.open&&this.bodyScrollLocked&&(this.bodyScrollLocked=!1,s(this.dialog))}})),this.mutationObserver.observe(this.element.parentElement,{childList:!1,attributeFilter:["open"],subtree:!1})}disconnectedCallback(){u(this),this.dialog&&(s(this.dialog),this.bodyScrollLocked=!1),this.mutationObserver&&this.mutationObserver.disconnect()}handleOpenChange(e,t){!!e!=!!t&&(this.open&&!t?setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e!==this.element&&(e.inert=!0)})),this.bodyScrollLocked||(l(this.dialog,{reserveScrollBarGap:!0}),this.bodyScrollLocked=!0),this.closeButton.focus()}),200):!this.open&&t&&setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e.inert=!1})),this.openButton.focus(),s(this.dialog),this.bodyScrollLocked=!1}),200))}async setFocus(e){this.open?setTimeout((()=>{this.closeButton.focus(e)}),200):setTimeout((()=>{this.openButton.focus(e)}),200)}render(){const e={background:h(this.backgroundColor,this.theme)},a=c(this.exitLangObject),o=c(this.backLangObject);return t(i,{key:"91e1bfb50346e6f0b7d7b93f6d9cb16e84df9297"},t("div",{key:"80891454e08a69f87d42ca5879c85a7e1eab6d5c",class:{"duet-slideout-panel":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},this.badge&&t("duet-indicator",{key:"2dc9f2f3b5eebbc44158f9c7795ee2e9dadbfeef",variation:"change"}),t("button",{key:"86db5918e585201320c57a8770ab850356bda06b",ref:e=>this.openButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:!0,active:this.active,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick,inert:this.open},this.icon&&t("div",{key:"635addd38144863b546edd4d8792a26d4e8dd3c4",class:"duet-slideout-icon"},t("duet-icon",{key:"3610a7e6ebcdf22fe198e4428538d559599c79c0",name:this.icon,size:"small",margin:"none",color:"secondary"})),t("span",{key:"9b4d70cc570113c1e667ced944bccae1e4613398",class:"label"},t("span",{key:"6f16630f451ef9ebd920462cd81df2cf92ab5312",class:{"label-text":!0,[this.labelSize]:!0}},t("slot",{key:"80688a824da754215dcbfcd668ff8144880147d1",name:"label"})),t("duet-icon",{key:"205d74fef784d3db602fcccf61ba49dfb5995317",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),t("div",{key:"5be9dab7afdb48916100c5bfb8242eb061ba6c96",ref:e=>this.dialog=e,class:{dialog:!0,hidden:!this.open},style:e},t(n,{key:"ad7c4a34db3120b40ed51061125f05d69017b342",moveFocusTo:this.closeButton}),t("div",{key:"af56281cf6a0a4c7355f48d17b66c5495e7982f9",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},t("div",{key:"676eca91428ce8439e68da74b59a0bc8d393f5a5",class:"top"},t("button",{key:"2d8f3d984de8ca1efccc191115b7657a455c5ef9",ref:e=>this.closeButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":`${o}`,type:"button",class:{back:!0,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick},t("duet-icon",{key:"f4d1be2b1157d12fff10e9f84eb7905d93091e79",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),t("span",{key:"2e0426bee359ed9f3ccf9f044e9c751924003a5c"},this.label.innerHTML),t("button",{key:"f4edf9a9df667475a3c00b214e134bce7d9d7ae9",class:{close:!0,"duet-theme-turva":"turva"===this.theme},type:"button",onClick:this.onCloseClick,"aria-label":`${a}`},t("duet-icon",{key:"548ed5fadb9216137fcdc0762b35454ceb21c8d4",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),t("div",{key:"923603a20dbab28d51a376a9c252c35e33803880",class:"sticky-header"},t("slot",{key:"07e15709effbee9950d36f03dd91e73b7e9ab336",name:"sticky-header"}))),t("div",{key:"7e63e1cd014106736bb712c20023f62245e43486",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0}},t("slot",{key:"fa18b91a1114433c57ecd566934f505e9fc62cf5"})),t(n,{key:"7251452b17bbdfd8978f302bfde0e33991b39465",moveFocusTo:this.closeButton}))))}get element(){return a(this)}static get watchers(){return{open:["handleOpenChange"]}}};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;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel .link:focus,.duet-slideout-panel .link:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout-panel .link:focus,.duet-slideout-panel .link:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.25rem;font-weight:800}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;right:0;z-index:600;visibility:visible;width:min(450px, 100%);height:100%;overflow-y:auto}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .back:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .back:focus.duet-theme-turva2,.duet-theme-turva .duet-slideout-panel .top .close:focus,.duet-slideout-panel .top .close:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout-panel .top .close:focus,.duet-slideout-panel .top .close:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.1rem;font-weight:700;line-height:1.5;color:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 20px;overflow-y:auto;color:rgb(8, 42, 77)}@media (min-width: 36em){.duet-slideout-panel .items{padding:16px 28px}}.duet-slideout-panel duet-indicator{top:4px}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top span{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(253, 247, 242);border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .top span{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) slot:not([name=label]){color:rgb(23, 42, 59)}';export{b as duet_slideout_panel}
|
|
4
|
+
import{r as e,h as t,H as a,g as i}from"./p-BxH0r0DA.js";import{i as o}from"./p-BcVbsW_2.js";import{e as s,d as l}from"./p-C6CAT054.js";import{F as n}from"./p-DMjxD3N-.js";import{a as d,c as r,d as u,g as c}from"./p-dX4lCxX-.js";import{h as p}from"./p-CKemMSHL.js";import{g as h}from"./p-D7VOYHjg.js";import"./p-C6E9F6QT.js";import"./p-C-hMrqKD.js";const b=class{constructor(t){e(this,t),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"},this.hasStickyHeaderSlot=!1,this.language=d(),this.bodyScrollLocked=!1,this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.labelSize="medium",this.backgroundColor="gray-lightest",this.badge=!1,this.updateLabel=()=>{const e=this.element.querySelector("[slot='label']");this.label=e},this.toggleMenu=()=>{this.open=!this.open},this.onClick=()=>{this.toggleMenu()},this.onCloseClick=e=>{if(e.stopPropagation(),"DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;s(this.dialog),this.bodyScrollLocked=!1,e.toggle()}}}componentWillLoad(){o(this),this.updateLabel(),this.hasStickyHeaderSlot=p(this.element,"sticky-header")}connectedCallback(){r(this),this.mutationObserver=new MutationObserver((()=>{if("DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;e.open&&this.open&&!this.bodyScrollLocked?(this.bodyScrollLocked=!0,l(this.dialog,{reserveScrollBarGap:!0})):!e.open&&this.bodyScrollLocked&&(this.bodyScrollLocked=!1,s(this.dialog))}})),this.mutationObserver.observe(this.element.parentElement,{childList:!1,attributeFilter:["open"],subtree:!1})}disconnectedCallback(){u(this),this.dialog&&(s(this.dialog),this.bodyScrollLocked=!1),this.mutationObserver&&this.mutationObserver.disconnect()}handleOpenChange(e,t){!!e!=!!t&&(this.open&&!t?setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e!==this.element&&(e.inert=!0)})),this.bodyScrollLocked||(l(this.dialog,{reserveScrollBarGap:!0}),this.bodyScrollLocked=!0),this.closeButton.focus()}),200):!this.open&&t&&setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e.inert=!1})),this.openButton.focus(),s(this.dialog),this.bodyScrollLocked=!1}),200))}async setFocus(e){this.open?setTimeout((()=>{this.closeButton.focus(e)}),200):setTimeout((()=>{this.openButton.focus(e)}),200)}render(){const e={background:h(this.backgroundColor,this.theme)},i=c(this.exitLangObject),o=c(this.backLangObject);return t(a,{key:"8136756acde9cd9a5038e49c14049295ef2a50ee"},t("div",{key:"bd5e9a275c149b6a52172d9349fefb6aef42282e",class:{"duet-slideout-panel":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},this.badge&&t("duet-indicator",{key:"240033e4afa0a5e32dc708eceee5cd3c35fad16f",variation:"change"}),t("button",{key:"2fcac219bc058445a3f744e99beb1ce8d1be7c27",ref:e=>this.openButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:!0,active:this.active,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick,inert:this.open},this.icon&&t("div",{key:"9a7ea3d7682510b7a94c7e7bfff417dabfd833b0",class:"duet-slideout-icon"},t("duet-icon",{key:"29e67edcad14dd8f20f1a0a319bdbe3bba7d0495",name:this.icon,size:"small",margin:"none",color:"secondary"})),t("span",{key:"02d2e2107083535c6bf1d2b89c92681ed0ff5257",class:"label"},t("span",{key:"ce6a1f30ee04677c584d98a228d0302f0b02c0f8",class:{"label-text":!0,[this.labelSize]:!0}},t("slot",{key:"d7c645fa7153a803b3e63b3614ec65ff1cb775dd",name:"label"})),t("duet-icon",{key:"fc24304d004fc06d1f44d6611555af3aa57b91f0",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),t("div",{key:"893f838b0476b45a35c5c5df009ea25be382748f",ref:e=>this.dialog=e,class:{dialog:!0,hidden:!this.open},style:e},t(n,{key:"75cd1ca13074e4edf114d7e016b30e77503f6766",moveFocusTo:this.closeButton}),t("div",{key:"53f51c39c3e701be9b0fc9f402507a1315669820",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},t("div",{key:"08f9a0174b2a902a46f6f8a722783740e2c03f01",class:"top"},t("button",{key:"70ec35736850d5740cf7940e1195202266ba64b3",ref:e=>this.closeButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":`${o}`,type:"button",class:{back:!0,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick},t("duet-icon",{key:"8fd080b3ddde0fcc9edc8e3b65c71f038e9a641b",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),t("span",{key:"6c5bf9eee61b85d3b334a3b76f8568a91f3ede8a"},this.label.innerHTML),t("button",{key:"3de010c98fc4a25b160f0bb321652db95372b529",class:{close:!0,"duet-theme-turva":"turva"===this.theme},type:"button",onClick:this.onCloseClick,"aria-label":`${i}`},t("duet-icon",{key:"3d98d30425ce462e8d14ffa07cb631c452bdbf36",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),t("div",{key:"9714f189c3e45aa70201006fee01f0daab33acc8",class:"sticky-header"},t("slot",{key:"bda41ebde4391bdce90a2d9c3c9c2b3f59a484b1",name:"sticky-header"}))),t("div",{key:"7c97e9932da1cfbca0d045f7744d64a697c6849e",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0}},t("slot",{key:"760f770c9b134fddb61954aa9bda6d2f7c1ec3d5"})),t(n,{key:"0f423c9da48756f6e1f7be813e8a9e948e650293",moveFocusTo:this.closeButton}))))}get element(){return i(this)}static get watchers(){return{open:["handleOpenChange"]}}};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;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel .link:focus,.duet-slideout-panel .link:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout-panel .link:focus,.duet-slideout-panel .link:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.25rem;font-weight:800}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;right:0;z-index:600;visibility:visible;width:min(450px, 100%);height:100%;overflow-y:auto}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .back:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .back:focus.duet-theme-turva2,.duet-theme-turva .duet-slideout-panel .top .close:focus,.duet-slideout-panel .top .close:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout-panel .top .close:focus,.duet-slideout-panel .top .close:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.1rem;font-weight:700;line-height:1.5;color:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 20px;overflow-y:auto;color:rgb(8, 42, 77)}@media (min-width: 36em){.duet-slideout-panel .items{padding:16px 28px}}.duet-slideout-panel duet-indicator{top:4px}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top span{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(253, 247, 242);border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .top span{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) slot:not([name=label]){color:rgb(23, 42, 59)}';export{b as duet_slideout_panel}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
const a={fi:"Linkki tallennetaan laitteellesi",sv:"Nedladdningslänk",en:"Download link"},n={fi:"Avautuu uuteen ikkunaan",sv:"Öppnas i nytt fönster",en:"Opens in a new window"},e={fi:"Ladataan",sv:"Laddas",en:"Loading"},s={fi:"Valmis",sv:"Färdig",en:"Complete"},t={fi:"Odota, ole hyvä.",sv:"Vänligen vänta.",en:"Please wait."},i={fi:"Lista jossa {total} kohtaa. Olet kohdassa {current}.",en:"List with {total} steps. You are on step {current}.",sv:"Lista med {total} steg. Du är på steg {current}."},r={default:{fi:"Huomaa",en:"Please note",sv:"Observera"},success:{fi:"",en:"",sv:""},danger:{fi:"Tärkeä varoitus",en:"Important warning",sv:"Viktig varning"},warning:{fi:"Varoitus",en:"Warning",sv:"Varning"}};export{r as D,n as a,s as b,e as c,t as d,i as e,a as f}
|