@duetds/components 10.3.1 → 10.5.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 +501 -306
- package/hydrate/index.mjs +501 -306
- package/lib/cjs/{a11y-utils-dXXDBTyF.js → a11y-utils-DaAO4N9d.js} +1 -1
- package/lib/cjs/{app-globals-CyPV2FZK.js → app-globals-CHNvdfQj.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-alert.cjs.entry.js +4 -4
- package/lib/cjs/duet-badge.cjs.entry.js +29 -6
- package/lib/cjs/duet-banner.cjs.entry.js +3 -3
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +6 -6
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
- package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +12 -12
- package/lib/cjs/duet-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkbox.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +8 -9
- package/lib/cjs/duet-choice_2.cjs.entry.js +22 -22
- package/lib/cjs/duet-collapsible.cjs.entry.js +3 -3
- package/lib/cjs/duet-combobox.cjs.entry.js +26 -10
- package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
- package/lib/cjs/duet-date-picker.cjs.entry.js +11 -10
- package/lib/cjs/duet-divider_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +10 -10
- package/lib/cjs/duet-empty-state.cjs.entry.js +33 -7
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +3 -3
- package/lib/cjs/duet-footer.cjs.entry.js +8 -8
- package/lib/cjs/duet-grid_2.cjs.entry.js +15 -8
- package/lib/cjs/duet-header_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-hero.cjs.entry.js +9 -9
- package/lib/cjs/duet-icon.cjs.entry.js +5 -5
- package/lib/cjs/duet-indicator.cjs.entry.js +5 -5
- package/lib/cjs/duet-input_2.cjs.entry.js +79 -18
- package/lib/cjs/duet-layout.cjs.entry.js +7 -7
- package/lib/cjs/duet-list_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar.cjs.entry.js +6 -6
- package/lib/cjs/duet-modal.cjs.entry.js +12 -12
- package/lib/cjs/duet-multiselect.cjs.entry.js +11 -11
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-number-input.cjs.entry.js +13 -11
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +20 -5
- package/lib/cjs/duet-pagination_2.cjs.entry.js +17 -18
- package/lib/cjs/duet-panel.cjs.entry.js +4 -4
- package/lib/cjs/duet-phone-input.cjs.entry.js +17 -5
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +21 -11
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-radio_2.cjs.entry.js +10 -11
- package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +15 -15
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +10 -10
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart.cjs.entry.js +6 -6
- package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +7 -7
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +11 -11
- package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
- package/lib/cjs/duet-status-icon.cjs.entry.js +7 -3
- package/lib/cjs/duet-step_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
- package/lib/cjs/duet-textarea.cjs.entry.js +14 -21
- package/lib/cjs/duet-toggle.cjs.entry.js +8 -8
- 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 +8 -8
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +13 -11
- package/lib/cjs/duet-tooltip.cjs.entry.js +24 -7
- package/lib/cjs/duet-tray.cjs.entry.js +5 -5
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-DQ-I8x2z.js → errorcodes.utils-Dkf_MfrJ.js} +1 -1
- package/lib/cjs/{focus-utils-DstNW4_h.js → focus-utils-BuGg0Oha.js} +1 -1
- package/lib/cjs/{index-B_QTwXEx.js → index-ZxE6MB5V.js} +5 -5
- package/lib/cjs/{label-yAj5CKm3.js → label-CpPOBfjS.js} +1 -1
- package/lib/cjs/{language-utils-DjtvVntE.js → language-utils-C7Z0KYg-.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-YUU0XWn9.js → slot-utils-BXdHT3A1.js} +2 -2
- package/lib/cjs/{themeable-component-h3OzJgCb.js → themeable-component-CIDaln0Z.js} +1 -1
- package/lib/collection/components/duet-badge/duet-badge.css +66 -5
- package/lib/collection/components/duet-badge/duet-badge.js +49 -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-button/duet-button.css +5 -0
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-chip/duet-chip.js +5 -6
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.js +12 -39
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +6 -8
- package/lib/collection/components/duet-combobox/duet-combobox.js +22 -6
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-date-picker/duet-date-picker.css +0 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +5 -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.css +55 -2
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +124 -6
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.js +4 -4
- package/lib/collection/components/duet-grid/duet-grid.css +23 -0
- package/lib/collection/components/duet-grid/duet-grid.js +29 -2
- package/lib/collection/components/duet-grid-item/duet-grid-item.css +5 -0
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
- package/lib/collection/components/duet-heading/duet-heading.css +62 -0
- package/lib/collection/components/duet-heading/duet-heading.js +40 -2
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-indicator/duet-indicator.js +2 -2
- package/lib/collection/components/duet-input/duet-input.css +49 -5
- package/lib/collection/components/duet-input/duet-input.js +152 -15
- package/lib/collection/components/duet-layout/duet-layout.js +5 -5
- package/lib/collection/components/duet-link/duet-link.js +2 -2
- 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.css +11 -2
- 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 +10 -9
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.css +20 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +58 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +12 -13
- 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-phone-input/duet-phone-input.js +13 -1
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +13 -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 +6 -7
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.css +11 -2
- 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.css +39 -0
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +13 -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.css +11 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +8 -15
- package/lib/collection/components/duet-toggle/duet-toggle.js +3 -3
- 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.css +18 -4
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +25 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css +1 -1
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +47 -4
- 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/collection/utils/math.utils.js +1 -0
- package/lib/collection/utils/slot-utils.js +1 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-c8e520b6.entry.js → p-02d8e844.entry.js} +1 -1
- package/lib/duet/p-06297bd8.entry.js +4 -0
- package/lib/duet/p-0c04f9f5.entry.js +4 -0
- package/lib/duet/p-110c7572.entry.js +4 -0
- package/lib/duet/p-18a8ea12.entry.js +4 -0
- package/lib/duet/{p-d8bc628c.entry.js → p-19863cdf.entry.js} +1 -1
- package/lib/duet/p-1bca9931.entry.js +4 -0
- package/lib/duet/{p-0cc2921b.entry.js → p-1da7703d.entry.js} +1 -1
- package/lib/duet/{p-690beb31.entry.js → p-20a8ef81.entry.js} +1 -1
- package/lib/duet/p-268b3066.entry.js +4 -0
- package/lib/duet/{p-2e126e15.entry.js → p-2dd7d75e.entry.js} +1 -1
- package/lib/duet/{p-5fb1092c.entry.js → p-2f8a47e2.entry.js} +1 -1
- package/lib/duet/{p-608ebd47.entry.js → p-30108edc.entry.js} +1 -1
- package/lib/duet/{p-3a45c3a4.entry.js → p-317a1fc0.entry.js} +1 -1
- package/lib/duet/{p-ae778cb1.entry.js → p-317e81f3.entry.js} +1 -1
- package/lib/duet/p-3277233e.entry.js +4 -0
- package/lib/duet/{p-efa1cd0b.entry.js → p-3690576a.entry.js} +1 -1
- package/lib/duet/{p-d7506eaa.entry.js → p-38973524.entry.js} +1 -1
- package/lib/duet/{p-3d00efb7.entry.js → p-3b2fba0f.entry.js} +1 -1
- package/lib/duet/{p-4b8293b3.entry.js → p-3f35fce3.entry.js} +1 -1
- package/lib/duet/p-3f3c6e64.entry.js +4 -0
- package/lib/duet/{p-06f17fe7.entry.js → p-3f7afd87.entry.js} +1 -1
- package/lib/duet/p-407f7f03.entry.js +4 -0
- package/lib/duet/p-40fa7371.entry.js +4 -0
- package/lib/duet/p-42ec7305.entry.js +4 -0
- package/lib/duet/p-43e076b5.entry.js +4 -0
- package/lib/duet/p-443af533.entry.js +4 -0
- package/lib/duet/{p-2d963ab0.entry.js → p-461d4089.entry.js} +1 -1
- package/lib/duet/p-4af6a8ed.entry.js +4 -0
- package/lib/duet/{p-ecf69f6d.entry.js → p-4b7f1244.entry.js} +1 -1
- package/lib/duet/{p-18eada94.entry.js → p-516397ba.entry.js} +1 -1
- package/lib/duet/p-5284c707.entry.js +4 -0
- package/lib/duet/{p-1e168d4b.entry.js → p-52beb436.entry.js} +1 -1
- package/lib/duet/p-5c9f443c.entry.js +4 -0
- package/lib/duet/{p-968546f6.entry.js → p-5f5f72d4.entry.js} +1 -1
- package/lib/duet/p-5lFzA17H.js +4 -0
- package/lib/duet/{p-a6bec2da.entry.js → p-61ec0e1c.entry.js} +1 -1
- package/lib/duet/{p-07b9b6c3.entry.js → p-6b469225.entry.js} +1 -1
- package/lib/duet/{p-10a326fa.entry.js → p-6ef683d5.entry.js} +1 -1
- package/lib/duet/{p-de4b0518.entry.js → p-70612314.entry.js} +1 -1
- package/lib/duet/{p-6cffc5b7.entry.js → p-70961edb.entry.js} +1 -1
- package/lib/duet/p-7294c37d.entry.js +4 -0
- package/lib/duet/{p-7ce31e10.entry.js → p-72b504ef.entry.js} +1 -1
- package/lib/duet/p-734249e0.entry.js +4 -0
- package/lib/duet/{p-4856f07c.entry.js → p-7353ee4c.entry.js} +1 -1
- package/lib/duet/p-74aac967.entry.js +4 -0
- package/lib/duet/{p-ed750cdf.entry.js → p-7c08fd87.entry.js} +1 -1
- package/lib/duet/{p-44a97d21.entry.js → p-7eea47d5.entry.js} +1 -1
- package/lib/duet/{p-86166f8d.entry.js → p-7fd39204.entry.js} +1 -1
- package/lib/duet/{p-898d5701.entry.js → p-8012c7bc.entry.js} +1 -1
- package/lib/duet/{p-162a0691.entry.js → p-829db926.entry.js} +1 -1
- package/lib/duet/p-83238bf3.entry.js +4 -0
- package/lib/duet/{p-25b4886a.entry.js → p-833802f9.entry.js} +1 -1
- package/lib/duet/{p-2ac11077.entry.js → p-86ffd3cb.entry.js} +1 -1
- package/lib/duet/{p-8a28f86e.entry.js → p-871620d3.entry.js} +1 -1
- package/lib/duet/{p-d2e74e89.entry.js → p-8ace1eb4.entry.js} +1 -1
- package/lib/duet/p-8b0dfbd7.entry.js +4 -0
- package/lib/duet/p-93ff8fe4.entry.js +4 -0
- package/lib/duet/{p-a8229728.entry.js → p-9ae7aaef.entry.js} +1 -1
- package/lib/duet/{p-f71d04ce.entry.js → p-9c9811ba.entry.js} +1 -1
- package/lib/duet/{p-f15ab3b8.entry.js → p-9e1a59d1.entry.js} +1 -1
- package/lib/duet/{p-DrqQiRTn.js → p-B2cboDWM.js} +1 -1
- package/lib/duet/{p-CW11pVgw.js → p-B8-N_qjs.js} +1 -1
- package/lib/duet/p-BzYmwX5_.js +4 -0
- package/lib/duet/{p-BUWuSkQW.js → p-C5Yfx2kd.js} +1 -1
- package/lib/duet/{p-DFAnksuG.js → p-CFqvB5PA.js} +1 -1
- package/lib/duet/p-Cg4m_WHe.js +4 -0
- package/lib/duet/{p-B6Z_1gqI.js → p-R3pTP2Oy.js} +1 -1
- package/lib/duet/p-a068c086.entry.js +4 -0
- package/lib/duet/p-a483117e.entry.js +4 -0
- package/lib/duet/p-a5177d32.entry.js +4 -0
- package/lib/duet/{p-65350441.entry.js → p-a8876b3d.entry.js} +1 -1
- package/lib/duet/{p-5c9530f1.entry.js → p-a9104184.entry.js} +1 -1
- package/lib/duet/{p-b4c18ee6.entry.js → p-b1326cbb.entry.js} +1 -1
- package/lib/duet/{p-17413943.entry.js → p-b747f6e9.entry.js} +1 -1
- package/lib/duet/{p-12b2d402.entry.js → p-bdbf0fae.entry.js} +1 -1
- package/lib/duet/{p-b6dc4395.entry.js → p-c1afac0d.entry.js} +1 -1
- package/lib/duet/p-c2026c6b.entry.js +4 -0
- package/lib/duet/{p-301b8664.entry.js → p-c216e746.entry.js} +1 -1
- package/lib/duet/{p-bfc75bb9.entry.js → p-c54be349.entry.js} +1 -1
- package/lib/duet/{p-fca9c5c4.entry.js → p-cb6c4158.entry.js} +1 -1
- package/lib/duet/{p-278ef4d8.entry.js → p-cbcee3e2.entry.js} +1 -1
- package/lib/duet/{p-0ccecf5b.entry.js → p-d3b5c997.entry.js} +1 -1
- package/lib/duet/{p-ec689a7c.entry.js → p-d3baa815.entry.js} +1 -1
- package/lib/duet/{p-f55f8bd9.entry.js → p-d5f90dbc.entry.js} +1 -1
- package/lib/duet/{p-b9a54319.entry.js → p-d6f0afa5.entry.js} +1 -1
- package/lib/duet/{p-d83f38c7.entry.js → p-d779fe42.entry.js} +1 -1
- package/lib/duet/{p-806c4ab8.entry.js → p-dedf6a32.entry.js} +1 -1
- package/lib/duet/{p-5fb783eb.entry.js → p-e08dce92.entry.js} +1 -1
- package/lib/duet/{p-fe00331c.entry.js → p-e7f2359a.entry.js} +1 -1
- package/lib/duet/{p-419b96b6.entry.js → p-efa4eecc.entry.js} +1 -1
- package/lib/duet/p-f040706c.entry.js +4 -0
- package/lib/duet/{p-17c063a3.entry.js → p-fa13ffe9.entry.js} +1 -1
- package/lib/duet/{p-93abd97a.entry.js → p-fe829b53.entry.js} +1 -1
- package/lib/duet/p-s8EL6NG5.js +4 -0
- package/lib/esm/{a11y-utils-D66Lzlz5.js → a11y-utils-ChN5Nhxh.js} +1 -1
- package/lib/esm/{app-globals-G9KPoeGD.js → app-globals-4kCk2rkO.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +3 -3
- package/lib/esm/duet-alert.entry.js +4 -4
- package/lib/esm/duet-badge.entry.js +29 -6
- package/lib/esm/duet-banner.entry.js +3 -3
- package/lib/esm/duet-breadcrumb.entry.js +6 -6
- package/lib/esm/duet-breadcrumbs.entry.js +5 -5
- package/lib/esm/duet-button_2.entry.js +5 -5
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +12 -12
- package/lib/esm/duet-card.entry.js +3 -3
- package/lib/esm/duet-checkbox.entry.js +3 -3
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +8 -9
- package/lib/esm/duet-choice_2.entry.js +22 -22
- package/lib/esm/duet-collapsible.entry.js +3 -3
- package/lib/esm/duet-combobox.entry.js +26 -10
- package/lib/esm/duet-contact-card.entry.js +5 -5
- package/lib/esm/duet-cookie-consent.entry.js +2 -2
- package/lib/esm/duet-date-picker.entry.js +11 -10
- package/lib/esm/duet-divider_2.entry.js +4 -4
- package/lib/esm/duet-editable-table_3.entry.js +10 -10
- package/lib/esm/duet-empty-state.entry.js +33 -7
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +3 -3
- package/lib/esm/duet-footer.entry.js +8 -8
- package/lib/esm/duet-grid_2.entry.js +15 -8
- package/lib/esm/duet-header_2.entry.js +4 -4
- package/lib/esm/duet-hero.entry.js +9 -9
- package/lib/esm/duet-icon.entry.js +5 -5
- package/lib/esm/duet-indicator.entry.js +5 -5
- package/lib/esm/duet-input_2.entry.js +79 -18
- package/lib/esm/duet-layout.entry.js +7 -7
- package/lib/esm/duet-list_2.entry.js +5 -5
- package/lib/esm/duet-menu-bar-button.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-menu-bar-item.entry.js +7 -7
- package/lib/esm/duet-menu-bar-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar.entry.js +6 -6
- package/lib/esm/duet-modal.entry.js +12 -12
- package/lib/esm/duet-multiselect.entry.js +11 -11
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +9 -9
- package/lib/esm/duet-number-input.entry.js +13 -11
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +20 -5
- package/lib/esm/duet-pagination_2.entry.js +17 -18
- package/lib/esm/duet-panel.entry.js +4 -4
- package/lib/esm/duet-phone-input.entry.js +17 -5
- package/lib/esm/duet-popup-menu_2.entry.js +21 -11
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +5 -5
- package/lib/esm/duet-radio_2.entry.js +10 -11
- package/lib/esm/duet-range-slider.entry.js +6 -6
- package/lib/esm/duet-scrollable_3.entry.js +15 -15
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +10 -10
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +2 -2
- package/lib/esm/duet-share-chart.entry.js +6 -6
- package/lib/esm/duet-show-more.entry.js +5 -5
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +7 -7
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +11 -11
- package/lib/esm/duet-slideout.entry.js +10 -10
- package/lib/esm/duet-status-icon.entry.js +7 -3
- package/lib/esm/duet-step_2.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar.entry.js +7 -7
- package/lib/esm/duet-textarea.entry.js +14 -21
- package/lib/esm/duet-toggle.entry.js +8 -8
- 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 +8 -8
- package/lib/esm/duet-toolbar-link.entry.js +4 -4
- package/lib/esm/duet-toolbar.entry.js +4 -4
- package/lib/esm/duet-tooltip-button_2.entry.js +13 -11
- package/lib/esm/duet-tooltip.entry.js +25 -8
- package/lib/esm/duet-tray.entry.js +5 -5
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-C6zptXiM.js → errorcodes.utils-DuFCu_27.js} +1 -1
- package/lib/esm/{focus-utils-YZ2ticmM.js → focus-utils-CFswdkeD.js} +1 -1
- package/lib/esm/{index-DrqQiRTn.js → index-B2cboDWM.js} +5 -5
- package/lib/esm/{label-CnTwCD-3.js → label-CJxIWUOT.js} +1 -1
- package/lib/esm/{language-utils-BEG0cFmw.js → language-utils-C4M4ASkT.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-Dzrezpl3.js → slot-utils--sNK1DNn.js} +2 -2
- package/lib/esm/{themeable-component-BLql61nC.js → themeable-component-BBi3552X.js} +1 -1
- package/lib/types/common-types.d.ts +11 -28
- package/lib/types/components/duet-badge/duet-badge.d.ts +14 -0
- package/lib/types/components/duet-chip/duet-chip.d.ts +1 -1
- package/lib/types/components/duet-combobox/duet-combobox.d.ts +1 -0
- package/lib/types/components/duet-empty-state/duet-empty-state.d.ts +24 -4
- package/lib/types/components/duet-grid/duet-grid.d.ts +5 -0
- package/lib/types/components/duet-heading/duet-heading.d.ts +10 -0
- package/lib/types/components/duet-input/duet-input.d.ts +31 -3
- package/lib/types/components/duet-number-input/duet-number-input.d.ts +2 -1
- package/lib/types/components/duet-page-heading/duet-page-heading.d.ts +10 -0
- package/lib/types/components/duet-phone-input/duet-phone-input.d.ts +2 -0
- package/lib/types/components/duet-radio/duet-radio.d.ts +0 -1
- package/lib/types/components/duet-textarea/duet-textarea.d.ts +0 -5
- package/lib/types/components/duet-tooltip/duet-tooltip-button.d.ts +1 -0
- package/lib/types/components/duet-tooltip/duet-tooltip.d.ts +6 -0
- package/lib/types/components.d.ts +151 -14
- package/lib/types/utils/math.utils.d.ts +1 -0
- package/package.json +5 -5
- package/lib/duet/p-0a80de40.entry.js +0 -4
- package/lib/duet/p-162993d2.entry.js +0 -4
- package/lib/duet/p-234f4365.entry.js +0 -4
- package/lib/duet/p-245c0535.entry.js +0 -4
- package/lib/duet/p-29599dc5.entry.js +0 -4
- package/lib/duet/p-3d0a716c.entry.js +0 -4
- package/lib/duet/p-3eba33cd.entry.js +0 -4
- package/lib/duet/p-550bfab9.entry.js +0 -4
- package/lib/duet/p-5c60eca3.entry.js +0 -4
- package/lib/duet/p-67b3a01a.entry.js +0 -4
- package/lib/duet/p-6e1b9cc8.entry.js +0 -4
- package/lib/duet/p-9172ba70.entry.js +0 -4
- package/lib/duet/p-BQVGvl4H.js +0 -4
- package/lib/duet/p-CLZq8YfV.js +0 -4
- package/lib/duet/p-D2JvSVnG.js +0 -4
- package/lib/duet/p-ELbbzMVZ.js +0 -4
- package/lib/duet/p-a3ad5622.entry.js +0 -4
- package/lib/duet/p-a73b7110.entry.js +0 -4
- package/lib/duet/p-b1d91a91.entry.js +0 -4
- package/lib/duet/p-b9be36c8.entry.js +0 -4
- package/lib/duet/p-bdae48d3.entry.js +0 -4
- package/lib/duet/p-bdf6a296.entry.js +0 -4
- package/lib/duet/p-c8d10c67.entry.js +0 -4
- package/lib/duet/p-ce4d9add.entry.js +0 -4
- package/lib/duet/p-da275568.entry.js +0 -4
- package/lib/duet/p-dc5682d8.entry.js +0 -4
- package/lib/duet/p-e050ed5c.entry.js +0 -4
- package/lib/duet/p-e9c2eb66.entry.js +0 -4
- package/lib/duet/p-ec5f40a5.entry.js +0 -4
- package/lib/duet/p-f68a4a23.entry.js +0 -4
- package/lib/duet/p-f8e26f21.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as o,H as t,g as a}from"./p-
|
|
4
|
+
import{r as e,h as o,H as t,g as a}from"./p-B2cboDWM.js";import{i as r}from"./p-BzYmwX5_.js";import{a as n}from"./p-Db8rvjPI.js";const i=class{constructor(o){e(this,o),this.theme="",this.targetLanguage=void 0,this.href="#",this.icon=void 0,this.active=!1}componentWillLoad(){r(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-toolbar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"3e2d19344c30c5f4aaa61b8ba843140145f9472e"},o("a",{key:"1c6b82c5be15bb9aae1591a3ad4b677a933f42d5",class:{"duet-toolbar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"link menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:e=>this.handleEscape(e)},this.icon&&o("duet-icon",{key:"77cb536dcca7ad1a91b58af50a9ba02709f9cbf9",name:this.icon,size:"x-small",margin:"none"}),o("span",{key:"2dafae9c60150889a0d75f3b87e8744d8d236095",class:"label"},o("slot",{key:"08c22e9d5dee73d3398843901654cfd78505f5b4"})),this.active&&o("duet-icon",{key:"0a99a17b4854ea9d34a86f762c3651e8ef018bd7",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return a(this)}};i.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%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-toolbar-dropdown-link.duet-theme-turva.active{background:rgb(253, 247, 242)}.duet-toolbar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 225, 209)}';export{i as duet_toolbar_dropdown_link}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as s,H as i,g as
|
|
4
|
+
import{r as t,h as s,H as i,g as e}from"./p-B2cboDWM.js";const r=class{constructor(s){t(this,s),this.statusMessage=null,this.statusMessageLabel=null,this.accessibleAriaLive="polite",this.valid=void 0,this.total=void 0,this.invalid=void 0,this.inprogress=void 0,this.replacePlaceHolders=t=>{const s=t=>t>1?`${t} ${this.statusMessageLabel.files}`:`${t} ${this.statusMessageLabel.file}`;return t.replace("{filesUploaded}",s(this.valid)).replace("{filesInProgress}",s(this.inprogress)).replace("{filesTotal}",s(this.total)).replace("{filesWithErrors}",s(this.invalid))},this.getStatusMessage=()=>{const{done:t,inProgress:s,doneWithErrors:i,inProgressWithErrors:e}=this.statusMessageLabel,r=this.invalid>0,h=this.inprogress>0,a=this.valid+this.invalid===this.total&&!h;this.valid!==this.total||h||r?this.inprogress>0&&r?this.statusMessage=this.replacePlaceHolders(e):h?this.statusMessage=this.replacePlaceHolders(s):a&&(this.statusMessage=this.replacePlaceHolders(i)):this.statusMessage=this.replacePlaceHolders(t)}}watchHandler(t,s){t!==s&&this.getStatusMessage()}render(){return s(i,{key:"8da58752d98bfb8c52ddcd1d48112711fd2ea5c6",role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},s("duet-visually-hidden",{key:"78ecb9ee37907bdbdb174bf58b75af88b2edfbd1"},this.statusMessage))}get element(){return e(this)}static get watchers(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}}};export{r as duet_upload_aria_status}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,g as a}from"./p-
|
|
4
|
+
import{r as e,h as t,g as a}from"./p-B2cboDWM.js";import{i}from"./p-BzYmwX5_.js";import{g as s}from"./p-CFqvB5PA.js";import{g as n}from"./p-C5Yfx2kd.js";import"./p-C6E9F6QT.js";const o=class{constructor(t){e(this,t),this.theme="",this.fileUploadingInfo={fi:"Tiedosto latautuu",sv:"Filen laddas upp",en:"File is uploading"},this.onLinkClick=e=>{const{url:t,meta:a}=this.data;this.linkClickEvent&&(e.preventDefault(),this.linkClickEvent.emit({component:"duet-upload",data:{name:this.data.item.name,url:t,meta:a}}))}}componentWillLoad(){i(this)}async focusActionButton(){this.actionButton&&(await this.actionButton.setFocus({preventScroll:!0}),this.actionButton.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"}))}getFileNameLine(){const{item:e,size:a,uploaded:i,url:o,progress:r,error:l}=this.data,{name:c}=e,d=t("span",{class:"duet-upload-item-name"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c),m=t("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",((e,t=2)=>{if(0===e)return"0 Bytes";const a=t<0?0:t,i=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,i)).toFixed(a))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][i]})(a),")");switch(this.type){case"inprogress":return t("span",{class:"duet-upload-item-name",role:"status"},t("duet-paragraph",{class:"duet-upload-item-name",color:"gray-darker",margin:"none",weight:"semi-bold"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c),t("duet-visually-hidden",null,t("duet-paragraph",null,s(this.fileUploadingInfo))),t("duet-progress",{theme:this.theme,progress:Math.ceil(r),"aria-hidden":!0}));case"pending":return t("span",{class:"duet-upload-item-name"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c);case"failure":return t("span",{class:"duet-upload-item-error",role:"status"},t("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c),t("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},n(l.type,this.errorCodes)));default:return t("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},i&&o&&this.showLinks?t("duet-link",{class:"file-link",onClick:this.onLinkClick,url:o},d):d,t("duet-spacer",{size:"xx-small",direction:"horizontal"}),m)}}getActionButtonTitle(e){return!0===this.buttonTitles[e.name]||!1===this.buttonTitles[e.name]?e:s(this.buttonTitles[e.name])}render(){const{uid:e,meta:a,item:i}=this.data,n=a&&a.badges?t("span",null,a.badges.map((e=>t("duet-badge",{color:"primary"},e)))):void 0,o=`${a&&a.badges?a.badges.join(","):""} ${i.name}`;return t("div",{key:"6ce0c4b0b64b9726755ba74c037759bfa90d0a1a",class:{"upload-item-row":!0}},this.showCategory&&t("div",{key:"a54b15975dfb0b72019838f7b77009c974b9e4bf",class:"item-categories"},t("duet-heading",{key:"1f71cfd6a0573e176e7874fa14005afc36d7a885",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},s(this.categoryLabel)),n),t("div",{key:"5788235ef6265f08adbc17020fccb8fa8ba5bb77",class:{"item-name":!0,"no-category":!this.showCategory}},!!this.label&&t("duet-heading",{key:"43235e4073c7cb9c3b81c9efd2c58c3938c5503c",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},s(this.label)),this.getFileNameLine()),t("div",{key:"5d69daba599aec48c4a98ca0f1543a9dbbead4b3",class:"item-actions"},this.actions.map((i=>t("duet-action-button",{actionMeta:Object.assign({},a||{}),actionId:e||null,actionName:i.name,theme:this.theme,iconName:i.icon,iconColor:i.color,iconSize:i.size,background:i.background,"accessible-label":`${o} ${s(i.label)} `,accessibleTitle:this.getActionButtonTitle(i),ref:e=>this.actionButton=e})))))}get element(){return a(this)}};o.style=".file-link::part(duet-link){text-decoration:none}";export{o as duet_upload_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 i,g as a}from"./p-DrqQiRTn.js";import{i as o}from"./p-CLZq8YfV.js";import{e as s,d as l}from"./p-C6CAT054.js";import{F as n}from"./p-B6Z_1gqI.js";import{a as d,c as r,d as c,g as u}from"./p-DFAnksuG.js";import{h as p}from"./p-BQVGvl4H.js";import{g as h}from"./p-D2ly4TZR.js";import"./p-C6E9F6QT.js";import"./p-DEzE2U5T.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(){c(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=u(this.exitLangObject),o=u(this.backLangObject);return t(i,{key:"b7ca9da2d68d44f8c144355d8b42e9b822129768"},t("div",{key:"1cd22b150660a032f6307460a5394f9bdd2f8356",class:{"duet-slideout-panel":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},this.badge&&t("duet-indicator",{key:"6343757ff3eee8a8c6965b4709958f65b784876c",variation:"change"}),t("button",{key:"9c9deae0fcf64337dcf2a5ffc10b90cd1805f726",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:"e713cc239aaee89e8e57d2d0fbd5f5c03f75a932",class:"duet-slideout-icon"},t("duet-icon",{key:"647a923e7b9a57135779172c56a9ce3f4784eca5",name:this.icon,size:"small",margin:"none",color:"secondary"})),t("span",{key:"0efd846db68b6ddec41deb3b98e95b578f600c9b",class:"label"},t("span",{key:"35be3389257b208d50bfc51d9aed16149d01a927",class:{"label-text":!0,[this.labelSize]:!0}},t("slot",{key:"cc261654761ea7dce912746e520042d05c534fc8",name:"label"})),t("duet-icon",{key:"634184d119a894c2eda07e6c474d058e125f6257",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),t("div",{key:"adc63cfa083c247dfb0053c0628a34036bb1c6cc",ref:e=>this.dialog=e,class:{dialog:!0,hidden:!this.open},style:e},t(n,{key:"c2f8a9ba339619c3c0f17e925e43ac421da03fde",moveFocusTo:this.closeButton}),t("div",{key:"ea23a8d999173132d21ef23e83835c89b892ec9e",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},t("div",{key:"883f2a295c1e8450973a2c69f533fba8352c6b5b",class:"top"},t("button",{key:"5d51c88ad14f8e0cd711e653378ac9901ad9334b",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:"da662ca8ebf14ed3a2d4157ff900884a111fa52a",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),t("span",{key:"d3faed89bc59ca1c0ba2623e7a8e162bdaa4e326"},this.label.innerHTML),t("button",{key:"b90b5a03a91f92b65f1b06f9fea40fcbfff799b5",class:{close:!0,"duet-theme-turva":"turva"===this.theme},type:"button",onClick:this.onCloseClick,"aria-label":`${a}`},t("duet-icon",{key:"fe6676540e447c796bb2b38cc704a5a753a48e0b",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),t("div",{key:"8b1965807e40adc74947c170d8ad50172829f4da",class:"sticky-header"},t("slot",{key:"a51428e89962c2e10cf96ab92f462df6c20b05f2",name:"sticky-header"}))),t("div",{key:"4e4f74bac3d36949a9fd193ee9989c2ba757468b",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0}},t("slot",{key:"dab429efe653f73142b8cd615311c5a8953c6343"})),t(n,{key:"70c7027c0f655e46753addde7928facb096b0481",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{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-turva .duet-slideout-panel .top .close:focus,.duet-slideout-panel .top .close:focus.duet-theme-turva{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}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(230, 23, 64)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(253, 247, 242)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(253, 247, 242);border-bottom-color:rgb(251, 225, 209)}.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, 42, 59)}.duet-theme-turva 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-B2cboDWM.js";import{i as o}from"./p-BzYmwX5_.js";import{e as s,d as l}from"./p-C6CAT054.js";import{F as n}from"./p-R3pTP2Oy.js";import{a as d,c as r,d as c,g as u}from"./p-CFqvB5PA.js";import{h as p}from"./p-5lFzA17H.js";import{g as h}from"./p-D2ly4TZR.js";import"./p-C6E9F6QT.js";import"./p-DEzE2U5T.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(){c(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=u(this.exitLangObject),o=u(this.backLangObject);return t(a,{key:"8a4dddd16156e7e26f2d90d27e4135baef9d7f7f"},t("div",{key:"cfed35efbcbf9502380c2b19e452447d64c0590a",class:{"duet-slideout-panel":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},this.badge&&t("duet-indicator",{key:"4a1de84e3b6ea4ffb2a1e01631f0a1739771e13e",variation:"change"}),t("button",{key:"0663a7f9b6b1f5f779313be946f44fb0c8e00504",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:"871f1fcb5709c43089b627de26a80a8a7eecd519",class:"duet-slideout-icon"},t("duet-icon",{key:"f1666ba453de11810cc1b1a5ce9d45faed10c193",name:this.icon,size:"small",margin:"none",color:"secondary"})),t("span",{key:"051ce78454689a7a379a9abd4a75e9a6495afcfa",class:"label"},t("span",{key:"a22d205208a777b52b62e0d116a5db0998e3a79d",class:{"label-text":!0,[this.labelSize]:!0}},t("slot",{key:"6b817eb49b69b5fe02cd3355fa045fad80bc7692",name:"label"})),t("duet-icon",{key:"0b397ce8f1de51dd50007ab3311e5ad59a7aa428",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),t("div",{key:"c7665a664268fbd5c4d01e152788ea70445814b8",ref:e=>this.dialog=e,class:{dialog:!0,hidden:!this.open},style:e},t(n,{key:"c05cc6d5b0da41bedee7978f01d6f7c90ecfcf43",moveFocusTo:this.closeButton}),t("div",{key:"8ba7873500abd185fe735632b574279157c8a707",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},t("div",{key:"042cbf7c5c36e7a477a64ef184452817030a1fe9",class:"top"},t("button",{key:"f327d356b8de850e432f515a4c1a6dc9e003d6f8",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:"504fac50c5194735f7da38fd9034f28a39418192",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),t("span",{key:"274ca7fdd2c19790c60a7652a7733b41589709d0"},this.label.innerHTML),t("button",{key:"8aadd95055653e4125015bde99188315d0c2e8cc",class:{close:!0,"duet-theme-turva":"turva"===this.theme},type:"button",onClick:this.onCloseClick,"aria-label":`${i}`},t("duet-icon",{key:"183d96aae0264a7b83f1aa77bdfb63778f173c74",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),t("div",{key:"7861b5f725b0711c2b7cd7509c8a9a413e28564b",class:"sticky-header"},t("slot",{key:"2c16e97d5eb0d661158a567b6a07fb89ef1414f2",name:"sticky-header"}))),t("div",{key:"d6e922e2a37b2ab0ae519dda40afb32d5b56e554",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0}},t("slot",{key:"af607556495101c55d23a7365f7ad3e661f7fc23"})),t(n,{key:"f2f4d91ef8062f83bbd6099bedccff41d4a144ab",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{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-turva .duet-slideout-panel .top .close:focus,.duet-slideout-panel .top .close:focus.duet-theme-turva{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}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(230, 23, 64)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(253, 247, 242)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(253, 247, 242);border-bottom-color:rgb(251, 225, 209)}.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, 42, 59)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 42, 59)}';export{b as duet_slideout_panel}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as
|
|
4
|
+
import{r as a,h as e,H as t,g as r}from"./p-B2cboDWM.js";const n=class{constructor(e){a(this,e)}render(){return e(t,{key:"ef47dba78565c8af97e21ac63b93ca377c20f0dc",class:"duet-visually-hidden"},e("slot",{key:"228e005804125169d172ba680bed0f6955aa13a0"}))}get element(){return r(this)}};n.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}";export{n as duet_visually_hidden}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as a,c as e,h as d,F as t,H as i,g as r}from"./p-DrqQiRTn.js";import{g as n}from"./p-DvwKrUS6.js";import{i as o}from"./p-CLZq8YfV.js";import{c as p}from"./p-Cfr_DJqU.js";import{i as m,s,u as c}from"./p-Db8rvjPI.js";import{a as x}from"./p-BQVGvl4H.js";import{s as l}from"./p-C6E9F6QT.js";import{g}from"./p-D2ly4TZR.js";import"./p-DEzE2U5T.js";const h=["h1","h2","h3","h4","h5","h6"],u="div";var b,f,w=n(f?b:(f=1,b={title:"action-arrow-up",tags:"action arrow up caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>'}));const v=class{constructor(d){a(this,d),this.duetToggle=e(this,"duetToggle",7),this.cardId=p("DuetCard"),this.heading="",this.secondaryHeading="",this.variation="default",this.collapsible=!1,this.open=!0,this.headingLevel="h2",this.iconColor="currentColor",this.background="gray-lightest",this.padding="small",this.margin="auto",this.theme="",this.shadowBreakpoint=void 0,this.togglePanel=a=>{a.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-card",originalEvent:a})},this.handleKeyDown=a=>{m(a)&&this.togglePanel(a)}}componentWillLoad(){o(this),this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']"),this.hasFooter=!!this.element.querySelector("[slot='footer']")}connectedCallback(){s(this)}disconnectedCallback(){c(this)}renderHeading(){var a;const e=l(this.headingLevel),i=[...h,u].some((a=>a===e))?e:"h2",r={backgroundColor:g(this.headingBackground)},n=d(t,null,d("div",{class:"duet-card-heading-grid"},this.icon&&d(t,null,d("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:this.iconColor}),d("duet-spacer",{direction:"horizontal",size:"small"})),d("div",{class:"duet-card-heading-text"},this.heading?this.heading:d("slot",{name:"heading"})),this.secondaryHeading&&d(t,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&d(t,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("duet-icon",{class:"duet-card-caret",icon:w.svg,size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),d("slot",{name:"below-heading"}));if(this.collapsible){const e=null===(a=x(this.element,"heading"))||void 0===a?void 0:a.map((a=>a.textContent)).join(" ");return d(i,{style:r,class:"duet-card-heading duet-card-heading--collapsible",onClick:this.togglePanel,onKeyDown:this.handleKeyDown},d("button",{type:"button",class:{"duet-theme-turva":"turva"===this.theme},"aria-controls":this.cardId,"aria-expanded":this.open?"true":"false","aria-label":e},n))}return d(i,{style:r,class:"duet-card-heading"},n)}async setFocus(a){this.nativeCard&&this.nativeCard.focus(a)}render(){const a=this.url?"a":"div",e={backgroundColor:g(this.background)};return d(i,{key:"526da1b920f1be4a18d200ab81bc1951649cf3b2",class:{"duet-m-0":"none"===this.margin,"duet-card-info":"info"===this.variation}},d(a,{key:"1cfae581c87423ea9d466fd39084b28505b01a77",href:this.url,style:e,ref:a=>this.nativeCard=a,"aria-label":this.accessibleLabel,class:{"duet-card":!0,[this.padding]:!0,[this.variation]:!0,[`shadow-${this.shadowBreakpoint}`]:!!this.shadowBreakpoint,"duet-p-0":"none"===this.padding,"duet-theme-turva":"turva"===this.theme,"duet-card-has-bg":"gray-lightest"!==this.background,"duet-card-has-icon":!!this.icon,"duet-card-collapsed":this.collapsible&&!this.open}},this.image&&d("div",{key:"e310f18c792507a78333290fc56a3866efe302ca",class:"duet-card-image-mask"},d("img",{key:"84eaf59d2df2a9dd85cf0703b9b1641dff78c473",src:this.image,class:"duet-card-image",loading:"lazy",alt:this.imageAlt||"",role:this.imageAlt?null:"presentation"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),d("div",{key:"ef549d1a5f7efeb35a2fd0ca6ab2c22566955029",class:"duet-card-content",id:this.cardId},d("slot",{key:"746a25475887db3e0ba914e273eb32571accbb56"}),this.hasFooter&&d("div",{key:"d30c96b12ae73fc4bdfbfd22f25b862287b8fce5",class:"duet-card-footer"},d("slot",{key:"887615186784331005c099562f296bdd3d216c98",name:"footer"})))))}get element(){return r(this)}};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;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}:host{--duet-card-border-radius:12px}@media (min-width: 36em){:host{--duet-card-border-radius:16px}}.duet-card{padding:20px !important;position:relative;display:flex;flex-direction:column;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-decoration:none;border-radius:var(--duet-card-border-radius);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (max-width: 20.5em){.duet-card.shadow-xxx-small{box-shadow:none}}@media (max-width: 22.5em){.duet-card.shadow-xx-small{box-shadow:none}}@media (max-width: 35.9375em){.duet-card.shadow-x-small{box-shadow:none}}@media (min-width: 36em){.duet-card.shadow-small{box-shadow:none}}@media (min-width: 48em){.duet-card.shadow-medium{box-shadow:none}}@media (min-width: 62em){.duet-card.shadow-large{box-shadow:none}}@media (min-width: 64.0625em){.duet-card.shadow-x-large{box-shadow:none}}@media (min-width: 76.25em){.duet-card.shadow-xx-large{box-shadow:none}}@media (min-width: 106.25em){.duet-card.shadow-xxx-large{box-shadow:none}}@media (min-width: 36em){.duet-card{padding:28px !important}}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(4, 81, 128, 0.04) !important;box-shadow:none}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;color:rgb(8, 42, 77);border-bottom:1px solid rgb(212, 223, 229);border-radius:var(--duet-card-border-radius) var(--duet-card-border-radius) 0 0}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}.none .duet-card-heading{padding:0 !important;margin:0}}.duet-card-collapsed .duet-card-heading{border-radius:var(--duet-card-border-radius)}.duet-card-image-mask+.duet-card-heading{border-radius:0}.duet-card-heading.duet-card-heading--collapsible{cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button{width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus,:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{border-radius:var(--duet-card-border-radius)}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.xx-small .duet-card-footer{padding:10px 20px 11px !important;padding-left:12px !important;margin:12px -12px -12px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:0;margin:0}.duet-card-content{flex:1 1 auto;width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;padding:0;margin:0}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transform:scale(1.0001);transition:transform 300ms ease}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transform:translateY(1px);transition:none}.duet-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-theme-turva.info{background:rgb(253, 247, 242) !important}.duet-card.duet-theme-turva .duet-card-heading{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-card.duet-theme-turva .duet-card-footer{background:rgb(245, 246, 247)}';export{v as duet_card}
|
|
4
|
+
import{r as a,c as e,h as d,F as t,H as i,g as r}from"./p-B2cboDWM.js";import{g as n}from"./p-DvwKrUS6.js";import{i as o}from"./p-BzYmwX5_.js";import{c as p}from"./p-Cfr_DJqU.js";import{i as m,s,u as c}from"./p-Db8rvjPI.js";import{a as x}from"./p-5lFzA17H.js";import{s as l}from"./p-C6E9F6QT.js";import{g}from"./p-D2ly4TZR.js";import"./p-DEzE2U5T.js";const h=["h1","h2","h3","h4","h5","h6"],u="div";var b,f,w=n(f?b:(f=1,b={title:"action-arrow-up",tags:"action arrow up caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>'}));const v=class{constructor(d){a(this,d),this.duetToggle=e(this,"duetToggle",7),this.cardId=p("DuetCard"),this.heading="",this.secondaryHeading="",this.variation="default",this.collapsible=!1,this.open=!0,this.headingLevel="h2",this.iconColor="currentColor",this.background="gray-lightest",this.padding="small",this.margin="auto",this.theme="",this.shadowBreakpoint=void 0,this.togglePanel=a=>{a.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-card",originalEvent:a})},this.handleKeyDown=a=>{m(a)&&this.togglePanel(a)}}componentWillLoad(){o(this),this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']"),this.hasFooter=!!this.element.querySelector("[slot='footer']")}connectedCallback(){s(this)}disconnectedCallback(){c(this)}renderHeading(){var a;const e=l(this.headingLevel),i=[...h,u].some((a=>a===e))?e:"h2",r={backgroundColor:g(this.headingBackground)},n=d(t,null,d("div",{class:"duet-card-heading-grid"},this.icon&&d(t,null,d("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:this.iconColor}),d("duet-spacer",{direction:"horizontal",size:"small"})),d("div",{class:"duet-card-heading-text"},this.heading?this.heading:d("slot",{name:"heading"})),this.secondaryHeading&&d(t,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&d(t,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("duet-icon",{class:"duet-card-caret",icon:w.svg,size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),d("slot",{name:"below-heading"}));if(this.collapsible){const e=null===(a=x(this.element,"heading"))||void 0===a?void 0:a.map((a=>a.textContent)).join(" ");return d(i,{style:r,class:"duet-card-heading duet-card-heading--collapsible",onClick:this.togglePanel,onKeyDown:this.handleKeyDown},d("button",{type:"button",class:{"duet-theme-turva":"turva"===this.theme},"aria-controls":this.cardId,"aria-expanded":this.open?"true":"false","aria-label":e},n))}return d(i,{style:r,class:"duet-card-heading"},n)}async setFocus(a){this.nativeCard&&this.nativeCard.focus(a)}render(){const a=this.url?"a":"div",e={backgroundColor:g(this.background)};return d(i,{key:"526da1b920f1be4a18d200ab81bc1951649cf3b2",class:{"duet-m-0":"none"===this.margin,"duet-card-info":"info"===this.variation}},d(a,{key:"1cfae581c87423ea9d466fd39084b28505b01a77",href:this.url,style:e,ref:a=>this.nativeCard=a,"aria-label":this.accessibleLabel,class:{"duet-card":!0,[this.padding]:!0,[this.variation]:!0,[`shadow-${this.shadowBreakpoint}`]:!!this.shadowBreakpoint,"duet-p-0":"none"===this.padding,"duet-theme-turva":"turva"===this.theme,"duet-card-has-bg":"gray-lightest"!==this.background,"duet-card-has-icon":!!this.icon,"duet-card-collapsed":this.collapsible&&!this.open}},this.image&&d("div",{key:"e310f18c792507a78333290fc56a3866efe302ca",class:"duet-card-image-mask"},d("img",{key:"84eaf59d2df2a9dd85cf0703b9b1641dff78c473",src:this.image,class:"duet-card-image",loading:"lazy",alt:this.imageAlt||"",role:this.imageAlt?null:"presentation"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),d("div",{key:"ef549d1a5f7efeb35a2fd0ca6ab2c22566955029",class:"duet-card-content",id:this.cardId},d("slot",{key:"746a25475887db3e0ba914e273eb32571accbb56"}),this.hasFooter&&d("div",{key:"d30c96b12ae73fc4bdfbfd22f25b862287b8fce5",class:"duet-card-footer"},d("slot",{key:"887615186784331005c099562f296bdd3d216c98",name:"footer"})))))}get element(){return r(this)}};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;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}:host{--duet-card-border-radius:12px}@media (min-width: 36em){:host{--duet-card-border-radius:16px}}.duet-card{padding:20px !important;position:relative;display:flex;flex-direction:column;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-decoration:none;border-radius:var(--duet-card-border-radius);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (max-width: 20.5em){.duet-card.shadow-xxx-small{box-shadow:none}}@media (max-width: 22.5em){.duet-card.shadow-xx-small{box-shadow:none}}@media (max-width: 35.9375em){.duet-card.shadow-x-small{box-shadow:none}}@media (min-width: 36em){.duet-card.shadow-small{box-shadow:none}}@media (min-width: 48em){.duet-card.shadow-medium{box-shadow:none}}@media (min-width: 62em){.duet-card.shadow-large{box-shadow:none}}@media (min-width: 64.0625em){.duet-card.shadow-x-large{box-shadow:none}}@media (min-width: 76.25em){.duet-card.shadow-xx-large{box-shadow:none}}@media (min-width: 106.25em){.duet-card.shadow-xxx-large{box-shadow:none}}@media (min-width: 36em){.duet-card{padding:28px !important}}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(4, 81, 128, 0.04) !important;box-shadow:none}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;color:rgb(8, 42, 77);border-bottom:1px solid rgb(212, 223, 229);border-radius:var(--duet-card-border-radius) var(--duet-card-border-radius) 0 0}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}.none .duet-card-heading{padding:0 !important;margin:0}}.duet-card-collapsed .duet-card-heading{border-radius:var(--duet-card-border-radius)}.duet-card-image-mask+.duet-card-heading{border-radius:0}.duet-card-heading.duet-card-heading--collapsible{cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button{width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus,:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{border-radius:var(--duet-card-border-radius)}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.xx-small .duet-card-footer{padding:10px 20px 11px !important;padding-left:12px !important;margin:12px -12px -12px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:0;margin:0}.duet-card-content{flex:1 1 auto;width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;padding:0;margin:0}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transform:scale(1.0001);transition:transform 300ms ease}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transform:translateY(1px);transition:none}.duet-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-theme-turva.info{background:rgb(253, 247, 242) !important}.duet-card.duet-theme-turva .duet-card-heading{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-card.duet-theme-turva .duet-card-footer{background:rgb(245, 246, 247)}';export{v as duet_card}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as
|
|
4
|
+
import{r as t,h as e,H as r}from"./p-B2cboDWM.js";import{t as n}from"./p-Ce9HQd35.js";const i=class{constructor(e){t(this,e),this.bg={default:{default:"color_lt_blue_200",success:"color_success_200",warning:"color_warning_200",danger:"color_danger_200"},strong:{default:"color_lt_blue_700",success:"color_success_700",warning:"color_warning_500",danger:"color_danger_600"}},this.color={default:{default:"color_lt_blue_800",success:"color_success_800",warning:"color_warning_800",danger:"color_danger_800"},strong:{default:"color_lt_blue_100",success:"color_gray_lightest",warning:"color_warning_900",danger:"color_gray_lightest"}},this.variation="default",this.size="medium",this.margin="auto",this.strong=!1}getVariation(){return["default","success","danger","warning"].includes(this.variation)?this.variation:"default"}getBg(){return n[this.bg[this.strong?"strong":"default"][this.getVariation()]]}getColor(){return n[this.color[this.strong?"strong":"default"][this.getVariation()]]}getIcon(){switch(this.getVariation()){case"default":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>\n <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>\n </svg>`;case"success":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>\n </svg>`;case"warning":case"danger":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>\n <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>\n <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>\n </svg>`}}render(){return e(r,{key:"66f1b0519e8fcb4b025f2e1b64963c25b78b0ce1",class:{[`duet-status-icon-${this.getVariation()}`]:!0,"duet-strong-bg":this.strong,"duet-m-0":"none"===this.margin}},e("duet-icon",{key:"91b2d72ca3e85296b48e4cec8c9c5908c4025649",icon:this.getIcon(),size:this.size,margin:"none"}))}};i.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;line-height:0;color:inherit;-webkit-tap-highlight-color:transparent}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}";export{i as duet_status_icon}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,g as i}from"./p-DrqQiRTn.js";import{i as o}from"./p-CLZq8YfV.js";import{s as r,u as a}from"./p-Db8rvjPI.js";import{a as n,g as d,c as s,d as c}from"./p-DFAnksuG.js";import{g as l}from"./p-BQVGvl4H.js";import{a as u}from"./p-BVgBUIYF.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const h=class{constructor(e){t(this,e),this.language=n(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=d(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){o(this)}connectedCallback(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"}),r(this)}disconnectedCallback(){c(this),a(this)}async setFocus(t){this.linkElement.focus(t)}getAriaLabelText(){const t=l(this.element).map((t=>t.textContent.trim())).join(". ");return`${this.highlight?`${this.accessibleLabelUnread}. `:""}${t}${t.endsWith(".")?"":"."} ${this.date}`}render(){return e("div",{key:"7dc46b88a1d5fb69c339262f5ef2cf5a8017b886",role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},e("a",{key:"a75c52e0336ffbf56b1c852fe67f315816f75559",ref:t=>this.linkElement=t,href:this.url,target:this.external?"_blank":"_self","aria-label":this.getAriaLabelText()},e("div",{key:"e0b83c432a0ff4c12f63516e0418596671270f52",class:"duet-notification-container"},e("div",{key:"20e4d22bd11670b325e3130e255bf0596d2a43b0",class:"duet-indicator-container"},this.highlight&&e("duet-indicator",{key:"34975b80502bf22b225e78231721a6d800c1c5ee",variation:"new","accessible-label":this.accessibleLabelUnread})),e("div",{key:"326cc9425c9bf45adc67c51174773105414a5f3e",class:"duet-notification-content"},e("slot",{key:"c1f7f01a44a74f55bc2642e368095af65cce28db"})),e("div",{key:"3b5b190da2388e94e91a43490ff816a406c2fb66",class:"duet-notification-date"},this.date))))}get element(){return i(this)}};h.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:var(--notification-border-top-radius, 8px);border-top-right-radius:var(--notification-border-top-radius, 8px)}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:var(--notification-border-bottom-radius, 8px);border-bottom-left-radius:var(--notification-border-bottom-radius, 8px)}.duet-notification.duet-notification-highlight{font-weight:600}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{outline:2px solid;outline-offset:-2px;outline-color:rgba(0, 119, 179, 0.8);z-index:1}.duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within,:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}.duet-notification.duet-theme-turva{color:rgb(23, 42, 59);border-bottom-color:rgb(251, 225, 209)}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(253, 247, 242)}.duet-notification-badge.duet-theme-turva{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-notification:hover.duet-theme-turva{background:rgb(251, 235, 225)}}.duet-theme-turva .duet-notification-date{color:rgb(95, 122, 143)}";const b=class{constructor(e){t(this,e),this.isOpen=!1,this.icon="",this.label="Label",this.language=n(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=d(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=t=>{this.isOpen&&27===t.keyCode&&this.close()},this.toggleMenu=t=>{t.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){o(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0}),r(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,a(this)}handleClickFocusOutside(t){this.isOpen&&!this.element.contains(t.target)&&this.close(!1)}async setFocus(t){this.drawerButtonEl.focus(t)}async open(){const t=this.element.closest("duet-header");t&&t.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(t=!0){this.isOpen=!1,t&&this.setFocus({preventScroll:!0})}render(){return e("div",{key:"9f4089715c79f3098cbddd19ecb0fe9f625e60dc",class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},e("button",{key:"5fe36e672d516fc490643ee5c5141111ea68188d",ref:t=>this.drawerButtonEl=t,type:"button",class:{"duet-drawer-toggle":!0,"duet-theme-turva":"turva"===this.theme},id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&e("div",{key:"69aede6500156038fe894b681c4a06be6761a9a2",class:"duet-drawer-icon"},e("duet-icon",{key:"1b9cdf160b899552f2ef1db63a1abd2d2cc7da0a",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&e("duet-indicator",{key:"76fdbf1f66da5ce3516dcc73b198463776b82934",variation:"change"})),e("span",{key:"45ca00e1fb494cea8fd4f275c511ba9b15b16891",class:"duet-drawer-label"},this.label),e("div",{key:"e069a59c71d16a47da7bd6b73266b9b919e8048c",class:"duet-drawer-caret"},e("duet-icon",{key:"4a43d6c80a971e1ed468384a9a2b3e52a49177b4",margin:"none",size:"auto",icon:u.svg,color:"currentColor"}))),e("div",{key:"94fa21716202a038ed322b705b4acff582c6cb00",id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:t=>this.drawerContentEl=t},this.hasNotifications?e("div",{role:"list"},e("slot",null)):e("duet-empty-state",{size:"small"},e("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;text-decoration:none;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus,:host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transform:translateY(3px);transition:300ms ease}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transform:translateY(-50%);transform-origin:50% 50%;transition:300ms ease}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}@media (min-width: 62em){.duet-drawer-content{--notification-border-top-radius:0;--notification-border-bottom-radius:4px;position:absolute;top:100%;z-index:600;display:block;visibility:hidden;width:450px;max-height:420px;padding-left:0;overflow-y:auto;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;transition:300ms ease}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}.duet-theme-turva .duet-drawer-toggle{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);background-color:rgb(255, 255, 255);border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(95, 122, 143)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-toggle::after{background:rgb(230, 23, 64)}}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(140, 0, 30);border-color:rgb(245, 246, 247)}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}}';export{h as duet_notification,b as duet_notification_drawer}
|
|
4
|
+
import{r as t,h as e,g as i}from"./p-B2cboDWM.js";import{i as o}from"./p-BzYmwX5_.js";import{s as r,u as a}from"./p-Db8rvjPI.js";import{a as d,g as n,c as s,d as c}from"./p-CFqvB5PA.js";import{g as l}from"./p-5lFzA17H.js";import{a as u}from"./p-BVgBUIYF.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const h=class{constructor(e){t(this,e),this.language=d(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=n(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){o(this)}connectedCallback(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"}),r(this)}disconnectedCallback(){c(this),a(this)}async setFocus(t){this.linkElement.focus(t)}getAriaLabelText(){const t=l(this.element).map((t=>t.textContent.trim())).join(". ");return`${this.highlight?`${this.accessibleLabelUnread}. `:""}${t}${t.endsWith(".")?"":"."} ${this.date}`}render(){return e("div",{key:"0c265034a28ae5591df26cf2603ab3d045b45478",role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},e("a",{key:"8f26b04ba38b69dcb86b0ab8b6820ad63453c831",ref:t=>this.linkElement=t,href:this.url,target:this.external?"_blank":"_self","aria-label":this.getAriaLabelText()},e("div",{key:"e573dfed62263051b2841cb36cfe1b3c00db8e50",class:"duet-notification-container"},e("div",{key:"0e4d1b7fec55b7c69043f3beebefff071f2d1e04",class:"duet-indicator-container"},this.highlight&&e("duet-indicator",{key:"e9086498a4ef7534f5a68956dad0a811486b41b1",variation:"new","accessible-label":this.accessibleLabelUnread})),e("div",{key:"d02944064c8c7842fb5556f2eadef2fc11aad3bd",class:"duet-notification-content"},e("slot",{key:"f4de0aed88ff1f2545d2d630c299fa7e73e62a67"})),e("div",{key:"8486cd8ac2797612ceae89c720b184c3e2f52805",class:"duet-notification-date"},this.date))))}get element(){return i(this)}};h.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:var(--notification-border-top-radius, 8px);border-top-right-radius:var(--notification-border-top-radius, 8px)}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:var(--notification-border-bottom-radius, 8px);border-bottom-left-radius:var(--notification-border-bottom-radius, 8px)}.duet-notification.duet-notification-highlight{font-weight:600}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{outline:2px solid;outline-offset:-2px;outline-color:rgba(0, 119, 179, 0.8);z-index:1}.duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within,:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}.duet-notification.duet-theme-turva{color:rgb(23, 42, 59);border-bottom-color:rgb(251, 225, 209)}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(253, 247, 242)}.duet-notification-badge.duet-theme-turva{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-notification:hover.duet-theme-turva{background:rgb(251, 235, 225)}}.duet-theme-turva .duet-notification-date{color:rgb(95, 122, 143)}";const b=class{constructor(e){t(this,e),this.isOpen=!1,this.icon="",this.label="Label",this.language=d(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=n(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=t=>{this.isOpen&&27===t.keyCode&&this.close()},this.toggleMenu=t=>{t.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){o(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0}),r(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,a(this)}handleClickFocusOutside(t){this.isOpen&&!this.element.contains(t.target)&&this.close(!1)}async setFocus(t){this.drawerButtonEl.focus(t)}async open(){const t=this.element.closest("duet-header");t&&t.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(t=!0){this.isOpen=!1,t&&this.setFocus({preventScroll:!0})}render(){return e("div",{key:"8e97a8e6a2058296cc10026f42860f3bb895b2a3",class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},e("button",{key:"b13ac8ee8dab57c43589f2a07ce1c3093aa19b8c",ref:t=>this.drawerButtonEl=t,type:"button",class:{"duet-drawer-toggle":!0,"duet-theme-turva":"turva"===this.theme},id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&e("div",{key:"bd4969fcb3d1f150d6a90b6c51a30c6be85edc75",class:"duet-drawer-icon"},e("duet-icon",{key:"d5ff03e6dc3d7149488ec7c2de6377ee31ddbd16",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&e("duet-indicator",{key:"f79d92d82b2d2d60b4df0e272d0d394d61fd63db",variation:"change"})),e("span",{key:"1199f0cd40d583e1c01df562f08bcf60b4698526",class:"duet-drawer-label"},this.label),e("div",{key:"2e37bb3393dbae08571b683c09b674d7bc3e1e86",class:"duet-drawer-caret"},e("duet-icon",{key:"ec6d5078dfdfe96c112b9116518cfd0a61d03852",margin:"none",size:"auto",icon:u.svg,color:"currentColor"}))),e("div",{key:"c09a322633b12ba12e6cc18a9bec6a8a96590dc2",id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:t=>this.drawerContentEl=t},this.hasNotifications?e("div",{role:"list"},e("slot",null)):e("duet-empty-state",{size:"small"},e("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;text-decoration:none;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus,:host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transform:translateY(3px);transition:300ms ease}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transform:translateY(-50%);transform-origin:50% 50%;transition:300ms ease}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}@media (min-width: 62em){.duet-drawer-content{--notification-border-top-radius:0;--notification-border-bottom-radius:4px;position:absolute;top:100%;z-index:600;display:block;visibility:hidden;width:450px;max-height:420px;padding-left:0;overflow-y:auto;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;transition:300ms ease}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}.duet-theme-turva .duet-drawer-toggle{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);background-color:rgb(255, 255, 255);border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(95, 122, 143)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-toggle::after{background:rgb(230, 23, 64)}}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(140, 0, 30);border-color:rgb(245, 246, 247)}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}}';export{h as duet_notification,b as duet_notification_drawer}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as o,F as i,g as r}from"./p-DrqQiRTn.js";import{n as a}from"./p-vVCYtBMj.js";import{a as d}from"./p-8RjiAqaE.js";import{i as n}from"./p-CLZq8YfV.js";import{s,u as l}from"./p-Db8rvjPI.js";import{a as p,g as m,c as u,d as f}from"./p-DFAnksuG.js";import{h}from"./p-BQVGvl4H.js";import{p as c}from"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const g={fi:{lahi:"© LähiTapiola",turva:"© Turva"},sv:{lahi:"© LokalTapiola",turva:"© Turva"},en:{lahi:"© LocalTapiola",turva:"© Turva"}},b=(e,t)=>({component:"duet-footer",data:t,originalEvent:e}),x=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetLogoClick=t(this,"duetLogoClick",7),this.duetMenuClick=t(this,"duetMenuClick",7),this.duetItemClick=t(this,"duetItemClick",7),this.duetAnalytics=t(this,"duetAnalytics",7),this.duetEvent=t(this,"duetEvent",7),this.processedMainItem=null,this.processedItems=null,this.processedMenu=null,this.theme="",this.variation="default",this.margin="auto",this.logoHref="/",this.language=p(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=m(this.accessibleLabelExternalDefaults),this.handleClick=e=>{e.data.analyticsId&&this.duetAnalytics.emit({component:"duet-footer",analyticsId:e.data.analyticsId}),this.duetChange.emit(e)},this.handleLogoClick=e=>{const t=b(e,{href:this.logoHref,label:"logo"});this.duetLogoClick.emit(t),this.handleClick(t)},this.handleMenuClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetMenuClick.emit(o)},this.handleItemClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetItemClick.emit(o)},this.emitDuetEvent=(e,t)=>{this.duetEvent.emit({component:"duet-footer",data:t,originalEvent:e})},this.setDataAttributes=(e,t)=>{if(t.data)for(const o in t.data)e.dataset[o]=t.data[o]}}componentWillLoad(){n(this),this.refresh(),this.hasInfoSlot=h(this.element,"info")}connectedCallback(){u(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}),s(this)}disconnectedCallback(){f(this),l(this)}async refresh(){this.processedItems=c(this.items),this.processedMenu=c(this.menu)}getTopItemButtonIcon(e){var t,o;if(!e.href||!e.external)return(null===(t=e.href)||void 0===t?void 0:t.startsWith("tel:"))?"form-tel":(null===(o=e.href)||void 0===o?void 0:o.startsWith("mailto:"))?"navigation-message":"navigation-arrow-right"}isMessagingLink(e){return(null==e?void 0:e.startsWith("tel:"))||(null==e?void 0:e.startsWith("mailto:"))}render(){const e=m(g,this.language),t="turva"===this.theme?e.turva:e.lahi;return o("footer",{key:"cded4930f82ba556fe630d4295e351cbbb2082e2",class:{"duet-footer":!0,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-footer-simple":"simple"===this.variation},"aria-label":this.accessibleLabel},o("div",{key:"937096c43e34404c84fa15418efd41c5692f6ac1",class:"duet-footer-wrapper"},"simple"!==this.variation&&o("div",{key:"865c6932f382aba543ca23c1bd4ab5aab4885b0a",class:{"duet-footer-top":!0,"duet-has-info":this.hasInfoSlot},part:"top"},o("div",{key:"5a4e9f746ddacca61409f6d398474e142ddffe81",class:"footer-top-logo"},o("duet-logo",{key:"9a80fbca3c693fdc4a659b4644b0de9ed23c6773",href:this.logoHref,onClick:this.handleLogoClick,size:"large",inverse:!0,language:this.language,theme:this.theme})),o("div",{key:"ca9651a3a6c65b51931f237bc81d6f95fe779134",class:"footer-top-right-container"},o("slot",{key:"7c84d38abbbc5618d311e8ef263a4a1aef8ae2b7",name:"info"}),o("div",{key:"488bde039351fbbf7618daaaa071b3420662e317",class:"footer-top-items"},this.processedItems&&this.processedItems.map(((e,t)=>o(i,null,t>0&&o("duet-spacer",{size:"x-large",direction:"horizontal"}),o("duet-button",{ref:t=>this.setDataAttributes(t,e),theme:this.theme,id:e.id,class:"duet-footer-link",variation:"plain",margin:"none",fixed:!0,negative:!0,url:e.href,external:e.external,icon:this.getTopItemButtonIcon(e),"icon-right":!this.isMessagingLink(e.href),"icon-size":this.isMessagingLink(e.href)?"medium":"medium-small",onClick:t=>this.handleItemClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label))))))),o("slot",{key:"33805ebcfc7766486807318270595db1deedbb24",name:"extra"}),o("p",{key:"90ac218478d2659b7f74bb370d8066fd7ef7cf1c",class:"duet-footer-menu",part:"menu"},o("span",{key:"957a273602b782e88c3e4bd9ae639a68cfd8b966",class:"duet-footer-copyright"},`${t} ${(new Date).getFullYear()}`),o("span",{key:"d96e17ca5743ed26b331ecd377b6210dcf3e5a2a",class:"duet-footer-menu-links"},this.processedMenu&&o(i,{key:"b1495de197bbd8ab5a4ca4c0feddf656e4bfc0b3"},this.processedMenu.map((e=>o("a",{ref:t=>this.setDataAttributes(t,e),href:e.href,id:e.id,target:e.external?"_blank":"_self",onClick:t=>this.handleMenuClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label,e.external&&o(i,null,o("duet-visually-hidden",null,", ",this.accessibleLabelExternal),o("span",{class:"duet-footer-external"},o("duet-icon",{icon:a.svg,size:"xx-small",margin:"none",color:"currentColor"}))),o("span",{class:"duet-footer-divider",role:"presentation","aria-hidden":"true"},"/"))))))),o("p",{key:"8be41d3d9944acb6903a6f3caff06d6f8f9cd5cc",class:"duet-footer-copyright duet-footer-copyright-mobile"},`${t} ${(new Date).getFullYear()}`)))}get element(){return r(this)}static get watchers(){return{menu:["refresh"],items:["refresh"]}}};x.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;flex-shrink:0;width:100%}::slotted([slot=info]){padding:0 28px;margin-top:0;margin-bottom:16px}@media (min-width: 62em){::slotted([slot=info]){padding:0;margin-top:calc(20px - 0.5em);margin-bottom:0}}.duet-footer{display:block;width:100%;padding-top:24px;padding-bottom:16px;margin-top:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(8, 42, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus,:host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center}.duet-footer-top.duet-has-info{align-items:flex-start}}.duet-footer-top .footer-top-logo{flex-grow:1}.duet-footer-top .footer-top-right-container{flex-grow:1}@media (min-width: 62em){.duet-footer-top .footer-top-right-container{text-align:right}}.duet-footer-top .footer-top-items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:28px}@media (min-width: 62em){.duet-footer-top .footer-top-items{flex-direction:row;justify-content:flex-end}}duet-logo{margin-bottom:24px;margin-left:16px !important}@media (min-width: 62em){duet-logo{margin-bottom:0;margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;padding-left:28px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-right:0 !important;padding-left:8px !important}}.duet-footer-menu a{display:inline-block;overflow-wrap:break-word;text-decoration:none}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{display:block;flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:28px;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(8, 42, 77);background:transparent !important;border-top:1px solid rgb(212, 223, 229)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(8, 42, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-footer.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:rgb(230, 23, 64)}.duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(230, 23, 64)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-theme-turva duet-logo{margin-left:28px !important}@media (min-width: 62em){.duet-theme-turva duet-logo{margin-left:0 !important}}@media (min-width: 62em){.duet-theme-turva ::slotted([slot=info]){margin-top:4px}}';export{x as duet_footer}
|
|
4
|
+
import{r as e,c as t,h as o,F as i,g as r}from"./p-B2cboDWM.js";import{n as a}from"./p-vVCYtBMj.js";import{a as d}from"./p-8RjiAqaE.js";import{i as n}from"./p-BzYmwX5_.js";import{s,u as l}from"./p-Db8rvjPI.js";import{a as p,g as m,c as u,d as f}from"./p-CFqvB5PA.js";import{h}from"./p-5lFzA17H.js";import{p as c}from"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const g={fi:{lahi:"© LähiTapiola",turva:"© Turva"},sv:{lahi:"© LokalTapiola",turva:"© Turva"},en:{lahi:"© LocalTapiola",turva:"© Turva"}},b=(e,t)=>({component:"duet-footer",data:t,originalEvent:e}),x=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetLogoClick=t(this,"duetLogoClick",7),this.duetMenuClick=t(this,"duetMenuClick",7),this.duetItemClick=t(this,"duetItemClick",7),this.duetAnalytics=t(this,"duetAnalytics",7),this.duetEvent=t(this,"duetEvent",7),this.processedMainItem=null,this.processedItems=null,this.processedMenu=null,this.theme="",this.variation="default",this.margin="auto",this.logoHref="/",this.language=p(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=m(this.accessibleLabelExternalDefaults),this.handleClick=e=>{e.data.analyticsId&&this.duetAnalytics.emit({component:"duet-footer",analyticsId:e.data.analyticsId}),this.duetChange.emit(e)},this.handleLogoClick=e=>{const t=b(e,{href:this.logoHref,label:"logo"});this.duetLogoClick.emit(t),this.handleClick(t)},this.handleMenuClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetMenuClick.emit(o)},this.handleItemClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetItemClick.emit(o)},this.emitDuetEvent=(e,t)=>{this.duetEvent.emit({component:"duet-footer",data:t,originalEvent:e})},this.setDataAttributes=(e,t)=>{if(t.data)for(const o in t.data)e.dataset[o]=t.data[o]}}componentWillLoad(){n(this),this.refresh(),this.hasInfoSlot=h(this.element,"info")}connectedCallback(){u(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}),s(this)}disconnectedCallback(){f(this),l(this)}async refresh(){this.processedItems=c(this.items),this.processedMenu=c(this.menu)}getTopItemButtonIcon(e){var t,o;if(!e.href||!e.external)return(null===(t=e.href)||void 0===t?void 0:t.startsWith("tel:"))?"form-tel":(null===(o=e.href)||void 0===o?void 0:o.startsWith("mailto:"))?"navigation-message":"navigation-arrow-right"}isMessagingLink(e){return(null==e?void 0:e.startsWith("tel:"))||(null==e?void 0:e.startsWith("mailto:"))}render(){const e=m(g,this.language),t="turva"===this.theme?e.turva:e.lahi;return o("footer",{key:"41644e999245cd90d4c97839293f95bfa5d9d250",class:{"duet-footer":!0,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-footer-simple":"simple"===this.variation},"aria-label":this.accessibleLabel},o("div",{key:"5cc2520a6657b134143ef4b54e8bc25cb4ec6f3f",class:"duet-footer-wrapper"},"simple"!==this.variation&&o("div",{key:"6172bf0124114fa0d1447d4cde52541c06513707",class:{"duet-footer-top":!0,"duet-has-info":this.hasInfoSlot},part:"top"},o("div",{key:"8d7fa0e35487812a06867478b0d8c717e8cbc295",class:"footer-top-logo"},o("duet-logo",{key:"88a405f43f8923aec01dfbe7637d8b693c24ee94",href:this.logoHref,onClick:this.handleLogoClick,size:"large",inverse:!0,language:this.language,theme:this.theme})),o("div",{key:"0945fb2a21d2621abd034763e50d30f047fa7734",class:"footer-top-right-container"},o("slot",{key:"73eb607d6eae88968f7066c951f5f8ddf326f55e",name:"info"}),o("div",{key:"1c142d6053b4b3f9b0bae03289e9ad79849cade6",class:"footer-top-items"},this.processedItems&&this.processedItems.map(((e,t)=>o(i,null,t>0&&o("duet-spacer",{size:"x-large",direction:"horizontal"}),o("duet-button",{ref:t=>this.setDataAttributes(t,e),theme:this.theme,id:e.id,class:"duet-footer-link",variation:"plain",margin:"none",fixed:!0,negative:!0,url:e.href,external:e.external,icon:this.getTopItemButtonIcon(e),"icon-right":!this.isMessagingLink(e.href),"icon-size":this.isMessagingLink(e.href)?"medium":"medium-small",onClick:t=>this.handleItemClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label))))))),o("slot",{key:"86fc7e14e4fb80b35c4e81659c9e3b35d6c965c7",name:"extra"}),o("p",{key:"f5ddbb6a4cbf19f70259d96ef786cd6b068f503f",class:"duet-footer-menu",part:"menu"},o("span",{key:"9e2390e03d199fc50f6fb67181734a4ba71a38b8",class:"duet-footer-copyright"},`${t} ${(new Date).getFullYear()}`),o("span",{key:"c7b6bc951c3d2dc81abfcc4eac43d6d9061e9421",class:"duet-footer-menu-links"},this.processedMenu&&o(i,{key:"87ef405d79957865d7cfd81f07fb400b9aa2ab1a"},this.processedMenu.map((e=>o("a",{ref:t=>this.setDataAttributes(t,e),href:e.href,id:e.id,target:e.external?"_blank":"_self",onClick:t=>this.handleMenuClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label,e.external&&o(i,null,o("duet-visually-hidden",null,", ",this.accessibleLabelExternal),o("span",{class:"duet-footer-external"},o("duet-icon",{icon:a.svg,size:"xx-small",margin:"none",color:"currentColor"}))),o("span",{class:"duet-footer-divider",role:"presentation","aria-hidden":"true"},"/"))))))),o("p",{key:"53c2ae3a42969730299aa948b8b6d42e9d765d32",class:"duet-footer-copyright duet-footer-copyright-mobile"},`${t} ${(new Date).getFullYear()}`)))}get element(){return r(this)}static get watchers(){return{menu:["refresh"],items:["refresh"]}}};x.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;flex-shrink:0;width:100%}::slotted([slot=info]){padding:0 28px;margin-top:0;margin-bottom:16px}@media (min-width: 62em){::slotted([slot=info]){padding:0;margin-top:calc(20px - 0.5em);margin-bottom:0}}.duet-footer{display:block;width:100%;padding-top:24px;padding-bottom:16px;margin-top:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(8, 42, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus,:host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center}.duet-footer-top.duet-has-info{align-items:flex-start}}.duet-footer-top .footer-top-logo{flex-grow:1}.duet-footer-top .footer-top-right-container{flex-grow:1}@media (min-width: 62em){.duet-footer-top .footer-top-right-container{text-align:right}}.duet-footer-top .footer-top-items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:28px}@media (min-width: 62em){.duet-footer-top .footer-top-items{flex-direction:row;justify-content:flex-end}}duet-logo{margin-bottom:24px;margin-left:16px !important}@media (min-width: 62em){duet-logo{margin-bottom:0;margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;padding-left:28px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-right:0 !important;padding-left:8px !important}}.duet-footer-menu a{display:inline-block;overflow-wrap:break-word;text-decoration:none}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{display:block;flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:28px;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(8, 42, 77);background:transparent !important;border-top:1px solid rgb(212, 223, 229)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(8, 42, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-footer.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:rgb(230, 23, 64)}.duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(230, 23, 64)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-theme-turva duet-logo{margin-left:28px !important}@media (min-width: 62em){.duet-theme-turva duet-logo{margin-left:0 !important}}@media (min-width: 62em){.duet-theme-turva ::slotted([slot=info]){margin-top:4px}}';export{x as duet_footer}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,g as i,H as d}from"./p-DrqQiRTn.js";import{i as s}from"./p-CLZq8YfV.js";import{w as l}from"./p-BmMFVM-y.js";const o=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.padding="auto",this.mobile="left",this.breakpoint="small",this.variation="default",this.labelWidth="30",this.responsive=!0}componentWillLoad(){s(this)}async connectedCallback(){this.mutationO=l(this.element,"duet-list-item",(()=>{this.updateListItems()})),this.updateListItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}toggleClass(t,e,i){i?t.classList.add(e):t.classList.remove(e)}async updateListItems(){Array.from(this.element.querySelectorAll("duet-list-item")).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.responsive?this.breakpoint||"small":void 0,t.classList.add(`duet-list-width-${this.labelWidth}`),t.classList.add(`duet-list-variation-${this.variation}`),this.toggleClass(t,"duet-p-0","none"===this.padding),this.toggleClass(t,"duet-list-mobile-center","center"===this.mobile),this.toggleClass(t,"duet-list-striped","striped"===this.variation),this.toggleClass(t,"duet-list-bordered","bordered"===this.variation),this.toggleClass(t,"duet-list-inner-bordered","inner-bordered"===this.variation),this.toggleClass(t,"duet-theme-turva","turva"===this.theme)}))}render(){return e("dl",{key:"8db79297c536ab67ccc4692ce3fba04812ad38f0",class:{"duet-list-component":!0,"duet-m-0":"none"===this.margin}},e("slot",{key:"9644e8591deac7c8e4ac380f65e93ffb54154e70"}))}get element(){return i(this)}static get watchers(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";const a=class{constructor(e){t(this,e),this.theme="",this.responsive=!1,this.breakpoint="small"}componentWillLoad(){s(this)}render(){return e(d,{key:"47185c0399f547a7d80ac43adf617b617e33e604",class:{"duet-theme-turva":"turva"===this.theme,"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":"x-small"===this.breakpoint,"duet-list-item-breakpoint-small":"small"===this.breakpoint,"duet-list-item-breakpoint-medium":"medium"===this.breakpoint,"duet-list-item-breakpoint-large":"large"===this.breakpoint,"duet-list-item-breakpoint-x-large":"x-large"===this.breakpoint}},e("dt",{key:"6ae3c144789f6f61efd296b660b88b180a5e0e38"},e("slot",{key:"c33e76c13b822b05a938e421d6eb53ef95e403f7",name:"label"})),e("dd",{key:"31bda43d4a91ec3b4a44746a0ddde2f7b91845c2"},e("slot",{key:"c1ce54a0b9a7dd7256a7dcf3a32bef70bb063621",name:"value"})))}get element(){return i(this)}};a.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;flex-direction:column;display:flex;width:100%;overflow:visible;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;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;text-align:left;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host dt{font-weight:600}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-striped:nth-of-type(odd)) dt,:host(.duet-list-striped:nth-of-type(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}: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, 42, 59)}:host(.duet-theme-turva) dt{font-weight:700}:host(.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dd{background:rgb(245, 246, 247)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(212, 221, 226)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(212, 221, 226)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(212, 221, 226)}';export{o as duet_list,a as duet_list_item}
|
|
4
|
+
import{r as t,h as e,g as i,H as d}from"./p-B2cboDWM.js";import{i as s}from"./p-BzYmwX5_.js";import{w as l}from"./p-BmMFVM-y.js";const o=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.padding="auto",this.mobile="left",this.breakpoint="small",this.variation="default",this.labelWidth="30",this.responsive=!0}componentWillLoad(){s(this)}async connectedCallback(){this.mutationO=l(this.element,"duet-list-item",(()=>{this.updateListItems()})),this.updateListItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}toggleClass(t,e,i){i?t.classList.add(e):t.classList.remove(e)}async updateListItems(){Array.from(this.element.querySelectorAll("duet-list-item")).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.responsive?this.breakpoint||"small":void 0,t.classList.add(`duet-list-width-${this.labelWidth}`),t.classList.add(`duet-list-variation-${this.variation}`),this.toggleClass(t,"duet-p-0","none"===this.padding),this.toggleClass(t,"duet-list-mobile-center","center"===this.mobile),this.toggleClass(t,"duet-list-striped","striped"===this.variation),this.toggleClass(t,"duet-list-bordered","bordered"===this.variation),this.toggleClass(t,"duet-list-inner-bordered","inner-bordered"===this.variation),this.toggleClass(t,"duet-theme-turva","turva"===this.theme)}))}render(){return e("dl",{key:"8b5a83409655ee3c79b0d076851d5f35ac038766",class:{"duet-list-component":!0,"duet-m-0":"none"===this.margin}},e("slot",{key:"f9e3dfbf22a5055c0ee910c4347f2d69b7971d59"}))}get element(){return i(this)}static get watchers(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";const a=class{constructor(e){t(this,e),this.theme="",this.responsive=!1,this.breakpoint="small"}componentWillLoad(){s(this)}render(){return e(d,{key:"2fc646c6ec771484ba741b13db4e05af02190613",class:{"duet-theme-turva":"turva"===this.theme,"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":"x-small"===this.breakpoint,"duet-list-item-breakpoint-small":"small"===this.breakpoint,"duet-list-item-breakpoint-medium":"medium"===this.breakpoint,"duet-list-item-breakpoint-large":"large"===this.breakpoint,"duet-list-item-breakpoint-x-large":"x-large"===this.breakpoint}},e("dt",{key:"a6f04cd679b723dec94b73f49a1f01e765cc2c2c"},e("slot",{key:"3406e6b4499bc4e1ccbb65c8c20861a940058120",name:"label"})),e("dd",{key:"12904de4492dd50e266c323d2d038a514e4ed4f1"},e("slot",{key:"1b5922436da8b77d4687c2fe55e7f58c5af37647",name:"value"})))}get element(){return i(this)}};a.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;flex-direction:column;display:flex;width:100%;overflow:visible;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;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;text-align:left;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host dt{font-weight:600}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-striped:nth-of-type(odd)) dt,:host(.duet-list-striped:nth-of-type(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}: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, 42, 59)}:host(.duet-theme-turva) dt{font-weight:700}:host(.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dd{background:rgb(245, 246, 247)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(212, 221, 226)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(212, 221, 226)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(212, 221, 226)}';export{o as duet_list,a as duet_list_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as n,h as e,H as a,g as
|
|
4
|
+
import{r as n,h as e,H as a,g as o}from"./p-B2cboDWM.js";import{i as r}from"./p-BzYmwX5_.js";const d=class{constructor(e){n(this,e),this.theme="",this.padding="medium",this.variation="",this.margin="auto"}componentWillLoad(){r(this)}render(){return e(a,{key:"f245a3e1001c22a202f3568c3bb787d0733d6d06",class:{"duet-m-0":"none"===this.margin}},e("section",{key:"8a2b28280d033811f77acd9160442b740f998394","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-describedby":this.accessibleDescribedBy,class:{"duet-panel":!0,"duet-theme-turva":"turva"===this.theme,[this.variation.split("-")[0]]:!0,[this.variation.split("-")[1]]:!0,[`padding-${this.padding}`]:!0,border:this.border}},e("slot",{key:"9d8fedee8a1747268476e62d802987401074f89f"})))}get element(){return o(this)}};d.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 position: relative;\n display: block;\n width: 100%;\n margin: 8px 0 20px 0;\n}\n@container (width > 36em) {\n :host {\n margin: 12px 0 28px 0;\n }\n}\n\n:host(.duet-m-0) {\n margin: 0;\n}\n\n.duet-panel {\n font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n color: rgb(8, 42, 77);\n background-color: rgb(255, 255, 255);\n border: 0 solid rgb(212, 223, 229);\n border-radius: 16px;\n}\n.duet-panel.padding-small {\n padding: 16px;\n border-radius: 12px;\n}\n@container (width > 36em) {\n .duet-panel.padding-small {\n padding: 20px;\n }\n}\n.duet-panel.padding-medium {\n padding: 20px;\n}\n@container (width > 36em) {\n .duet-panel.padding-medium {\n padding: 28px;\n }\n}\n.duet-panel.padding-large {\n padding: 28px;\n}\n@container (width > 36em) {\n .duet-panel.padding-large {\n padding: 36px;\n }\n}\n.duet-panel.border {\n border-width: 1px;\n}\n.duet-panel.secondary {\n background-color: rgb(245, 248, 250);\n}\n.duet-panel.accent {\n background-color: rgb(240, 247, 250);\n border-color: rgb(198, 225, 238);\n}\n.duet-panel.accent.secondary {\n background-color: rgb(217, 236, 245);\n}\n\n.duet-panel.duet-theme-turva {\n font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n color: rgb(23, 42, 59);\n border-color: rgb(212, 221, 226);\n}\n.duet-panel.duet-theme-turva.secondary {\n background-color: rgb(245, 246, 247);\n}\n.duet-panel.duet-theme-turva.accent {\n background-color: rgb(253, 247, 242);\n border-color: rgb(241, 202, 178);\n}\n.duet-panel.duet-theme-turva.accent.secondary {\n background-color: rgb(251, 225, 209);\n}';export{d as duet_panel}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,F as a,g as i}from"./p-
|
|
4
|
+
import{r as t,h as e,F as a,g as i}from"./p-B2cboDWM.js";import{s}from"./p-DEzE2U5T.js";import{i as o}from"./p-BzYmwX5_.js";import{c as r}from"./p-Cfr_DJqU.js";import{s as d,u as n}from"./p-Db8rvjPI.js";import{a as l,g as u,c as p,d as b}from"./p-CFqvB5PA.js";import"./p-C6E9F6QT.js";const c=2*parseFloat(s)*16,h=class{constructor(e){t(this,e),this.isTicking=!1,this.expandableId=r("DuetTray"),this.expanded=!1,this.hiddenState=!1,this.language=l(),this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"},this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"},this.accessibleOpenLabel=u(this.accessibleOpenLabelDefaults,this.language),this.theme="",this.active=!1,this.autoHide=!0,this.responsive=!0,this.animationLoop=()=>{this.hiddenState=window.pageYOffset<c,this.isTicking=!1},this.toggleExpandable=t=>{t.preventDefault(),this.expanded=!this.expanded}}componentWillLoad(){o(this),this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")}connectedCallback(){p(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]),d(this)}disconnectedCallback(){b(this),n(this)}getFrame(){!this.isTicking&&this.autoHide&&this.active&&(requestAnimationFrame(this.animationLoop),this.isTicking=!0)}handleBodyClick(t){this.expanded&&(this.expanded=this.element.contains(t.target))}render(){return e("div",{key:"62e6d87f9a5ff9a959bd15fea1a0b6d4f2f78018",class:{"duet-tray":!0,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":"turva"===this.theme,"duet-tray-is-expandable":this.hasAdditionalContent}},e("div",{key:"f1c78227de8998333acf857905e95c6d6be25937",class:"duet-tray-default-content",role:"status"},e("slot",{key:"d7748f81620cd98c5a8b35a18e344302d756a0a0"})),this.hasAdditionalContent&&e(a,{key:"f87597291a46075ceda6d114fe67ffa1df52870b"},e("button",{key:"2886b0325718e16d0c904fa327ceb3d8c318d7bf","aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:t=>this.toggleExpandable(t),class:{"duet-tray-button":!0,"duet-tray-is-expanded":this.expanded}},e("duet-icon",{key:"afe046c5fc6baf22268fe063cd0c6d2bd0e661ea",name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),e("duet-visually-hidden",{key:"44c04a86d76063ef62ecd3544f25a09a1d6901dc"},this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),e("div",{key:"89aa1e7d332a1d8aa649eaff0c798bfaf6349964",id:this.expandableId,class:{"duet-tray-expandable":!0,active:this.expanded}},e("div",{key:"ad9f9814c60e70a8a19a0872d3006fcdd4d36f62",class:"duet-tray-expandable-content"},e("slot",{key:"d319a5002fb41dbd3f7d036c881a064a5f2dd832",name:"additional"})))))}get element(){return i(this)}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;visibility:hidden;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transform:translateY(-4rem);transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray:focus,:host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;visibility:hidden;width:calc(100% + 46px);max-height:0;overflow-y:auto;scrollbar-width:none;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{visibility:visible;max-height:500px;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray-button:focus,:host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:active{box-shadow:none;opacity:0.75}.duet-tray.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);background:rgb(253, 247, 242);border-color:rgb(251, 225, 209)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(251, 225, 209)}.duet-theme-turva .duet-tray-button{color:rgb(23, 42, 59)}';export{h as duet_tray}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,c as e,h as i,H as o,g as l}from"./p-B2cboDWM.js";import{D as s}from"./p-Cg4m_WHe.js";import{i as a}from"./p-BzYmwX5_.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as n,b as u,c,d,e as m,f as h,g as p}from"./p-Db8rvjPI.js";import{a as b,c as g,d as f}from"./p-CFqvB5PA.js";import{c as x}from"./p-5lFzA17H.js";import{p as v}from"./p-C6E9F6QT.js";const y=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=r("DuetError"),this.labelId=r("DuetLabel"),this.topCaptionId=r("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"},this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"},this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"},this.processedItems=[],this.processedGroups=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=b(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=r("DuetMultiselect"),this.allControls=!1,this.placeholder="",this.disabled=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(n(t)||u(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{c(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(this.allControls?-2:0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;d(t)||m(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(h(t)||p(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.handleSelectAllClick=t=>{this.value=this.processedItems,this.onChange(t)},this.handleClearAllClick=t=>{this.value=[],this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){a(this),this.isCaptionVisible=!!this.caption,x(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}connectedCallback(){g(this)}disconnectedCallback(){f(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async selectWithValues(t){const e=this.processedItems.filter((e=>t.includes(e.value)));this.value=Array.from(new Set([...this.value,...e]))}async refresh(){const t=v(this.items);this.processedItems=[],this.processedGroups=[],t&&0!==t.length&&(this.processedGroups=void 0!==t[0].items?t:[{label:"",items:t}],this.processedGroups.forEach((t=>t.items.forEach((t=>this.processedItems.push(t))))))}render(){var t;return i(o,{key:"2347a9fc6542af294322242041d6881e7d46705a",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{key:"956a141db6a505bace52938e5fe4806494f45159",class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i(s,{key:"2f23d51d3671879786ba1407b56ae3222f9a5bf5",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{key:"85a8c563721a63f0a34cce7cc459dd18d6280194",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"56a2689eeda397d20a42b167ddb099b920107e26",name:"tooltip"}),this.caption&&i("duet-caption",{key:"0c8e2c9a01b16cd4dcfa46d4e9ad7a656d5a3c74",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"4436df38933bbd41698bd155d710c0d2216d1f6d",class:"duet-multiselect-wrapper"},i("button",{key:"99022f18da86f4373ff64c74a52dace5a2bd7d60",id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{key:"e64ce99653325421f0618ad642a840e4b0cd3695",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`,"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&i("span",{key:"ead81f383496a853979310009d9899727eca2585",class:"duet-multiselect-badge"},this.value.length,i("duet-visually-hidden",{key:"34142a17a4b013c56292dff2eb224f6544afa95e"},this.selectedLangObject[this.language],","," ",Array.isArray(this.value)?this.value.map((t=>t.label)).join(", "):"")),i("svg",{key:"0608e4eb2995dcc8f02a1c92c35b5cbf545f7ad5",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"0b9a5d56df9e428d036f77c886fce63855aeae12",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),i("div",{key:"ae5eb2b331307f54eeab1c6728f289dcda6b3f27",id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},(null===(t=this.processedItems)||void 0===t?void 0:t.length)&&this.allControls&&i("div",{key:"d5883b8ebe1c051efd79ddb1f79dc78e5fddeb47",class:"duet-multiselect-all-control-buttons"},i("button",{key:"24482082ed2715da5f7c57cce55e2c68da043f07",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:t=>this.onCheckboxKeyDown(t,-2)},this.selectAllLabel[this.language]),i("button",{key:"5c900fa9f95cf21ca22c498212ec6cbd72e23139",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:t=>this.onCheckboxKeyDown(t,-1)},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((t=>i("fieldset",null,t.label&&i("legend",null,t.label),t.items.map(((t,e)=>{var o,l;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(o=this.value)||void 0===o?void 0:o.includes(t),"accessible-selected":(null===(l=this.value)||void 0===l?void 0:l.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})}))))))),i("span",{key:"733dfa1e852f5b450de3e11e7d9bd9516c1c6284",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",{key:"4535a77dbbb418ceb1c63d423e390324f5d0f18d"},this.error))))}get element(){return l(this)}static get watchers(){return{items:["refresh"]}}};y.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{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%;max-width:100%;vertical-align:bottom}: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-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover:not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-multiselect:hover:not(:focus),.duet-multiselect:hover:not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-multiselect:hover:not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-multiselect:focus,.duet-multiselect:focus.duet-theme-turva,.duet-theme-turva .duet-multiselect.duet-multiselect-active,.duet-multiselect.duet-multiselect-active.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-multiselect[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;visibility:hidden;width:100%;padding:16px;margin:8px 0 0;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 42, 59)}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 42, 59);background:#e8eaeb}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(212, 221, 226);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(230, 23, 64)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 42, 59)}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}';export{y as duet_multiselect}
|