@duetds/components 10.1.1 → 10.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/hydrate/index.js +325 -255
- package/hydrate/index.mjs +325 -255
- package/lib/cjs/{a11y-utils-B_EYQg_6.js → a11y-utils-DIgK57bg.js} +1 -1
- package/lib/cjs/{app-globals-BFWJwMVq.js → app-globals-CQh0dxkp.js} +1 -1
- package/lib/cjs/{common-strings-CC6Xpjb8.js → common-strings-DMaSb4Ld.js} +8 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-alert.cjs.entry.js +5 -5
- package/lib/cjs/duet-badge.cjs.entry.js +6 -6
- package/lib/cjs/duet-banner.cjs.entry.js +3 -3
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +6 -6
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
- package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +20 -14
- package/lib/cjs/duet-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkbox.cjs.entry.js +19 -5
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +4 -4
- package/lib/cjs/duet-choice_2.cjs.entry.js +13 -13
- package/lib/cjs/duet-collapsible.cjs.entry.js +5 -5
- package/lib/cjs/duet-combobox.cjs.entry.js +30 -9
- package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +3 -3
- package/lib/cjs/duet-date-picker.cjs.entry.js +9 -9
- package/lib/cjs/duet-divider_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +10 -10
- package/lib/cjs/duet-empty-state.cjs.entry.js +4 -4
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +3 -3
- package/lib/cjs/duet-footer.cjs.entry.js +9 -9
- package/lib/cjs/duet-grid_2.cjs.entry.js +7 -6
- package/lib/cjs/duet-header_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-hero.cjs.entry.js +10 -10
- package/lib/cjs/duet-icon.cjs.entry.js +5 -5
- package/lib/cjs/duet-indicator.cjs.entry.js +4 -4
- package/lib/cjs/duet-input_2.cjs.entry.js +12 -12
- package/lib/cjs/duet-layout.cjs.entry.js +7 -7
- package/lib/cjs/duet-list_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +8 -8
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar.cjs.entry.js +6 -6
- package/lib/cjs/duet-modal.cjs.entry.js +13 -13
- package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-number-input.cjs.entry.js +9 -9
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +4 -4
- package/lib/cjs/duet-pagination_2.cjs.entry.js +16 -16
- package/lib/cjs/duet-panel.cjs.entry.js +4 -4
- package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +11 -11
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +15 -15
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +10 -10
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart.cjs.entry.js +6 -6
- package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +8 -8
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +11 -11
- package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
- package/lib/cjs/duet-status-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-step_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
- package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
- package/lib/cjs/duet-toggle.cjs.entry.js +24 -7
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +9 -9
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
- package/lib/cjs/duet-tray.cjs.entry.js +5 -5
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-BiQq7F-O.js → errorcodes.utils-DflKGDer.js} +1 -1
- package/lib/cjs/{focus-utils-8IrILmeG.js → focus-utils-CsX9QzWh.js} +1 -1
- package/lib/cjs/{index-CwMzFaC2.js → index-CHPE0RRI.js} +1 -1
- package/lib/cjs/{label-Bw-qhJBs.js → label-Bk7Tl0vN.js} +1 -1
- package/lib/cjs/{language-utils-BLi7aaEv.js → language-utils-D7JgugVP.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-l9-tZvM8.js → slot-utils-Cz6-0IYe.js} +1 -1
- package/lib/cjs/{themeable-component-DlxAauty.js → themeable-component-DYp2VYiJ.js} +1 -1
- package/lib/collection/common-strings.js +7 -1
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-checkbox/duet-checkbox.css +12 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +24 -2
- package/lib/collection/components/duet-chip/duet-chip.js +1 -1
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.js +6 -6
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +2 -2
- package/lib/collection/components/duet-combobox/duet-combobox.js +28 -6
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.css +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +2 -2
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +2 -2
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +2 -2
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.js +4 -4
- package/lib/collection/components/duet-grid/duet-grid.js +3 -2
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
- package/lib/collection/components/duet-heading/duet-heading.js +2 -2
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-indicator/duet-indicator.js +1 -1
- package/lib/collection/components/duet-input/duet-input.css +7 -7
- package/lib/collection/components/duet-input/duet-input.js +6 -6
- package/lib/collection/components/duet-layout/duet-layout.js +5 -5
- package/lib/collection/components/duet-link/duet-link.css +43 -8
- package/lib/collection/components/duet-link/duet-link.js +11 -5
- package/lib/collection/components/duet-list/duet-list.js +1 -1
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +3 -3
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +7 -7
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-nav/duet-nav.js +1 -1
- package/lib/collection/components/duet-notification/duet-notification.js +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +3 -3
- package/lib/collection/components/duet-number-input/duet-number-input.css +13 -7
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
- package/lib/collection/components/duet-panel/duet-panel.js +2 -2
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +3 -3
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.css +10 -4
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
- package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
- package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
- package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab/duet-tab.js +2 -2
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +3 -3
- package/lib/collection/components/duet-toggle/duet-toggle.css +22 -9
- package/lib/collection/components/duet-toggle/duet-toggle.js +83 -2
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +3 -3
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +2 -2
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.esm.js.map +1 -0
- package/lib/duet/index.esm.js.map +1 -0
- package/lib/duet/{p-8ef9d397.entry.js → p-026b5d97.entry.js} +1 -1
- package/lib/duet/{p-8fb7d2ad.entry.js → p-0278421d.entry.js} +1 -1
- package/lib/duet/{p-be967aa3.entry.js → p-0ac52236.entry.js} +1 -1
- package/lib/duet/{p-35ab9df3.entry.js → p-0c0485ca.entry.js} +1 -1
- package/lib/duet/{p-b4405bb2.entry.js → p-0c4d3ef8.entry.js} +1 -1
- package/lib/duet/{p-23c8a3cf.entry.js → p-10593797.entry.js} +1 -1
- package/lib/duet/{p-5e312efa.entry.js → p-13423abb.entry.js} +1 -1
- package/lib/duet/{p-1a92ea28.entry.js → p-1674f94c.entry.js} +1 -1
- package/lib/duet/{p-6b6a8585.entry.js → p-16ef5016.entry.js} +1 -1
- package/lib/duet/{p-8ef3fe6f.entry.js → p-19f51a31.entry.js} +1 -1
- package/lib/duet/{p-d851fb45.entry.js → p-1a0890fa.entry.js} +1 -1
- package/lib/duet/{p-2459de04.entry.js → p-1b45ccdc.entry.js} +1 -1
- package/lib/duet/p-1b9bfe32.entry.js +4 -0
- package/lib/duet/{p-5ee97e54.entry.js → p-1dbbd855.entry.js} +1 -1
- package/lib/duet/{p-24e49455.entry.js → p-1dcde973.entry.js} +1 -1
- package/lib/duet/{p-a1bddbe0.entry.js → p-1f44c859.entry.js} +1 -1
- package/lib/duet/{p-c08a6b40.entry.js → p-1f6ea6df.entry.js} +1 -1
- package/lib/duet/{p-cd9c1ddc.entry.js → p-203ef386.entry.js} +1 -1
- package/lib/duet/{p-a94c2063.entry.js → p-22d59683.entry.js} +1 -1
- package/lib/duet/{p-8e105140.entry.js → p-24106c45.entry.js} +1 -1
- package/lib/duet/{p-af604e20.entry.js → p-2a8b5bfa.entry.js} +1 -1
- package/lib/duet/p-2d578570.entry.js +4 -0
- package/lib/duet/{p-0f15317c.entry.js → p-2e9897c7.entry.js} +1 -1
- package/lib/duet/{p-3caabda3.entry.js → p-31d16e95.entry.js} +1 -1
- package/lib/duet/{p-414306dc.entry.js → p-323fa45a.entry.js} +1 -1
- package/lib/duet/p-3434fb72.entry.js +4 -0
- package/lib/duet/{p-7cad4a7d.entry.js → p-35ea3b5a.entry.js} +1 -1
- package/lib/duet/{p-e08191e2.entry.js → p-3a42f2e8.entry.js} +1 -1
- package/lib/duet/{p-fcb7ab98.entry.js → p-48767e14.entry.js} +1 -1
- package/lib/duet/{p-47d33b6b.entry.js → p-519a52bc.entry.js} +1 -1
- package/lib/duet/{p-e0c9c534.entry.js → p-52980dc6.entry.js} +1 -1
- package/lib/duet/{p-20bfba9e.entry.js → p-55973c08.entry.js} +1 -1
- package/lib/duet/{p-e06f599b.entry.js → p-56bfa7b4.entry.js} +1 -1
- package/lib/duet/p-5be4e1b3.entry.js +4 -0
- package/lib/duet/{p-ab65780a.entry.js → p-5ded9cdd.entry.js} +1 -1
- package/lib/duet/{p-68bb7d28.entry.js → p-5f93c14a.entry.js} +1 -1
- package/lib/duet/{p-69c2989d.entry.js → p-6872f751.entry.js} +1 -1
- package/lib/duet/{p-1bf0b984.entry.js → p-6a223004.entry.js} +1 -1
- package/lib/duet/{p-a886ee0b.entry.js → p-6b20c695.entry.js} +1 -1
- package/lib/duet/{p-1bf130a0.entry.js → p-6c4ad8dd.entry.js} +1 -1
- package/lib/duet/{p-96334633.entry.js → p-71a993e9.entry.js} +1 -1
- package/lib/duet/p-77bd81a7.entry.js +4 -0
- package/lib/duet/{p-46fdb6a9.entry.js → p-78e28708.entry.js} +1 -1
- package/lib/duet/{p-f9c54d66.entry.js → p-7c27d54d.entry.js} +1 -1
- package/lib/duet/{p-999ff774.entry.js → p-7c5559aa.entry.js} +1 -1
- package/lib/duet/{p-f0c6161a.entry.js → p-7c71acff.entry.js} +1 -1
- package/lib/duet/p-8246aca5.entry.js +4 -0
- package/lib/duet/p-82bed3e4.entry.js +4 -0
- package/lib/duet/{p-5214be20.entry.js → p-83873c17.entry.js} +1 -1
- package/lib/duet/{p-fb4af30f.entry.js → p-879d2e6a.entry.js} +1 -1
- package/lib/duet/p-8RjiAqaE.js +4 -0
- package/lib/duet/{p-07b33d9a.entry.js → p-8d568b05.entry.js} +1 -1
- package/lib/duet/{p-64003bfb.entry.js → p-8f022fe4.entry.js} +1 -1
- package/lib/duet/{p-24c89cbd.entry.js → p-8f39b76a.entry.js} +1 -1
- package/lib/duet/{p-4b150620.entry.js → p-953910c3.entry.js} +1 -1
- package/lib/duet/{p-14c52ecc.entry.js → p-9705bdf2.entry.js} +1 -1
- package/lib/duet/p-9UeJiEXx.js.map +1 -0
- package/lib/duet/{p-4c8ff6a9.entry.js → p-9ad3562b.entry.js} +1 -1
- package/lib/duet/{p-c96cf3d3.entry.js → p-9dfb1602.entry.js} +1 -1
- package/lib/duet/p-BBhgW58t.js.map +1 -0
- package/lib/duet/{p-CPZ9Rh_9.js → p-BEyqDEKQ.js} +1 -1
- package/lib/duet/p-BK12s3nI.js.map +1 -0
- package/lib/duet/{p-Cz75kJ4Z.js → p-BOvQtVMD.js} +1 -1
- package/lib/duet/p-BW6JNddK.js.map +1 -0
- package/lib/duet/p-BcPp3KKD.js.map +1 -0
- package/lib/duet/p-Bd_IFUlc.js.map +1 -0
- package/lib/duet/p-BfhNMsMk.js.map +1 -0
- package/lib/duet/p-C4eu9Z7w.js.map +1 -0
- package/lib/duet/p-CGf6zkuF.js.map +1 -0
- package/lib/duet/p-CIGqx4Cc.js.map +1 -0
- package/lib/duet/p-CLDy7YaM.js.map +1 -0
- package/lib/duet/p-CV1dC6Oy.js.map +1 -0
- package/lib/duet/p-CaF2pz74.js.map +1 -0
- package/lib/duet/p-Cfr_DJqU.js.map +1 -0
- package/lib/duet/p-CgIXOlgn.js.map +1 -0
- package/lib/duet/p-CooAqTCj.js.map +1 -0
- package/lib/duet/{p-D2reh8UV.js → p-CsGZzH1g.js} +1 -1
- package/lib/duet/p-D0ZPQviq.js.map +1 -0
- package/lib/duet/p-D2eXyGqW.js.map +1 -0
- package/lib/duet/p-DAU-6bv0.js.map +1 -0
- package/lib/duet/{p-0d9FRr_b.js → p-DBab1eZF.js} +1 -1
- package/lib/duet/p-DE6tkjJW.js.map +1 -0
- package/lib/duet/{p-D7O8dU_Q.js → p-DRpZDk0L.js} +1 -1
- package/lib/duet/p-DWe9P8ry.js.map +1 -0
- package/lib/duet/p-DYO3k3VG.js.map +1 -0
- package/lib/duet/p-DajeMr0n.js.map +1 -0
- package/lib/duet/p-DbVclHyj.js +4 -0
- package/lib/duet/p-DifBJmpD.js.map +1 -0
- package/lib/duet/p-Dj_oRxdS.js +4 -0
- package/lib/duet/p-DxESMgwA.js.map +1 -0
- package/lib/duet/p-EQ8o9Cpg.js.map +1 -0
- package/lib/duet/{p-ae11d834.entry.js → p-a318f737.entry.js} +1 -1
- package/lib/duet/{p-0be1cbcc.entry.js → p-a4088637.entry.js} +1 -1
- package/lib/duet/{p-3937103e.entry.js → p-a64c60c9.entry.js} +1 -1
- package/lib/duet/{p-9c176eae.entry.js → p-a711aace.entry.js} +1 -1
- package/lib/duet/{p-46594b20.entry.js → p-a833d24e.entry.js} +1 -1
- package/lib/duet/p-aa73d232.entry.js +4 -0
- package/lib/duet/{p-e29699ea.entry.js → p-ab3f7d47.entry.js} +1 -1
- package/lib/duet/{p-87fdb2d1.entry.js → p-ae149a1c.entry.js} +1 -1
- package/lib/duet/p-af08e085.entry.js +4 -0
- package/lib/duet/p-afd58bd7.entry.js +4 -0
- package/lib/duet/{p-bafb269a.entry.js → p-afe51b83.entry.js} +1 -1
- package/lib/duet/{p-6a5089bf.entry.js → p-b051a253.entry.js} +1 -1
- package/lib/duet/{p-ec572857.entry.js → p-b108c836.entry.js} +1 -1
- package/lib/duet/p-b519650f.entry.js +4 -0
- package/lib/duet/p-b6b7126b.entry.js +4 -0
- package/lib/duet/{p-e3116610.entry.js → p-ba84bc30.entry.js} +1 -1
- package/lib/duet/{p-49f9404b.entry.js → p-be63e6cf.entry.js} +1 -1
- package/lib/duet/{p-c49521b1.entry.js → p-c0617b94.entry.js} +1 -1
- package/lib/duet/p-c5756278.entry.js +4 -0
- package/lib/duet/p-c7b7a009.entry.js +4 -0
- package/lib/duet/p-d49b80d5.entry.js +4 -0
- package/lib/duet/{p-3115c01d.entry.js → p-d6c7db11.entry.js} +1 -1
- package/lib/duet/p-df13a49e.entry.js +4 -0
- package/lib/duet/{p-53a8fc76.entry.js → p-dfd8dd6f.entry.js} +1 -1
- package/lib/duet/{p-6f1841f2.entry.js → p-e639afce.entry.js} +1 -1
- package/lib/duet/{p-c5f27149.entry.js → p-ef9c311e.entry.js} +1 -1
- package/lib/duet/{p-ad94e5b7.entry.js → p-f018de8a.entry.js} +1 -1
- package/lib/duet/{p-e1eff77c.entry.js → p-f592f327.entry.js} +1 -1
- package/lib/duet/{p-65eed68b.entry.js → p-fa0b596e.entry.js} +1 -1
- package/lib/duet/p-lTKl7i2u.js.map +1 -0
- package/lib/duet/{p-Be4oMqD2.js → p-nAcNUKp2.js} +1 -1
- package/lib/duet/p-vGm6JOUa.js.map +1 -0
- package/lib/duet/{p-B01I4GZJ.js → p-yNCV1XSS.js} +1 -1
- package/lib/esm/{a11y-utils-BPzUw6wf.js → a11y-utils-DaSX4sm4.js} +1 -1
- package/lib/esm/{app-globals-SsQsu12e.js → app-globals-Hj3SA8Ai.js} +1 -1
- package/lib/esm/{common-strings-CVPfl9fc.js → common-strings-8RjiAqaE.js} +8 -2
- package/lib/esm/duet-action-button.entry.js +3 -3
- package/lib/esm/duet-alert.entry.js +5 -5
- package/lib/esm/duet-badge.entry.js +6 -6
- package/lib/esm/duet-banner.entry.js +3 -3
- package/lib/esm/duet-breadcrumb.entry.js +6 -6
- package/lib/esm/duet-breadcrumbs.entry.js +5 -5
- package/lib/esm/duet-button_2.entry.js +5 -5
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +20 -14
- package/lib/esm/duet-card.entry.js +3 -3
- package/lib/esm/duet-checkbox.entry.js +19 -5
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +4 -4
- package/lib/esm/duet-choice_2.entry.js +13 -13
- package/lib/esm/duet-collapsible.entry.js +5 -5
- package/lib/esm/duet-combobox.entry.js +30 -9
- package/lib/esm/duet-contact-card.entry.js +5 -5
- package/lib/esm/duet-cookie-consent.entry.js +3 -3
- package/lib/esm/duet-date-picker.entry.js +9 -9
- package/lib/esm/duet-divider_2.entry.js +4 -4
- package/lib/esm/duet-editable-table_3.entry.js +10 -10
- package/lib/esm/duet-empty-state.entry.js +4 -4
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +3 -3
- package/lib/esm/duet-footer.entry.js +9 -9
- package/lib/esm/duet-grid_2.entry.js +7 -6
- package/lib/esm/duet-header_2.entry.js +5 -5
- package/lib/esm/duet-hero.entry.js +10 -10
- package/lib/esm/duet-icon.entry.js +5 -5
- package/lib/esm/duet-indicator.entry.js +4 -4
- package/lib/esm/duet-input_2.entry.js +12 -12
- package/lib/esm/duet-layout.entry.js +7 -7
- package/lib/esm/duet-list_2.entry.js +5 -5
- package/lib/esm/duet-menu-bar-button.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-menu-bar-item.entry.js +8 -8
- package/lib/esm/duet-menu-bar-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar.entry.js +6 -6
- package/lib/esm/duet-modal.entry.js +13 -13
- package/lib/esm/duet-multiselect.entry.js +10 -10
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +9 -9
- package/lib/esm/duet-number-input.entry.js +9 -9
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +4 -4
- package/lib/esm/duet-pagination_2.entry.js +16 -16
- package/lib/esm/duet-panel.entry.js +4 -4
- package/lib/esm/duet-phone-input.entry.js +4 -4
- package/lib/esm/duet-popup-menu_2.entry.js +11 -11
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +5 -5
- package/lib/esm/duet-radio_2.entry.js +7 -7
- package/lib/esm/duet-range-slider.entry.js +6 -6
- package/lib/esm/duet-scrollable_3.entry.js +15 -15
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +10 -10
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +2 -2
- package/lib/esm/duet-share-chart.entry.js +6 -6
- package/lib/esm/duet-show-more.entry.js +5 -5
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +8 -8
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +11 -11
- package/lib/esm/duet-slideout.entry.js +10 -10
- package/lib/esm/duet-status-icon.entry.js +3 -3
- package/lib/esm/duet-step_2.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-item.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar.entry.js +7 -7
- package/lib/esm/duet-textarea.entry.js +8 -8
- package/lib/esm/duet-toggle.entry.js +24 -7
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
- package/lib/esm/duet-toolbar-item.entry.js +9 -9
- package/lib/esm/duet-toolbar-link.entry.js +4 -4
- package/lib/esm/duet-toolbar.entry.js +4 -4
- package/lib/esm/duet-tooltip-button_2.entry.js +9 -9
- package/lib/esm/duet-tooltip.entry.js +4 -4
- package/lib/esm/duet-tray.entry.js +5 -5
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-BSrGsmkE.js → errorcodes.utils-AyF-6hZu.js} +1 -1
- package/lib/esm/{focus-utils-pVdst0px.js → focus-utils-CCWbE_kr.js} +1 -1
- package/lib/esm/{index-CPZ9Rh_9.js → index-BEyqDEKQ.js} +1 -1
- package/lib/esm/{label-DOI1kYHr.js → label-C58dWzTQ.js} +1 -1
- package/lib/esm/{language-utils-D2LZ-dAb.js → language-utils-BXhYaE0m.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-Plu0scZN.js → slot-utils-BI9kmtvd.js} +1 -1
- package/lib/esm/{themeable-component-CyP7TR8I.js → themeable-component-BAHIh10B.js} +1 -1
- package/lib/types/common-strings.d.ts +1 -0
- package/lib/types/common-types.d.ts +8 -1
- package/lib/types/components/duet-checkbox/duet-checkbox.d.ts +6 -0
- package/lib/types/components/duet-combobox/duet-combobox.d.ts +3 -1
- package/lib/types/components/duet-link/duet-link.d.ts +3 -1
- package/lib/types/components/duet-toggle/duet-toggle.d.ts +16 -0
- package/lib/types/components.d.ts +28 -2
- package/package.json +5 -5
- package/lib/duet/p-0557d0e3.entry.js +0 -4
- package/lib/duet/p-0596ed8f.entry.js +0 -4
- package/lib/duet/p-12037a2a.entry.js +0 -4
- package/lib/duet/p-22ecf342.entry.js +0 -4
- package/lib/duet/p-24bd3f6b.entry.js +0 -4
- package/lib/duet/p-38e2f4db.entry.js +0 -4
- package/lib/duet/p-4eb8634c.entry.js +0 -4
- package/lib/duet/p-5c8619fc.entry.js +0 -4
- package/lib/duet/p-760530e9.entry.js +0 -4
- package/lib/duet/p-8b3be0f7.entry.js +0 -4
- package/lib/duet/p-8d0727d6.entry.js +0 -4
- package/lib/duet/p-91ce1d13.entry.js +0 -4
- package/lib/duet/p-BBJluIMx.js +0 -4
- package/lib/duet/p-BiXEBkqx.js +0 -4
- package/lib/duet/p-CVPfl9fc.js +0 -4
- package/lib/duet/p-a79d0152.entry.js +0 -4
- package/lib/duet/p-b90b0d7a.entry.js +0 -4
- package/lib/duet/p-d16bdf01.entry.js +0 -4
- package/lib/duet/p-e51c28bc.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as i,H as o,g as n}from"./p-CPZ9Rh_9.js";import{i as a}from"./p-Cz75kJ4Z.js";import{a as r}from"./p-0d9FRr_b.js";import"./p-C6E9F6QT.js";const s=class{constructor(i){e(this,i),this.duetEvent=t(this,"duetEvent",7),this.previousYScroll=0,this.hidden=!1,this.onBottom=!1,this.logoSize="large",this.leftMoreVisible=!1,this.rightMoreVisible=!1,this.centerSlotUsed=!1,this.mediaQueryMediumMatches=!1,this.theme="",this.language=r(),this.logo=!0,this.hideOnScroll=!1,this.scrollbarCheck=()=>{this.leftMoreVisible=this.container.scrollLeft>0,this.rightMoreVisible=this.container.scrollLeft!==this.container.scrollWidth-this.container.clientWidth},this.scrollToActive=()=>{let e;this.element.querySelectorAll("[active]").forEach((t=>{t.active&&(e=t)})),e&&e.offsetLeft&&e.offsetLeft>50&&(this.container.scrollLeft=e.offsetLeft-this.element.getBoundingClientRect().width/2+e.offsetWidth/2)},this.checkCenterSlot=()=>{const e=this.element.querySelector('[slot="center"]');this.centerSlotUsed=!!e},this.handleLogoClick=e=>{this.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:this.logoHref},originalEvent:e})}}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hideOnScroll&&(clearTimeout(this.zindexTimer),this.onBottom=!0),this.hidden=!0):window.scrollY<150&&(this.hideOnScroll&&(this.zindexTimer=setTimeout((()=>{this.onBottom=!1}),300)),this.hidden=!1),this.previousYScroll=window.scrollY)}componentWillLoad(){a(this)}connectedCallback(){this.checkCenterSlot()}componentDidLoad(){setTimeout((()=>{this.scrollbarCheck(),this.scrollToActive(),this.checkCenterSlot()}),0)}onWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.scrollToActive()}),100)}render(){const e=document.querySelectorAll("duet-slideout").length>0;return i(o,{key:"9f357dd163db230760ba15408c721b345619e369"},i("nav",{key:"515afdd6ce472b843bb59ab038fa87b76158743d",class:{"duet-menu-bar":!0,"duet-theme-turva":"turva"===this.theme,"horizontal-nav":e&&!this.logo,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},i("div",{key:"d19d82b1e1c35dd8f0ac72fc3625058f939d2b66",class:"top"}),i("div",{key:"8bd01db2edc2ab2c43e931e07288e252a6838abc",class:{container:!0,"with-info-text":!!this.logoInfoText&&!this.centerSlotUsed},ref:e=>this.container=e,onScroll:()=>this.scrollbarCheck()},this.logo&&i("div",{key:"28a65925e1aa7a73822e398a0aaa705de521cc66"},i("duet-logo",{key:"f7a068293211c3e3a7c091a084ecf4e7b3c2317c",class:"medium",size:"medium",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"dcb75e146d612870f0b65295df9f33a2be699d29",class:"large",size:"large",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"675cb30c9aaa18f8352d2c8d84978bb291f2337d",class:"only-symbol",onlySymbol:!0,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),this.logoInfoText&&!this.centerSlotUsed&&i("div",{key:"48cd2679315bb52d535c58b1b54831bcc1120bd4",class:{"duet-logo-info-text":!0,"duet-theme-turva":"turva"===this.theme}},this.logoInfoText)),i("div",{key:"0cc0ebfc6fe8b9582f8677ca8eba79c7fb102a97",class:"list center",role:"list"},i("div",{key:"8ed1c963529c2ad79182293ac831fc2a5c4ba308",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),i("slot",{key:"c997b17308d679e6364b79e9549600ea88307ebe",name:"center"}),i("div",{key:"e4d05f0c17fe62eb12a4708237703d32cb8ac339",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),i("div",{key:"438911a93d2bbcfd6a1084c095611bc031636313",class:"list right",role:"list"},i("slot",{key:"d8b922aca72f608f7acd42e29742efa50d0b2343",name:"right"}))),i("div",{key:"cd333a535ef8eac9c224cd6ebc6a2a4145ba20bd",class:"bottom"})))}get element(){return n(this)}};s.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;width:100%;pointer-events:none}:host *{pointer-events:auto}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}.duet-menu-bar .container duet-logo.large,.duet-menu-bar .container duet-logo.only-symbol{display:none}.duet-menu-bar .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 76.25em){.duet-menu-bar .container duet-logo.medium{display:none}.duet-menu-bar .container duet-logo.large{display:block}}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-grow:1;flex-basis:0;justify-content:flex-start;width:auto;height:40px}@media (min-width: 76.25em){.duet-menu-bar .container>:first-child{height:48px}}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text){flex-grow:8}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text) duet-paragraph{max-height:100%}.duet-menu-bar .container>:last-child{flex-grow:1;flex-basis:0;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container .duet-logo-info-text{max-height:2.8875rem;padding-left:16px;margin-left:16px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1;color:rgb(62, 84, 102);-webkit-hyphens:auto;hyphens:auto;border-left:1px solid rgb(212, 223, 229)}.duet-menu-bar .container .duet-logo-info-text.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(71, 78, 101);border-left-color:rgb(222, 224, 228)}@media (min-width: 48em){.duet-menu-bar .container .duet-logo-info-text{max-height:3.3rem;font-size:1rem}}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.large{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-theme-turva .center{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .right{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-logo-info-text{color:rgb(53, 79, 101);border-left-color:rgb(212, 221, 226)}';export{s as duet_menu_bar}
|
|
4
|
+
import{r as e,c as t,h as i,H as o,g as n}from"./p-BEyqDEKQ.js";import{i as a}from"./p-BOvQtVMD.js";import{a as r}from"./p-DBab1eZF.js";import"./p-C6E9F6QT.js";const s=class{constructor(i){e(this,i),this.duetEvent=t(this,"duetEvent",7),this.previousYScroll=0,this.hidden=!1,this.onBottom=!1,this.logoSize="large",this.leftMoreVisible=!1,this.rightMoreVisible=!1,this.centerSlotUsed=!1,this.mediaQueryMediumMatches=!1,this.theme="",this.language=r(),this.logo=!0,this.hideOnScroll=!1,this.scrollbarCheck=()=>{this.leftMoreVisible=this.container.scrollLeft>0,this.rightMoreVisible=this.container.scrollLeft!==this.container.scrollWidth-this.container.clientWidth},this.scrollToActive=()=>{let e;this.element.querySelectorAll("[active]").forEach((t=>{t.active&&(e=t)})),e&&e.offsetLeft&&e.offsetLeft>50&&(this.container.scrollLeft=e.offsetLeft-this.element.getBoundingClientRect().width/2+e.offsetWidth/2)},this.checkCenterSlot=()=>{const e=this.element.querySelector('[slot="center"]');this.centerSlotUsed=!!e},this.handleLogoClick=e=>{this.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:this.logoHref},originalEvent:e})}}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hideOnScroll&&(clearTimeout(this.zindexTimer),this.onBottom=!0),this.hidden=!0):window.scrollY<150&&(this.hideOnScroll&&(this.zindexTimer=setTimeout((()=>{this.onBottom=!1}),300)),this.hidden=!1),this.previousYScroll=window.scrollY)}componentWillLoad(){a(this)}connectedCallback(){this.checkCenterSlot()}componentDidLoad(){setTimeout((()=>{this.scrollbarCheck(),this.scrollToActive(),this.checkCenterSlot()}),0)}onWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.scrollToActive()}),100)}render(){const e=document.querySelectorAll("duet-slideout").length>0;return i(o,{key:"0465c2eb195dcbd9b168a73646321e57fdbf6ac9"},i("nav",{key:"f0bfcd1ec120c1471fe1d32715b6892125f03baa",class:{"duet-menu-bar":!0,"duet-theme-turva":"turva"===this.theme,"horizontal-nav":e&&!this.logo,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},i("div",{key:"bc2ac882034c4d1ffc30fa989bf6d4927ecd50dc",class:"top"}),i("div",{key:"2495e91eb00325b4cb6d01814a13196916e62703",class:{container:!0,"with-info-text":!!this.logoInfoText&&!this.centerSlotUsed},ref:e=>this.container=e,onScroll:()=>this.scrollbarCheck()},this.logo&&i("div",{key:"4eaa51862b000fb13b27c4abe9d4d44cc9ad2f1c"},i("duet-logo",{key:"909c1992fd75363ff871776e4d948d295f21ee2e",class:"medium",size:"medium",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"e672f17cccb5ba665d93375746eda2427a43fd5a",class:"large",size:"large",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"92864cb719cd05cf81b3e1a8513179daeceaae30",class:"only-symbol",onlySymbol:!0,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),this.logoInfoText&&!this.centerSlotUsed&&i("div",{key:"bdea5133ca4fe524e4514808a1233094a4427bd7",class:{"duet-logo-info-text":!0,"duet-theme-turva":"turva"===this.theme}},this.logoInfoText)),i("div",{key:"05e4681d1eb7add830ec0dba6d8bf33df33e77a1",class:"list center",role:"list"},i("div",{key:"6b29f783a3df400d7e2f8bfca9dba33321d658c6",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),i("slot",{key:"938d6956b67e6a8a5592ea6f13e013a672af3f0a",name:"center"}),i("div",{key:"27897945987291e920d738a520fe16b2a82284f4",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),i("div",{key:"9cc2f6e6297e855cdac09b2a3fa5d6c3a42ecf9c",class:"list right",role:"list"},i("slot",{key:"257a5853501bb6dde1d152842c77c4e8cd00b709",name:"right"}))),i("div",{key:"3a7b3b351b057060e8359a4acc7857fabe29ab3d",class:"bottom"})))}get element(){return n(this)}};s.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;width:100%;pointer-events:none}:host *{pointer-events:auto}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}.duet-menu-bar .container duet-logo.large,.duet-menu-bar .container duet-logo.only-symbol{display:none}.duet-menu-bar .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 76.25em){.duet-menu-bar .container duet-logo.medium{display:none}.duet-menu-bar .container duet-logo.large{display:block}}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-grow:1;flex-basis:0;justify-content:flex-start;width:auto;height:40px}@media (min-width: 76.25em){.duet-menu-bar .container>:first-child{height:48px}}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text){flex-grow:8}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text) duet-paragraph{max-height:100%}.duet-menu-bar .container>:last-child{flex-grow:1;flex-basis:0;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container .duet-logo-info-text{max-height:2.8875rem;padding-left:16px;margin-left:16px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1;color:rgb(62, 84, 102);-webkit-hyphens:auto;hyphens:auto;border-left:1px solid rgb(212, 223, 229)}.duet-menu-bar .container .duet-logo-info-text.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(71, 78, 101);border-left-color:rgb(222, 224, 228)}@media (min-width: 48em){.duet-menu-bar .container .duet-logo-info-text{max-height:3.3rem;font-size:1rem}}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.large{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-theme-turva .center{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .right{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-logo-info-text{color:rgb(53, 79, 101);border-left-color:rgb(212, 221, 226)}';export{s as duet_menu_bar}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as o,g as
|
|
4
|
+
import{r as e,h as t,H as o,g as r}from"./p-BEyqDEKQ.js";import{i as a}from"./p-BOvQtVMD.js";const i=class{constructor(t){e(this,t),this.theme="",this.variation="default",this.active=!1,this.href="#",this.icon=void 0}componentWillLoad(){a(this)}render(){const e="negative"===this.variation?"negative":"white";return t(o,{key:"82d0a3759f48e1d3770e078ace177b7024958e6b",role:"listitem"},t("a",{key:"3865f0bcb98452a4b3f68e0242ceb7f0927dd4ad",class:{"duet-toolbar-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[e]:!0},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&t("duet-icon",{key:"09e4f28e3bca743b155330a0df9400bf47c51f9c",size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),t("slot",{key:"68c25000344101d59cd7102c51b072636137fd62"})))}get element(){return r(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;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none}.duet-toolbar-link:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-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, 28, 58)}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva{color:rgb(23, 42, 59);background:transparent}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 229, 230)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative{color:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative duet-icon{color:rgb(255, 229, 230)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative duet-icon{color:rgb(255, 229, 230)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-toolbar-link.active.negative{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative{background:rgba(23, 42, 59, 0.2)}';export{i as duet_toolbar_link}
|
|
@@ -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 a,H as i,g as r}from"./p-
|
|
4
|
+
import{r as e,c as t,h as a,H as i,g as r}from"./p-BEyqDEKQ.js";import{D as s}from"./p-8RjiAqaE.js";import{i as o}from"./p-BOvQtVMD.js";import{c as n}from"./p-Cfr_DJqU.js";import{g as d,c as l,d as c}from"./p-DBab1eZF.js";import{h as p}from"./p-yNCV1XSS.js";import"./p-C6E9F6QT.js";const u=class{constructor(a){e(this,a),this.duetDismiss=t(this,"duetDismiss",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.descriptiveId=n("DuetAlert"),this.hasShowMoreSlot=!1,this.theme="",this.isDismissed=!1,this.isExpanded=!1,this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"},this.accessibleLabel=d(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.position="content",this.dismissible=!1,this.focusable=!1,this.expandingTitle="",this.handleDismiss=e=>{this.handleHide(),this.duetDismiss.emit({component:"duet-alert",originalEvent:e})},this.handleShow=()=>{this.isDismissed=!1},this.handleHide=()=>{this.isDismissed=!0,this.element.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0})},this.handleExpandToggle=()=>{this.isExpanded=!this.isExpanded},this.getRole=()=>{if(this.announcements)return["warning","danger"].includes(this.variation)?"alert":"status"}}componentWillLoad(){o(this),this.hasShowMoreSlot=p(this.element,"show-more")}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}connectedCallback(){l(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"})}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID),c(this)}async show(){this.handleShow()}async hide(){this.handleHide()}async setFocus(e){this.alertContainer.focus(e)}render(){const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default",t=["below-nav","content"].includes(this.position)?this.position:"content",r=d(s[e]);return a(i,{key:"2109619995f37428591a949f512aa0ac686c982b",class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed,"duet-m-0":"none"===this.margin,[t]:!0},role:this.getRole()},a("div",{key:"257ab7f14f6a5268294071a23b0c12f5a022309d",class:{"duet-alert-wrapper":!0,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,[t]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"977d8df541e19898da0720d1e736d92a38d4130b",class:{"duet-alert":!0,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||"below-nav"===this.position,"duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"cfa93e8c4dc427917c1d52ba284118aa155b5712",class:"duet-alert-container",ref:e=>{this.alertContainer=e},tabindex:this.focusable?"-1":void 0},"below-nav"!==this.position&&a("div",{key:"4a0168b309a8ef1272e6f12be44c80652931a5ab",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"fca5d1ff9cf99a67201633cf8e0b50c476013852",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"abaa7cbf1fe14233c60a2779c766a6c6db566d94",strong:!0,variation:e,margin:"none",size:"auto"})),"below-nav"===this.position&&a("div",{key:"56a891f39f8e9589ff366b749abcdb8639fc01d2",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"498e8f7e8066d855d8940d059e146ed9a652ab4b",strong:!0,variation:e,margin:"none",size:"auto"})),a("div",{key:"e43b70480ee5614bc16b192f62d36dbaec12e10e",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"0a2317792653626ce9831cb3aa434f1a46168e5a","aria-expanded":this.isExpanded.toString(),"aria-controls":`${this.descriptiveId}-content`,class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"c0627b9f13e9817de725d69a0ad959f9acd6ac3f",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"6169ae4f7e2991d1f30bebca584f521df4eef3aa",name:"action-arrow-down",color:"default"===e?"lt-blue-800":`${e}-800`,margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"18ce1b94424a25bfcc8f64a7ef386b21b636f554",id:`${this.descriptiveId}-content`},a("duet-visually-hidden",{key:"162f07a2cf9aa618f1d315c1fc329b8bcdc97348"},r),a("slot",{key:"e10a5858d7d7b91035c923b33a9d429f3d17ea0e"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"fdb3a2b5ca4acc3242c18f485a685a1639ccae8c",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"4eba1551558f1992c2a9786c8cb8c427d934574f",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"66f7aea60774b4501839104d3f4e8b9b1b3cc345",class:"duet-alert-dismiss"},a("duet-button",{key:"859f33946e1affe4d8ee57318fc30ae7f44c9a91",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",color:"default"===e?"lt-blue-800":`${e}-800`,theme:this.theme,onClick:this.handleDismiss,fixed:!0})))))}get element(){return r(this)}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:grid;grid-template-rows:1fr;width:100%;border-radius:12px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, grid-template-rows 300ms ease}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.below-nav),:host(.duet-m-0){margin-bottom:0 !important}:host(.duet-alert-is-dismissed){visibility:hidden !important;grid-template-rows:0fr;margin:0 !important;border-width:0 !important;opacity:0;transform:scale(0.98)}.duet-alert-wrapper{position:relative;width:100%;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}';export{u as duet_alert}
|
|
@@ -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 r}from"./p-
|
|
4
|
+
import{r as e,h as o,H as t,g as r}from"./p-BEyqDEKQ.js";import{i as n}from"./p-BOvQtVMD.js";import{a}from"./p-Db8rvjPI.js";const i=class{constructor(o){e(this,o),this.theme="",this.href="#",this.icon=void 0,this.getVariant=()=>(this.element.parentElement.parentElement.getAttribute("slot"),"right")}componentWillLoad(){n(this)}handleEscape(e){if(a(e)){const e=this.element.closest("duet-menu-bar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"44c02bb0c92ca03579e70dc6f79178099f38de61"},o("a",{key:"26b45ac19043800a070894afec67517d051b6ccc",class:{"duet-menu-bar-dropdown-link":!0,[`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]:!0,"duet-theme-turva":"turva"===this.theme},href:this.href,role:"menuitem",onKeyUp:e=>this.handleEscape(e),"aria-label":this.accessibleLabel},this.icon&&o("duet-icon",{key:"4d481450931bbf089d2f6d5ee7076aca7c3978f1",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("slot",{key:"b47043814429787c833949bac92bae95b2001419"})))}get element(){return r(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-menu-bar-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:left;text-decoration:none}.duet-menu-bar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-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, 28, 58)}.duet-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 235, 225)}';export{i as duet_menu_bar_dropdown_link}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as o,g as a}from"./p-
|
|
4
|
+
import{r as t,h as e,H as o,g as a}from"./p-BEyqDEKQ.js";import{n as r}from"./p-vVCYtBMj.js";import{a as i}from"./p-8RjiAqaE.js";import{i as d}from"./p-BOvQtVMD.js";import{g as n}from"./p-CsGZzH1g.js";import{g as u,c as l,d as s}from"./p-DBab1eZF.js";import"./p-DvwKrUS6.js";import"./p-yNCV1XSS.js";import"./p-C6E9F6QT.js";const c=class{constructor(e){t(this,e),this.theme="",this.variation="default",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=i,this.accessibleLabelExternal=u(this.accessibleLabelExternalDefaults),this.external=!1,this.badge=!1}componentWillLoad(){d(this)}connectedCallback(){l(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){s(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}render(){const t=this.url?"a":"button",a="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return e(o,{key:"82a17ce8483bcaa16bdef27b50238898b81a7549",role:"listitem"},this.badge&&e("duet-indicator",{key:"d1a27a07f28a95232cde24a20f05a0a2d7f61745",variation:"change"}),e(t,{key:"c2192a7a73d5f09fc1acf9d13c7f2f2d26af7def",target:this.url?this.external?"_blank":"_self":null,ref:t=>this.itemElement=t,class:{"duet-toolbar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[a]:!0},href:this.url,role:"a"===t?"link":"button","aria-current":this.active?"true":"false","aria-label":this.url&&n(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,rel:this.external?"noopener":void 0},this.leadingIcon&&e("div",{key:"00b85b5398cc6a21478840d79a11fa91270d74c0",class:"duet-toolbar-icon"},e("duet-icon",{key:"73ffe104fcc9af56100dbc8f863e207efb93a2aa",size:"x-small",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),this.badge&&e("div",{key:"4d185a66ab6fdf842f0d8c967fcb621fcd30e4d8",class:"duet-toolbar-badge"})),e("slot",{key:"9fc239303a5fdb7931d47ecbb57649f0650c2fa4"}),(this.trailingIcon||this.url&&this.external)&&e("div",{key:"4643254add55b63662d8c133c4c235110f82f2d7",class:"duet-toolbar-icon"},e("duet-icon",{key:"af3c48ea2d30ddb9f7569626d49df896e6be8206",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!(!this.url||!this.external),rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.url&&this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"}),this.badge&&"action-arrow-down-small"!==this.trailingIcon&&e("div",{key:"9b26ddf0fce82536ea49fec8fcfa2973ae732e84",class:"duet-toolbar-badge"}))))}get element(){return a(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-toolbar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary:focus,.duet-toolbar-item.secondary:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.secondary[aria-expanded=true]{background:rgb(3, 56, 102)}.duet-toolbar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-item.duet-theme-turva.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item:hover.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-item:hover.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.active{color:rgb(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-item.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}duet-indicator{top:4px;left:16px;z-index:1}duet-indicator:has(+.duet-toolbar-item .duet-toolbar-icon){left:36px}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover:not(.primary){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover.primary{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva.primary{background:rgba(23, 42, 59, 0.2)}';export{c as duet_toolbar_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as o,H as e,g as r}from"./p-
|
|
4
|
+
import{r as t,h as o,H as e,g as r}from"./p-BEyqDEKQ.js";import{i as a}from"./p-BOvQtVMD.js";import{a as d}from"./p-Db8rvjPI.js";const n=class{constructor(o){t(this,o),this.theme="",this.variation="default",this.active=!1,this.open=!1,this.icon=void 0,this.onClick=()=>{this.open=!this.open}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.open=!1)}componentWillLoad(){a(this)}handleEscape(t){d(t)&&(this.open=!1,this.setFocus())}async setFocus(t){this.button.focus(t)}render(){let t="right";this.element&&this.element.parentElement&&(t="left"===this.element.parentElement.getAttribute("slot")?"right":"left");const r="negative"===this.variation?"negative":"white";return o(e,{key:"22441fcb5b8138475d82dab2645eb4be7acc7683",role:"listitem"},o("div",{key:"ddda27f016e058d656ebef316dbe040559949c88",class:{"duet-toolbar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,[t]:!0,[r]:!0}},o("button",{key:"ecdfa65704fb809858dd451e2cabd81eb6362def",ref:t=>this.button=t,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,id:"button",type:"button",class:{active:this.active,open:this.open},onClick:this.onClick,onKeyUp:t=>this.handleEscape(t)},this.icon&&o("duet-icon",{key:"094d722d70d59a46406f1e0eef3b23a2d2bfa58f",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("span",{key:"574c62534b8ee3098ed1bcd1a68bb8ac21712a1e",class:"label"},o("slot",{key:"702645793ce1d7acc23ab3d81ca340c34d68f05c",name:"label"}),o("duet-icon",{key:"26e38570a74cd2d6997029053bb462449e4542e3",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),o("div",{key:"5e778fe7b21fea29300f437f18970c419fc312e5",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},o("slot",{key:"a8694deb60b5d8fb5b9131cec991471ef0020a83"}))))}get element(){return r(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-dropdown button:focus,.duet-toolbar-dropdown button:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-dropdown button:focus,.duet-toolbar-dropdown button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(8, 42, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-dropdown .items{position:absolute;top:93%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:8px;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button:hover{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.duet-theme-turva.negative button:hover{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon{color:rgb(255, 185, 190)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active::after,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255)}';export{n as duet_toolbar_dropdown}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,h as a,g as t}from"./p-BEyqDEKQ.js";import{i}from"./p-BOvQtVMD.js";import{g as s}from"./p-DBab1eZF.js";import{g as n}from"./p-DbVclHyj.js";import"./p-C6E9F6QT.js";const o=class{constructor(a){e(this,a),this.theme="",this.fileUploadingInfo={fi:"Tiedosto latautuu",sv:"Filen laddas upp",en:"File is uploading"},this.onLinkClick=e=>{const{url:a,meta:t}=this.data;this.linkClickEvent&&(e.preventDefault(),this.linkClickEvent.emit({component:"duet-upload",data:{name:this.data.item.name,url:a,meta:t}}))}}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:t,uploaded:i,url:o,progress:r,error:l}=this.data,{name:d}=e,c=a("span",{class:"duet-upload-item-name"},a("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),a("duet-spacer",{size:"xx-small",direction:"horizontal"}),d),m=a("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",((e,a=2)=>{if(0===e)return"0 Bytes";const t=a<0?0:a,i=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,i)).toFixed(t))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][i]})(t),")");switch(this.type){case"inprogress":return a("span",{class:"duet-upload-item-name",role:"status"},a("duet-paragraph",{class:"duet-upload-item-name",color:"gray-darker",margin:"none",weight:"semi-bold"},a("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),a("duet-spacer",{size:"xx-small",direction:"horizontal"}),d),a("duet-visually-hidden",null,a("duet-paragraph",null,s(this.fileUploadingInfo))),a("duet-progress",{theme:this.theme,progress:Math.ceil(r),"aria-hidden":!0}));case"pending":return a("span",{class:"duet-upload-item-name"},a("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),a("duet-spacer",{size:"xx-small",direction:"horizontal"}),d);case"failure":return a("span",{class:"duet-upload-item-error",role:"status"},a("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},a("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),a("duet-spacer",{size:"xx-small",direction:"horizontal"}),d),a("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},n(l.type,this.errorCodes)));default:return a("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},i&&o&&this.showLinks?a("duet-link",{class:"file-link",onClick:this.onLinkClick,url:o},c):c,a("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:t,item:i}=this.data,n=t&&t.badges?a("span",null,t.badges.map((e=>a("duet-badge",{color:"primary"},e)))):void 0,o=`${t&&t.badges?t.badges.join(","):""} ${i.name}`;return a("div",{key:"77bb336f85e5157b02e275554ec058cd783a6f58",class:{"upload-item-row":!0}},this.showCategory&&a("div",{key:"1511526cfa7a8a3c7ffa039c761f0518c2de8f07",class:"item-categories"},a("duet-heading",{key:"8190b64ad02a4cf3ad5d50fba2dd29175c91f2cb",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},s(this.categoryLabel)),n),a("div",{key:"9a72d26ea9b6ac13f9f1edca9faab7c4ddd86474",class:{"item-name":!0,"no-category":!this.showCategory}},!!this.label&&a("duet-heading",{key:"463a1611352d71956e7a4264ca9bd238333a71f9",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},s(this.label)),this.getFileNameLine()),a("div",{key:"cb864f51d8d622526be69d3a34c32ee0b8722312",class:"item-actions"},this.actions.map((i=>a("duet-action-button",{actionMeta:Object.assign({},t||{}),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 t(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{E as t,r as e,h as i,H as s,g as a}from"./p-CPZ9Rh_9.js";import{i as o}from"./p-Cz75kJ4Z.js";import{g as n,r as d}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const h=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let e=0;e<t.attributes.length;e++)if(0===t.attributes[e].name.toLowerCase().indexOf("on"))return!1;if(t.children)for(let e=0;e<t.children.length;e++)if(!h(t.children[e]))return!1;return!0},r={};const u=class{constructor(t){e(this,t),this.theme="",this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.backgroundOpacity=1,this.backgroundRotation=0,this.size="medium",this.outline="",this.shape="circle"}async componentWillLoad(){o(this),this.src&&this.icon&&console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src),await this.loadIcon(null,null)}async loadIcon(e,i){if(this.icon)return void(this.svgContent=this.icon);if(this.element.shadowRoot.querySelector("svg")&&!this.svgContent){if(null===i&&null===e)return;if(this.element.shadowRoot.querySelector(`.duet-icon-svg[data-name="${e}"]`))return}const s=this.src?this.src:this.name?(e=>{const i=window.duetcdnuri?window.duetcdnuri:t.cdnURIProd;return i.includes("localhost")?`${i}/icons/lib/assets/${e}.svg`:`${i}/icons/${t.duetIconVersion}/lib/assets/${e}.svg`})(this.name):"";if(s)try{this.svgContent=await function(t){if(r[t])return r[t];const e=async function(){const e=await fetch(t);if(!e.ok)throw new Error(`SVG request failed: ${e.status} ${e.statusText}`);const i=(t=>{if("undefined"==typeof document||!t)return;const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--)"svg"!==e.childNodes[t].nodeName.toLowerCase()&&e.removeChild(e.childNodes[t]);return e.firstElementChild})(await e.text());if(!h(i))throw new Error("SVG validation failed");const s=document.createElement("div");return s.appendChild(i),s.innerHTML}();return r[t]=e}(s)}catch(t){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${s}.`,t)}else this.svgContent=""}render(){const t="currentColor"===this.color?"currentColor":n(this.color,this.theme)||n(this.outline,this.theme),e=this.backgroundRotation?{transform:`rotate(${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},a=Object.assign({color:t,background:d(n(this.background,this.theme),this.backgroundOpacity),"border-color":n(this.outline,this.theme)},e),o=Object.assign({},this.backgroundRotation?{transform:`rotate(-${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{}),h="brand-rotated"===this.shape?"duet-icon-shape-brand":`duet-icon-shape-${this.shape}`;return i(s,{key:"2a800d3292964b5a1dd5fd454662f690ce9e6b5a",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"4d5d3fc155d6d2e4f677d8753c116c82eb865a2c","aria-hidden":"true",style:a,class:{"duet-icon":!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,[h]:!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme,"duet-icon-not-responsive":!this.responsive}},i("span",{key:"6c79866426237ff75ff36401a9117dca1a68cf19","aria-hidden":"true",class:{"duet-icon-svg":!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme},"data-name":this.name,innerHTML:this.svgContent,style:o})))}get element(){return a(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};u.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-turva,.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-theme-turva{color:rgb(198, 12, 48)}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(7deg) scale(0.875);transform-origin:center}.duet-icon.duet-icon-shape-brand.duet-theme-turva{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-position:center}.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg{min-width:auto}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-7deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}:host([size=auto]) .duet-icon-svg{width:100%;height:100%}:host([size=xxx-small]) .duet-icon-svg{width:7px;height:7px}:host([size=xxx-small]) .duet-icon-has-background{padding:6px}:host([size=xxx-small]) .duet-icon-has-outline{padding:4px}:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg{width:10px;height:10px}:host([size=xxx-small]) .duet-icon-shape-brand{padding:0}:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg{width:0;height:0}:host([size=xx-small]) .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-icon-has-background{padding:8px}:host([size=xx-small]) .duet-icon-has-outline{padding:7px}:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg{width:16px;height:16px}:host([size=xx-small]) .duet-icon-shape-brand{padding:4px}:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand{width:18px;height:15px;padding:0}:host([size=x-small]) .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-icon-has-outline{padding:10px}:host([size=x-small]) .duet-icon-has-background{padding:12px}:host([size=x-small]) .duet-icon-shape-brand{padding:8px}:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand{width:32px;height:30px;padding:0}:host([size=small]) .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-icon-has-background{padding:14px}:host([size=small]) .duet-icon-shape-brand{padding:8px}:host([size=small]) .duet-icon-shape-brand .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-theme-turva .duet-icon-shape-brand{width:36px;height:34px;padding:0}:host([size=medium]) .duet-icon-shape-brand{padding:12px}:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg{width:24px;height:24px}:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand{width:48px;height:44px;padding:0}:host([size=large]) .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-icon-shape-brand{padding:16px}:host([size=large]) .duet-icon-shape-brand .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-theme-turva .duet-icon-shape-brand{width:62px;height:56px;padding:0}:host([size=x-large]) .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-icon-shape-brand{padding:20px}:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand{width:76px;height:68px;padding:0}:host([size=xx-large]) .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-icon-shape-brand{padding:24px}:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand{width:95px;height:86px;padding:0}:host([size=xxx-large]) .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){:host([size=xxx-large]) .duet-icon-svg{width:72px;height:72px}}:host([size=xxx-large]) .duet-icon-shape-brand{padding:36px}:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg{width:72px;height:72px}:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand{width:144px;height:130px;padding:0}:host(.duet-theme-turva2) .duet-icon.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-icon.duet-theme-turva.duet-icon-has-background{color:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-icon.duet-theme-turva.duet-icon-shape-brand{border-radius:16%;-webkit-mask-image:none;mask-image:none}";export{u as duet_icon}
|
|
4
|
+
import{E as t,r as e,h as i,H as s,g as a}from"./p-BEyqDEKQ.js";import{i as o}from"./p-BOvQtVMD.js";import{g as n,r as d}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const h=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let e=0;e<t.attributes.length;e++)if(0===t.attributes[e].name.toLowerCase().indexOf("on"))return!1;if(t.children)for(let e=0;e<t.children.length;e++)if(!h(t.children[e]))return!1;return!0},r={};const u=class{constructor(t){e(this,t),this.theme="",this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.backgroundOpacity=1,this.backgroundRotation=0,this.size="medium",this.outline="",this.shape="circle"}async componentWillLoad(){o(this),this.src&&this.icon&&console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src),await this.loadIcon(null,null)}async loadIcon(e,i){if(this.icon)return void(this.svgContent=this.icon);if(this.element.shadowRoot.querySelector("svg")&&!this.svgContent){if(null===i&&null===e)return;if(this.element.shadowRoot.querySelector(`.duet-icon-svg[data-name="${e}"]`))return}const s=this.src?this.src:this.name?(e=>{const i=window.duetcdnuri?window.duetcdnuri:t.cdnURIProd;return i.includes("localhost")?`${i}/icons/lib/assets/${e}.svg`:`${i}/icons/${t.duetIconVersion}/lib/assets/${e}.svg`})(this.name):"";if(s)try{this.svgContent=await function(t){if(r[t])return r[t];const e=async function(){const e=await fetch(t);if(!e.ok)throw new Error(`SVG request failed: ${e.status} ${e.statusText}`);const i=(t=>{if("undefined"==typeof document||!t)return;const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--)"svg"!==e.childNodes[t].nodeName.toLowerCase()&&e.removeChild(e.childNodes[t]);return e.firstElementChild})(await e.text());if(!h(i))throw new Error("SVG validation failed");const s=document.createElement("div");return s.appendChild(i),s.innerHTML}();return r[t]=e}(s)}catch(t){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${s}.`,t)}else this.svgContent=""}render(){const t="currentColor"===this.color?"currentColor":n(this.color,this.theme)||n(this.outline,this.theme),e=this.backgroundRotation?{transform:`rotate(${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},a=Object.assign({color:t,background:d(n(this.background,this.theme),this.backgroundOpacity),"border-color":n(this.outline,this.theme)},e),o=Object.assign({},this.backgroundRotation?{transform:`rotate(-${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{}),h="brand-rotated"===this.shape?"duet-icon-shape-brand":`duet-icon-shape-${this.shape}`;return i(s,{key:"f6a74ccabd59055d22eec3654bde9c81fd4a9ce3",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"f2ea10e9ec8459d5a5995781e193c6d8df7fb1ef","aria-hidden":"true",style:a,class:{"duet-icon":!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,[h]:!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme,"duet-icon-not-responsive":!this.responsive}},i("span",{key:"3d93b31d1831fa77b71a5f574a38d838636c7757","aria-hidden":"true",class:{"duet-icon-svg":!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme},"data-name":this.name,innerHTML:this.svgContent,style:o})))}get element(){return a(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};u.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-turva,.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-theme-turva{color:rgb(198, 12, 48)}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(7deg) scale(0.875);transform-origin:center}.duet-icon.duet-icon-shape-brand.duet-theme-turva{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-position:center}.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg{min-width:auto}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-7deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}:host([size=auto]) .duet-icon-svg{width:100%;height:100%}:host([size=xxx-small]) .duet-icon-svg{width:7px;height:7px}:host([size=xxx-small]) .duet-icon-has-background{padding:6px}:host([size=xxx-small]) .duet-icon-has-outline{padding:4px}:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg{width:10px;height:10px}:host([size=xxx-small]) .duet-icon-shape-brand{padding:0}:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg{width:0;height:0}:host([size=xx-small]) .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-icon-has-background{padding:8px}:host([size=xx-small]) .duet-icon-has-outline{padding:7px}:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg{width:16px;height:16px}:host([size=xx-small]) .duet-icon-shape-brand{padding:4px}:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand{width:18px;height:15px;padding:0}:host([size=x-small]) .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-icon-has-outline{padding:10px}:host([size=x-small]) .duet-icon-has-background{padding:12px}:host([size=x-small]) .duet-icon-shape-brand{padding:8px}:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand{width:32px;height:30px;padding:0}:host([size=small]) .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-icon-has-background{padding:14px}:host([size=small]) .duet-icon-shape-brand{padding:8px}:host([size=small]) .duet-icon-shape-brand .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-theme-turva .duet-icon-shape-brand{width:36px;height:34px;padding:0}:host([size=medium]) .duet-icon-shape-brand{padding:12px}:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg{width:24px;height:24px}:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand{width:48px;height:44px;padding:0}:host([size=large]) .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-icon-shape-brand{padding:16px}:host([size=large]) .duet-icon-shape-brand .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-theme-turva .duet-icon-shape-brand{width:62px;height:56px;padding:0}:host([size=x-large]) .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-icon-shape-brand{padding:20px}:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand{width:76px;height:68px;padding:0}:host([size=xx-large]) .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-icon-shape-brand{padding:24px}:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand{width:95px;height:86px;padding:0}:host([size=xxx-large]) .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){:host([size=xxx-large]) .duet-icon-svg{width:72px;height:72px}}:host([size=xxx-large]) .duet-icon-shape-brand{padding:36px}:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg{width:72px;height:72px}:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand{width:144px;height:130px;padding:0}:host(.duet-theme-turva2) .duet-icon.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-icon.duet-theme-turva.duet-icon-has-background{color:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-icon.duet-theme-turva.duet-icon-shape-brand{border-radius:16%;-webkit-mask-image:none;mask-image:none}";export{u as duet_icon}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r,h as e,H as s,g as t}from"./p-
|
|
4
|
+
import{r,h as e,H as s,g as t}from"./p-BEyqDEKQ.js";import{i as a}from"./p-BOvQtVMD.js";import{c as o}from"./p-Cfr_DJqU.js";import{g as i,c as n,d as p}from"./p-DBab1eZF.js";import"./p-C6E9F6QT.js";const d=class{constructor(e){r(this,e),this.progressId=o("DuetProgress"),this.progressLabelId=o("DuetProgressLabel"),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelUploadDefaults={fi:["lähetys valmis","lähetys käynnissä"],sv:["Uppladdningen är klar","Uppladdning pågår"],en:["upload completed","upload in progress"]},this.accessibleLabelUpload=i(this.accessibleLabelUploadDefaults),this.progress=0,this.height="10px",this.theme=""}componentWillLoad(){a(this)}connectedCallback(){n(this,{prop:"accessibleLabelUpload",defaults:"accessibleLabelUploadDefaults"})}disconnectedCallback(){p(this)}render(){return e(s,null,e("div",{"aria-live":this.accessibleLabel?"polite":"off","aria-hidden":this.accessibleLabel?"false":"true","aria-atomic":"true",style:{height:this.height},id:this.progressId,class:{"duet-progress":!0,"duet-progress-done":100===this.progress,"duet-progress-start":0===this.progress,"duet-progress-inprogress":this.progress<99&&0!==this.progress,"duet-theme-turva":"turva"===this.theme}},e("duet-visually-hidden",null,e("label",{htmlFor:this.progressLabelId},e("span",null,this.accessibleLabel,0!==this.progress&&`, ${this.accessibleLabelUpload[this.progress<99?1:0]}`))),this.caption&&e("div",{class:"duet-progress-caption"},e("span",null,this.caption)),e("progress",{id:this.progressLabelId,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:"progressbar",value:this.progress,max:"100","aria-valuemin":"0","aria-valuemax":"100"},e("div",{class:"progress-bar"},e("span",{style:{width:`${this.progress}%;`}},"Progress: ",this.progress,"%")))))}get element(){return t(this)}};d.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(240, 247, 250);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(255, 241, 241)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 none}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(240, 247, 250);border-radius:0}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(240, 247, 250)}.duet-progress.duet-theme-turva progress[value]{color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(255, 241, 241)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value] ::-moz-progress-bar{background-color:rgb(255, 241, 241)}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar{background-color:rgb(253, 247, 242)}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar>span{background-color:rgb(230, 23, 64)}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]{color:rgb(230, 23, 64)}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(253, 247, 242)}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(230, 23, 64)}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-moz-progress-bar{background-color:rgb(253, 247, 242)}";export{d as duet_progress}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as a,c as e,h as d,F as t,H as i,g as r}from"./p-CPZ9Rh_9.js";import{g as o}from"./p-DvwKrUS6.js";import{i as n}from"./p-Cz75kJ4Z.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 u}from"./p-B01I4GZJ.js";import{s as l}from"./p-C6E9F6QT.js";import{g as h}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const x=["h1","h2","h3","h4","h5","h6"],g="div";var b,f,w=o(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(){n(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=[...x,g].some((a=>a===e))?e:"h2",r={backgroundColor:h(this.headingBackground)},o=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=u(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},o))}return d(i,{style:r,class:"duet-card-heading"},o)}async setFocus(a){this.nativeCard&&this.nativeCard.focus(a)}render(){const a=this.url?"a":"div",e={backgroundColor:h(this.background)};return d(i,{key:"d92cd6fb922f1165e1d341221ac3f5433252606c",class:{"duet-m-0":"none"===this.margin,"duet-card-info":"info"===this.variation}},d(a,{key:"7f870fc5061cd48c3464bd19ecd780fbb33f3e78",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:"fd6822d5747d2882842c9c2392b28d8b7a2693f2",class:"duet-card-image-mask"},d("img",{key:"a1952cf1f82a4f8593130d9990ef27a2a982e5d8",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:"a11237f14582fad87aaab15e4dccad5c6ffd7b0b",class:"duet-card-content",id:this.cardId},d("slot",{key:"80d250aa9dbb0f39a7683c6d2a1e1cdaca75cdd8"}),this.hasFooter&&d("div",{key:"87b27d7c69e3d5f3ab7bdb75cc76a1a11900ef0f",class:"duet-card-footer"},d("slot",{key:"1212e0d9a33349cf68c7b667069077e02ee30197",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,.duet-theme-turva2 .duet-card:focus,.duet-card:focus.duet-theme-turva2{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}}.duet-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(4, 81, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;color:rgb(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,.duet-theme-turva2 :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-turva2{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}.duet-theme-turva .duet-card-heading{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:rgb(245, 247, 250)}@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}:host(.duet-theme-turva2) .duet-card.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-card.duet-theme-turva.info{background:rgb(253, 247, 242) !important}:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-heading{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .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-BEyqDEKQ.js";import{g as o}from"./p-DvwKrUS6.js";import{i as n}from"./p-BOvQtVMD.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 u}from"./p-yNCV1XSS.js";import{s as l}from"./p-C6E9F6QT.js";import{g as x}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const h=["h1","h2","h3","h4","h5","h6"],g="div";var b,f,w=o(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(){n(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,g].some((a=>a===e))?e:"h2",r={backgroundColor:x(this.headingBackground)},o=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=u(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},o))}return d(i,{style:r,class:"duet-card-heading"},o)}async setFocus(a){this.nativeCard&&this.nativeCard.focus(a)}render(){const a=this.url?"a":"div",e={backgroundColor:x(this.background)};return d(i,{key:"d92cd6fb922f1165e1d341221ac3f5433252606c",class:{"duet-m-0":"none"===this.margin,"duet-card-info":"info"===this.variation}},d(a,{key:"7f870fc5061cd48c3464bd19ecd780fbb33f3e78",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:"fd6822d5747d2882842c9c2392b28d8b7a2693f2",class:"duet-card-image-mask"},d("img",{key:"a1952cf1f82a4f8593130d9990ef27a2a982e5d8",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:"a11237f14582fad87aaab15e4dccad5c6ffd7b0b",class:"duet-card-content",id:this.cardId},d("slot",{key:"80d250aa9dbb0f39a7683c6d2a1e1cdaca75cdd8"}),this.hasFooter&&d("div",{key:"87b27d7c69e3d5f3ab7bdb75cc76a1a11900ef0f",class:"duet-card-footer"},d("slot",{key:"1212e0d9a33349cf68c7b667069077e02ee30197",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,.duet-theme-turva2 .duet-card:focus,.duet-card:focus.duet-theme-turva2{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}}.duet-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(4, 81, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;color:rgb(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,.duet-theme-turva2 :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-turva2{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}.duet-theme-turva .duet-card-heading{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:rgb(245, 247, 250)}@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}:host(.duet-theme-turva2) .duet-card.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-card.duet-theme-turva.info{background:rgb(253, 247, 242) !important}:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-heading{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-footer{background:rgb(245, 246, 247)}';export{v as duet_card}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{h as t,r as e,c as a,H as o,g as i}from"./p-BEyqDEKQ.js";import{D as n}from"./p-nAcNUKp2.js";import{i as r}from"./p-BOvQtVMD.js";import{c as d}from"./p-Cfr_DJqU.js";import{F as s}from"./p-DRpZDk0L.js";import{a as l,g as u,c,d as h}from"./p-DBab1eZF.js";import{c as b,p as m}from"./p-yNCV1XSS.js";import{g as p}from"./p-DvwKrUS6.js";import"./p-C6E9F6QT.js";const f={day:"numeric",month:"long",weekday:"long"},g={day:"numeric",month:"long",year:"numeric"},v={fi:{buttonLabel:"Valitse päivämäärä",prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi",closeLabel:"Sulje ikkuna",selected:"Valittu päivämäärä on",keyboardInstruction:"Voit navigoida päivämääriä nuolinäppäimillä",dayLabels:["Maanantai","Tiistai","Keskiviikko","Torstai","Perjantai","Lauantai","Sunnuntai"],monthLabels:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],monthLabelsShort:["Tammi","Helmi","Maalis","Huhti","Touko","Kesä","Heinä","Elo","Syys","Loka","Marras","Joulu"],formatterShort:new Intl.DateTimeFormat("fi-FI",f),formatterLong:new Intl.DateTimeFormat("fi-FI",g)},en:{buttonLabel:"Choose date",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",monthSelectLabel:"Month",yearSelectLabel:"Year",closeLabel:"Close window",selected:"Selected date is",keyboardInstruction:"You can use arrow keys to navigate dates",dayLabels:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],monthLabels:["January","February","March","April","May","June","July","August","September","October","November","December"],monthLabelsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("en-GB",f),formatterLong:new Intl.DateTimeFormat("en-GB",g)},sv:{buttonLabel:"Välj datum",prevMonthLabel:"Föregående månad",nextMonthLabel:"Nästa månad",monthSelectLabel:"Månad",yearSelectLabel:"År",closeLabel:"Stäng fönstret",selected:"Valt datum är",keyboardInstruction:"Använd piltangenterna för att navigera i kalender",dayLabels:["Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag","Söndag"],monthLabels:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],monthLabelsShort:["Jan","Feb","Mars","April","Maj","Juni","Juli","Aug","Sep","Okt","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("sv-SE",f),formatterLong:new Intl.DateTimeFormat("sv-SE",g)}};var y,k,x=p(k?y:(k=1,y={title:"form-date",tags:"form date calendar date picker",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M2.25 24A2.252 2.252 0 0 1 0 21.75V5.25A2.252 2.252 0 0 1 2.25 3H6V.75a.75.75 0 0 1 1.5 0V3h9V.75a.75.75 0 0 1 1.5 0V3h3.75A2.252 2.252 0 0 1 24 5.25v16.5A2.252 2.252 0 0 1 21.75 24zm-.75-2.25c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V10.5h-21zM22.5 9V5.25a.75.75 0 0 0-.75-.75H18V6a.75.75 0 0 1-1.5 0V4.5h-9V6A.75.75 0 0 1 6 6V4.5H2.25a.75.75 0 0 0-.75.75V9z"/><circle cx="5.625" cy="13.875" r="1.125"/><circle cx="5.625" cy="19.125" r="1.125"/><circle cx="12" cy="13.875" r="1.125"/><circle cx="12" cy="19.125" r="1.125"/><circle cx="18.375" cy="13.875" r="1.125"/><path d="M18.375 20.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.171-1.122l.027.003a1.118 1.118 0 0 1 1.052 1.12c0 .619-.505 1.124-1.125 1.124z"/></svg>'}));const w=({onClick:e,placeholder:a,inputLabel:o,valueAsDate:i,formattedValue:n,language:r,identifier:d,theme:s,disabled:l,error:u,role:c,required:h,tooltip:b,tooltipDirection:m,labelHidden:p,buttonRef:f,inputRef:g,onInput:y,onBlur:k,onFocus:w,hasFocus:D,accessibleActiveDescendant:S,accessibleControls:M,accessibleOwns:L,accessibleDescribedBy:I,accessibleLiveError:A,echoPlaceholder:F,caption:E})=>{const{buttonLabel:j,selected:C,formatterLong:z}=v[r];return t("div",{class:{"duet-theme-turva":"turva"===s,"duet-date-input":!0,"duet-date-input-has-focus":D}},t("duet-input",{label:o,value:n,placeholder:a,id:d,disabled:l,theme:s,error:u,role:c,required:h,tooltip:b,tooltipDirection:m,margin:"none",labelHidden:p,accessibleAutocomplete:"none",onDuetChange:t=>t.stopImmediatePropagation(),onDuetInput:y,onDuetFocus:w,onDuetBlur:k,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:!0,ref:g,accessibleActiveDescendant:S,accessibleControls:M,accessibleOwns:L,accessibleDescribedBy:I,accessibleLiveError:A,echoPlaceholder:F,caption:E,variation:"button"},t("slot",{name:"tooltip"}),t("button",{class:{"duet-date-button":!0,"duet-no-label":p,"input-error":!!u},onClick:e,disabled:l,ref:f,type:"button",slot:"button"},t("duet-icon",{icon:x.svg,margin:"none",size:"small",color:"currentColor"}),t("duet-visually-hidden",null,j,i&&t("span",null,", ",C," ",z.format(i))))))},D=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/,S=/^(\d{4})-(\d{2})-(\d{2})$/;function M(t,e,a){var o=parseInt(a,10),i=parseInt(e,10),n=parseInt(t,10);if(Number.isInteger(n)&&Number.isInteger(i)&&Number.isInteger(o)&&i>0&&i<=12&&o>0&&o<=31&&n>0){const t=new Date(n,i-1,o);if(t.getDate()!==o||t.getMonth()!==i-1)return;return t}}function L(t){if(!t)return;const e=t.match(D);return e?M(e[3],e[2],e[1]):void 0}function I(t){if(!t)return;const e=t.match(S);return e?M(e[1],e[2],e[3]):void 0}function A(t,e){if(!t)return"";var a=t.getDate().toString(10),o=(t.getMonth()+1).toString(10),i=t.getFullYear().toString(10);return t.getDate()<10&&(a=`0${a}`),t.getMonth()<9&&(o=`0${o}`),e.replace(/MM/i,o).replace(/YYYY/i,i).replace(/DD/i,a)}function F(t){return A(t,"YYYY-MM-DD")}function E(t,e){return null!=t&&null!=e&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function j(t,e){var a=new Date(t);return a.setDate(a.getDate()+e),a}function C(t,e=1){var a=new Date(t),o=a.getDay(),i=(o<e?7:0)+o-e;return a.setDate(a.getDate()-i),a}function z(t,e=1){var a=new Date(t),o=a.getDay(),i=6+(o<e?-7:0)-(o-e);return a.setDate(a.getDate()+i),a}function U(t){return new Date(t.getFullYear(),t.getMonth(),1)}function V(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function B(t,e){const a=new Date(t);return a.setMonth(e),a}function H(t,e){const a=new Date(t);return a.setFullYear(e),a}function R(t,e,a){return Y(t,e,a)===t}function Y(t,e,a){const o=t.getTime();return e&&e instanceof Date&&o<e.getTime()?e:a&&a instanceof Date&&o>a.getTime()?a:t}const N={fi:"Valittu päivä",en:"Selected day",sv:"Vald dag"},T=({focusedDay:e,today:a,day:o,language:i,onDaySelect:n,onKeyboardNavigation:r,ref:d,inRange:s,isSelected:l})=>{const u=E(o,a),c=E(o,e),h=o.getMonth()!==e.getMonth(),b=!s,{formatterShort:m}=v[i];return t("td",{"data-day":F(o),class:{"duet-date-table-cell":!0,selected:l},"aria-label":`${m.format(o)}${l?`, ${N[i]}`:void 0}`,role:"button",tabIndex:c?0:-1,onClick:function(t){n(t,o)},onKeyDown:r,"aria-disabled":b||h,ref:d},t("span",{class:{"duet-date-table-button":!0,outside:b,disabled:h,today:u}},o.getDate()))};function J(t){var e;const a=t.trim().split("+"),o=a.pop();return["shift"===(null===(e=a[0])||void 0===e?void 0:e.toLowerCase()),o]}function O(t){const e=Object.keys(t).map((e=>[J(e),t[e]]));return function(t){if(!(t instanceof KeyboardEvent))return;const a=e.find((([[e,a]])=>(a.toUpperCase()===t.key.toUpperCase()||a===t.code)&&e===t.shiftKey));a&&(a[1](t),t.preventDefault())}}const P=({selectedDate:e,focusedDate:a,labelledById:o,theme:i,language:n,min:r,max:d,onDateSelect:s,onKeyboardNavigation:l,focusedDayRef:u,onFocusEnter:c,onFocusExit:h})=>{const{dayLabels:b}=v[n],m=new Date,p=function(t,e=1){return function(t,e){const a=[];let o=t;for(;!E(o,e);)a.push(o),o=j(o,1);return a.push(o),a}(C(U(t),e),z(V(t),e))}(a);return t("div",{role:"application"},t("table",{role:"presentation",class:{"duet-date-table":!0,"duet-theme-turva":"turva"===i},"aria-labelledby":o,onFocusin:c,onFocusout:function(t){const e=t.relatedTarget;e&&!t.currentTarget.contains(e)&&h(t)}},t("thead",null,t("tr",null,b.map((e=>t("th",{scope:"col"},t("span",{"aria-hidden":"true"},e.substr(0,2))))))),t("tbody",null,function(t){const e=[];for(let a=0;a<t.length;a+=7)e.push(t.slice(a,a+7));return e}(p).map((o=>t("tr",{class:"duet-date-table-row"},o.map((o=>t(T,{day:o,today:m,language:n,focusedDay:a,inRange:R(o,r,d),isSelected:E(o,e),onDaySelect:s,onKeyboardNavigation:l,ref:t=>{t&&E(o,a)&&u(t)}})))))))))},K=class{constructor(t){e(this,t),this.duetChange=a(this,"duetChange",7),this.duetBlur=a(this,"duetBlur",7),this.duetFocus=a(this,"duetFocus",7),this.proxyId=d("DuetDatePicker"),this.monthSelectId=d("DuetDatePicker"),this.yearSelectId=d("DuetDatePicker"),this.dialogLabelId=d("DuetDatePicker"),this.initialTouchX=null,this.initialTouchY=null,this.focusTarget=null,this.dateErrorMessages={badInput:{en:"Wrong date format",fi:"Väärä päivämäärämuoto",sv:"Fel datumformat"},rangeUnderflow:{en:"Date too early",fi:"Liian aikainen päivämäärä",sv:"Datum för tidigt"},rangeOverflow:{en:"Date too late",fi:"Liian myöhäinen päivämäärä",sv:"Datum för sent"},valueMissing:{en:"Date required",fi:"Päivämäärä vaaditaan",sv:"Datum krävs"}},this.open=!1,this.focusedDay=new Date,this.inputValue="",this.inputHasFocus=!1,this.internalValidityError="",this.theme="",this.expand=!1,this.name="",this.identifier="",this.label="",this.margin="auto",this.language=l(),this.placeholderDefaults={fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"},this.placeholder=u(this.placeholderDefaults,this.language),this.echoPlaceholder=!1,this.disabled=!1,this.error="",this.disableBuiltInErrors=!1,this.labelHidden=!1,this.required=!1,this.direction="right",this.tooltip="",this.tooltipDirection="auto",this.value="",this.min="",this.max="",this.incrementYears=10,this.accessibleLiveError="polite",this.enableActiveFocus=()=>{this.focusTarget="day-button"},this.disableActiveFocus=()=>{this.focusTarget=null},this.toggleOpen=t=>{t.preventDefault(),this.open?this.hide(!1):this.show()},this.handleBlur=t=>{if(t.stopPropagation(),this.inputHasFocus=!1,!this._validity.valid){this.value=null;const t=Object.entries(this._validity).find((t=>!!t[1]))[0];this.internalValidityError=u(this.dateErrorMessages[t])}this.duetBlur.emit({component:"duet-date-picker"})},this.handleFocus=t=>{t.stopPropagation(),this.inputHasFocus=!0,this.duetFocus.emit({component:"duet-date-picker"})},this.handleTouchStart=t=>{const e=t.changedTouches[0];this.initialTouchX=e.pageX,this.initialTouchY=e.pageY},this.handleTouchMove=t=>{t.preventDefault()},this.handleTouchEnd=t=>{const e=t.changedTouches[0],a=e.pageX-this.initialTouchX,o=e.pageY-this.initialTouchY,i=Math.abs(a)>=70&&Math.abs(o)<=70,n=Math.abs(o)>=70&&Math.abs(a)<=70&&o>0;i?this.addMonths(a<0?1:-1):n&&(this.hide(),t.preventDefault()),this.initialTouchY=null,this.initialTouchX=null},this.handleNextMonthClick=t=>{t.preventDefault(),this.addMonths(1)},this.handlePreviousMonthClick=t=>{t.preventDefault(),this.addMonths(-1)},this.handleEscKey=O({Escape:()=>this.hide(),Esc:()=>this.hide()}),this.handleKeyboardNavigation=O({ArrowRight:()=>this.addDays(1),Right:()=>this.addDays(1),ArrowLeft:()=>this.addDays(-1),Left:()=>this.addDays(-1),ArrowDown:()=>this.addDays(7),Down:()=>this.addDays(7),ArrowUp:()=>this.addDays(-7),Up:()=>this.addDays(-7),Home:()=>this.startOfWeek(),End:()=>this.endOfWeek(),PageUp:()=>this.addMonths(-1),PageDown:()=>this.addMonths(1),"Shift+PageUp":()=>this.addYears(-1),"Shift+PageDown":()=>this.addYears(1),Space:t=>this.handleKeyboardDaySelect(t),Enter:t=>this.handleKeyboardDaySelect(t)}),this.handleKeyboardDaySelect=t=>{const e=I(t.target.dataset.day);this.handleDaySelect(t,e)},this.handleDaySelect=(t,e)=>{const a=I(this.min),o=I(this.max);this.determineValidity(e),R(e,a,o)&&(this.setValue(e),this.hide())},this.handleMonthSelect=t=>{this.setMonth(parseInt(t.target.value,10))},this.handleYearSelect=t=>{this.setYear(parseInt(t.target.value,10))},this.handleInputChange=t=>{this.inputValue=t.detail.value;const e=L(this.inputValue);this.determineValidity(e),(e||""===this.inputValue)&&this.setValue(e)}}get validity(){return this._validity}updateValidity(t,e,a){"value"===a&&null===t||(this.determineValidity(I(this.value)),this._validity.valid&&(this.internalValidityError=""))}updateInternalValue(){if(null===this.value)return;const t=I(this.value),e=L(this.inputValue);t?E(t,e)||(this.inputValue=A(t,"dd.mm.yyyy")):this.inputValue=""}componentWillLoad(){r(this),this.determineValidity(I(this.value)),this.updateInternalValue(),b(this.element,"tooltip","duet-tooltip",1,!0)}componentDidUpdate(){switch(this.focusTarget){case"toggle-button":this.datePickerButton.focus(),this.focusTarget=null;break;case"day-button":this.focusedDayNode.focus();break;case"month-select":this.monthSelectNode.focus(),this.focusTarget=null}}componentDidRender(){m(this.element,this.proxyId,this.name,this.value,this.required)}connectedCallback(){c(this,{prop:"placeholder",defaults:"placeholderDefaults"})}disconnectedCallback(){h(this)}async setFocus(t){this.datePickerInput.setFocus(t)}async show(){this.open=!0,this.focusTarget="month-select",this.setFocusedDay(I(this.value)||new Date)}async hide(t=!0){this.open=!1,t&&(this.focusTarget="toggle-button")}addDays(t){this.setFocusedDay(j(this.focusedDay,t))}addMonths(t){this.setMonth(this.focusedDay.getMonth()+t)}addYears(t){this.setYear(this.focusedDay.getFullYear()+t)}startOfWeek(){this.setFocusedDay(C(this.focusedDay))}endOfWeek(){this.setFocusedDay(z(this.focusedDay))}setMonth(t){const e=B(U(this.focusedDay),t),a=V(e),o=B(this.focusedDay,t);this.setFocusedDay(Y(o,e,a))}setYear(t){const e=H(U(this.focusedDay),t),a=V(e),o=H(this.focusedDay,t);this.setFocusedDay(Y(o,e,a))}setFocusedDay(t){this.focusedDay=Y(t,I(this.min),I(this.max))}determineValidity(t){var e,a;const o=""!==(null!==(a=null===(e=this.datePickerInput)||void 0===e?void 0:e.value)&&void 0!==a?a:"")&&null==t,i=this.required&&null==t,n=!!t&&!R(t,null,I(this.max)),r=!!t&&!R(t,I(this.min));this._validity={patternMismatch:!1,customError:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,badInput:o,rangeUnderflow:r,rangeOverflow:n,valueMissing:i,valid:!(i||o||r||n)}}setValue(t){const e=F(t);e!==this.value&&(this.value=e,this.duetChange.emit({component:"duet-date-picker",value:this.value,valueAsDate:t}))}handleDocumentClick(t){this.open&&t.composedPath().every((t=>t!==this.dialogWrapperNode&&t!==this.datePickerButton))&&this.hide(!1)}render(){const e=I(this.value),a=(e||this.focusedDay).getFullYear(),i=this.focusedDay.getMonth(),r=this.focusedDay.getFullYear(),d=v[this.language],l=I(this.min),u=I(this.max),c=null!=l&&l.getMonth()===i&&l.getFullYear()===r,h=null!=u&&u.getMonth()===i&&u.getFullYear()===r;let b=a-this.incrementYears,m=a+this.incrementYears;return l&&(b=Math.max(b,l.getFullYear())),u&&(m=Math.min(m,u.getFullYear())),t(o,{key:"2f9dd355a80f9ed65cc0cfa90d674f426bad4c59",class:{"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},t("div",{key:"8c023088cf474e2b460139486e85974f53963981",class:"duet-date"},t(w,{key:"0c678c083138be043f01d6df1522e385a7ee122a",hasFocus:this.inputHasFocus,value:this.value,valueAsDate:e,formattedValue:this.inputValue,language:this.language,onInput:this.handleInputChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.toggleOpen,name:this.name,disabled:this.disabled,error:this.error||!this.disableBuiltInErrors&&this.internalValidityError||null,role:this.role,required:this.required,theme:this.theme,tooltip:this.tooltip,tooltipDirection:this.tooltipDirection,labelHidden:this.labelHidden,placeholder:this.placeholder,inputLabel:this.label,identifier:this.identifier,buttonRef:t=>this.datePickerButton=t,inputRef:t=>this.datePickerInput=t,accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy,accessibleLiveError:this.accessibleLiveError,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),t("div",{key:"efec9f5c773e36d4e418dac06036390b50bff2a5",class:{"duet-theme-turva":"turva"===this.theme,"duet-date-dialog":!0,left:"left"===this.direction,error:!!this.error,active:this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},t("duet-overlay",{key:"130f52a0f0194b1186619bf6426f97a68c079c11",visible:this.open,"display-device":"x-small"}),t(s,{key:"b4c229e9d91c822d87702677e213f8753f344017",moveFocusTo:this.focusedDayNode}),t("div",{key:"3ce07367a559781b9872669665186af5572305ca",class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:t=>this.dialogWrapperNode=t},t("duet-visually-hidden",{key:"7740bce6549fc3423947947f68d7e8950baa440d","aria-live":"polite"},d.keyboardInstruction),t("div",{key:"2d80551888be784d8ea12b74c43df593c4701e83",class:"duet-date-dialog-mobile-header"},t(n,{key:"27d2994191b94efe00484fbd25d96537d6ed11b2",margin:"none"},this.label),t("button",{key:"82cf74d2d7aff047562d13320496248d352c1e82",class:"duet-date-picker-close",ref:t=>this.closeButtonNode=t,onClick:()=>this.hide(),type:"button"},t("duet-icon",{key:"92b2e5fd52e4206c00acfd56e0d515d08e4527b1",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),t("duet-visually-hidden",{key:"738da11657cbac3ed52ef22490165f4ac76c6ea6"},d.closeLabel))),t("div",{key:"e8922fed8ac11149bb603c912d278c0b3843b214",class:"duet-date-dialog-header"},t("div",{key:"e922554dbea94dfa70e62983ee6a0b08f8e159d7",class:"duet-date-dialog-dropdowns"},t("duet-visually-hidden",{key:"873ba9c661e3c280c88fffc510dcceab0b2d5863"},t("h2",{key:"c769e12a0c0c668164d25d7864a711d0f9268f09",id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},d.monthLabels[i]," ",this.focusedDay.getFullYear())),t("duet-visually-hidden",{key:"5941e8d2cd0f5baec6001808c68cb4c51b37db86"},t("label",{key:"bee65da8486f65afe8d18e90b1daed308dda8864",htmlFor:this.monthSelectId},d.monthSelectLabel)),t("div",{key:"f9fd8b52eaa90fd555d737e2691b51260592101a",class:"duet-date-dialog-select"},t("select",{key:"83b7003769bf0042228e2ed36ad4118e8f0f1ab2",id:this.monthSelectId,class:"duet-date-month-select",ref:t=>this.monthSelectNode=t,onChange:this.handleMonthSelect},d.monthLabels.map(((e,a)=>t("option",{key:e,value:a,selected:a===i,disabled:!R(new Date(r,a,1),l?U(l):null,u?V(u):null)},e)))),t("div",{key:"1d9bbde4fcc96fbcaf2d714ecc34a58c755dfc7d",class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",{key:"3c4be7bf8fefa6ee1f5cede7eeb34ebfeaae35a1"},d.monthLabelsShort[i]),t("duet-icon",{key:"4eece4a65cb58ba45a30e4fd2cf179d61b05625f",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),t("duet-visually-hidden",{key:"700e9f50a74a6113c33f149427169ae9917badc0"},t("label",{key:"c5f8403791830d9b0ad68ed66af8c3f1c26310e3",htmlFor:this.yearSelectId},d.yearSelectLabel)),t("div",{key:"2c69022a45ab3effd4c907cc6d5c5a508bbb99f7",class:"duet-date-dialog-select"},t("select",{key:"fee0495e004775929f7b7aeb66278ac8b4fd003d",id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},function(t,e){for(var a=[],o=t;o<=e;o++)a.push(o);return a}(b,m).map((e=>t("option",{key:e,selected:e===r},e)))),t("div",{key:"e50ff66c34ee36e965843e68e1fb3d26690ce1ed",class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",{key:"9808b372ac9fea0ce5c51acee5ee407d5906e3f1"},this.focusedDay.getFullYear()),t("duet-icon",{key:"90c5c74c91d9e3df13e70987f66c2964feca8cf5",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),t("div",{key:"f66a8e9e9fba23a7a8c9d871f1ff0bbfa6b39b37",class:"duet-date-dialog-buttons"},t("duet-action-button",{key:"fe1df2d1456357c2ae731b66c302c45a33f40d06",accessibleLabel:v[this.language].prevMonthLabel,actionName:v[this.language].prevMonthLabel,class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:c,"icon-name":"action-arrow-left-small"},d.prevMonthLabel),t("duet-action-button",{key:"86db10ad2c3d1ab190690ae65d4c778084194089",accessibleLabel:v[this.language].nextMonthLabel,actionName:v[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:h,"icon-name":"action-arrow-right-small"},d.nextMonthLabel))),t(P,{key:"741527916476f5959328595373dc3e11b02b0df2",selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:l,max:u,focusedDayRef:t=>this.focusedDayNode=t,onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),t(s,{key:"de920ae43a19a7ca9790056fd3a9f51a08039d4f",moveFocusTo:this.closeButtonNode})))}get element(){return i(this)}static get watchers(){return{min:["updateValidity"],max:["updateValidity"],value:["updateValidity","updateInternalValue"],required:["updateValidity"]}}};K.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !important}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:top;text-align:left}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-theme-turva .duet-date-button{color:rgb(23, 28, 58);border-color:rgb(143, 147, 158);border-left-color:rgb(199, 202, 207)}.duet-date-button::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-date-button:hover:not(:disabled){outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px}.duet-theme-turva .duet-date-button:hover:not(:disabled),.duet-date-button:hover:not(:disabled).duet-theme-turva,.duet-theme-turva2 .duet-date-button:hover:not(:disabled),.duet-date-button:hover:not(:disabled).duet-theme-turva2{outline-color:rgb(120, 145, 164)}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 247, 250) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179)}.duet-date-input-has-focus .duet-date-button:focus,.duet-date-button:focus:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-input-has-focus .duet-date-button:focus,.duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva,.duet-theme-turva2 .duet-date-input-has-focus .duet-date-button:focus,.duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva2,.duet-theme-turva .duet-date-button:focus:focus,.duet-date-button:focus:focus.duet-theme-turva,.duet-theme-turva2 .duet-date-button:focus:focus,.duet-date-button:focus:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58)}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{position:absolute;top:100%;left:0;z-index:900;display:flex;visibility:hidden;width:100%;opacity:0;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}@media (min-width: 36em){.duet-date-dialog.left{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{position:fixed;top:0;right:0;bottom:0;transform:translateZ(0);transform-origin:bottom center;transition:opacity 400ms ease, visibility 400ms ease}}.duet-date-dialog.active{visibility:visible;opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;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);transform:none}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(222, 224, 228)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;visibility:hidden;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transform:translateZ(0) translateY(100%);transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transform:translateZ(0) translateY(0);transition-property:transform, opacity}}.duet-date-table{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;color:rgb(8, 42, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-transform:uppercase;letter-spacing:1px;text-decoration:none}.duet-date-table .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !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:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:2.6 !important;vertical-align:initial !important;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva .duet-date-table-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 227, 228) !important}.duet-date-table-button.today{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-date-table-button.today{color:rgb(126, 2, 35) !important;background:rgb(255, 241, 241) !important;box-shadow:0 0 0 1px #171c3a !important}.selected .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;outline:0;background:rgb(0, 119, 179) !important}.duet-theme-turva .selected .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button:active{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important}.duet-theme-turva .duet-date-table-button:active,.duet-date-table-button:active.duet-theme-turva,.duet-theme-turva2 .duet-date-table-button:active,.duet-date-table-button:active.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}:focus .duet-date-table-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200}.duet-theme-turva :focus .duet-date-table-button,:focus .duet-date-table-button.duet-theme-turva,.duet-theme-turva2 :focus .duet-date-table-button,:focus .duet-date-table-button.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;outline:none !important;background:transparent !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;outline:none !important;background:transparent !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;outline:none;background:rgb(245, 248, 250) !important;opacity:0.75}.duet-theme-turva .duet-date-table-button.outside{color:rgb(143, 147, 158);outline:none;background:rgb(245, 247, 250)}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);pointer-events:none;border-radius:4px}.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-date-dialog-select span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label,.duet-date-dialog-select select:focus+.duet-date-dialog-select-label.duet-theme-turva,.duet-theme-turva2 .duet-date-dialog-select select:focus+.duet-date-dialog-select-label,.duet-date-dialog-select select:focus+.duet-date-dialog-select-label.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-dialog-mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(181, 198, 208)}@media (min-width: 36em){.duet-date-dialog-mobile-header{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(199, 202, 207)}.duet-date-dialog-mobile-header label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header label{display:none}}.duet-date-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(8, 42, 77) !important;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 247, 250) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 247, 250) !important}.duet-date-picker-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-picker-close:focus,.duet-date-picker-close:focus.duet-theme-turva,.duet-theme-turva2 .duet-date-picker-close:focus,.duet-date-picker-close:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva.duet-date-input-has-focus :host(.duet-theme-turva2) .duet-theme-turva,:host(.duet-theme-turva2) .duet-theme-turva:focus{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button{color:rgb(23, 42, 59) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:hover:not(.disabled){background:rgb(251, 225, 209) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.today{background:rgb(253, 247, 242) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.outside{color:rgb(120, 145, 164) !important;background:rgb(245, 246, 247) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.disabled{color:rgb(199, 202, 207) !important}:host(.duet-theme-turva2) .duet-theme-turva [aria-pressed=true] .duet-date-table-button,:host(.duet-theme-turva2) .duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}:host(.duet-theme-turva2) .duet-theme-turva.duet-date-table{color:rgb(23, 42, 59)}';export{K as duet_date_picker}
|
|
@@ -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,g as a}from"./p-BEyqDEKQ.js";const n=class{constructor(e){t(this,e)}render(){return e(r,{key:"24d3d4f9d5f7c38bb5f173d6fcb4ed6eb9c74510",class:"duet-visually-hidden"},e("slot",{key:"f6acbedb718f5416d46b82450ff03d8a3416ffc5"}))}get element(){return a(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}
|