@duetds/components 10.0.0-alpha.24 → 10.0.0-alpha.26
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 +488 -287
- package/hydrate/index.mjs +488 -287
- package/lib/cjs/{a11y-utils-CZnG1VYN.js → a11y-utils-CnLnSK4z.js} +1 -1
- package/lib/cjs/{app-globals-B36JTAfq.js → app-globals-B3iie8Hv.js} +1 -1
- package/lib/cjs/{common-strings-DQ3xONmA.js → common-strings-CSqtNIxt.js} +23 -0
- package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-alert.cjs.entry.js +24 -33
- package/lib/cjs/duet-badge.cjs.entry.js +16 -4
- package/lib/cjs/duet-banner.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +6 -6
- package/lib/cjs/duet-button_2.cjs.entry.js +13 -13
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +15 -14
- package/lib/cjs/duet-card.cjs.entry.js +14 -8
- package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +3 -3
- package/lib/cjs/duet-choice_2.cjs.entry.js +35 -28
- package/lib/cjs/duet-collapsible.cjs.entry.js +3 -3
- package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
- package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
- package/lib/cjs/duet-date-picker.cjs.entry.js +19 -9
- package/lib/cjs/duet-divider_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +9 -9
- package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
- package/lib/cjs/duet-footer.cjs.entry.js +5 -5
- package/lib/cjs/duet-grid_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-header_2.cjs.entry.js +7 -6
- package/lib/cjs/duet-hero.cjs.entry.js +6 -6
- package/lib/cjs/duet-icon.cjs.entry.js +6 -6
- package/lib/cjs/duet-input_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-layout.cjs.entry.js +2 -2
- package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
- 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 +3 -3
- package/lib/cjs/duet-modal.cjs.entry.js +38 -21
- package/lib/cjs/duet-multiselect.cjs.entry.js +5 -5
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-number-input.cjs.entry.js +14 -9
- package/lib/cjs/duet-overlay.cjs.entry.js +2 -2
- package/lib/cjs/duet-page-heading.cjs.entry.js +4 -4
- package/lib/cjs/duet-pagination_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-panel.cjs.entry.js +53 -0
- package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +6 -6
- 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 +26 -23
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +9 -9
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart.cjs.entry.js +9 -7
- 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 +12 -12
- 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 +6 -6
- 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 +8 -8
- 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-C58jiu8o.js → errorcodes.utils-BgHe-1YU.js} +1 -1
- package/lib/cjs/{focus-utils-tY80LFI3.js → focus-utils-CT74z9Qb.js} +1 -1
- package/lib/cjs/{index-C1crwqC7.js → index-C6D9Bly8.js} +5 -1
- package/lib/cjs/{label-ClSVuKQ_.js → label-tyZX3oPG.js} +1 -1
- package/lib/cjs/{language-utils-BtiS-RGS.js → language-utils-DcgSN-KH.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-DZVD8m30.js → slot-utils-ByPWwvPp.js} +1 -1
- package/lib/cjs/{themeable-component-6YQpZOSC.js → themeable-component-Doq36ycm.js} +1 -1
- package/lib/cjs/{token-utils-CHLLcMzU.js → token-utils-DsVwGXGM.js} +75 -7
- package/lib/collection/collection-manifest.json +1 -0
- package/lib/collection/common-strings.js +22 -0
- package/lib/collection/components/duet-alert/duet-alert.js +21 -30
- package/lib/collection/components/duet-badge/duet-badge.js +13 -2
- package/lib/collection/components/duet-banner/duet-banner.css +1 -0
- package/lib/collection/components/duet-banner/duet-banner.js +3 -3
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-button/duet-button.css +14 -5
- package/lib/collection/components/duet-button/duet-button.js +5 -5
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-card/duet-card.js +36 -4
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.js +6 -27
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +24 -15
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-date-picker/date-picker-day.js +6 -1
- package/lib/collection/components/duet-date-picker/date-utils.js +6 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.css +2 -2
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
- package/lib/collection/components/duet-header/duet-header.js +3 -2
- package/lib/collection/components/duet-heading/duet-heading.css +1 -0
- package/lib/collection/components/duet-hero/duet-hero.css +95 -0
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-label/duet-label.js +1 -1
- package/lib/collection/components/duet-link/duet-link.js +5 -4
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- 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 +96 -15
- 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-number-input/duet-number-input.js +11 -6
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-panel/duet-panel.css +98 -0
- package/lib/collection/components/duet-panel/duet-panel.js +234 -0
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- 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 +3 -3
- 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 +6 -6
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +4 -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 +2 -2
- 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 +14 -11
- 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.js +2 -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 +2 -2
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +2 -2
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/collection/utils/token-utils.js +59 -7
- package/lib/collection/utils/turva2-color-tokens.js +42 -0
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-8a852600.entry.js → p-02ba799f.entry.js} +1 -1
- package/lib/duet/{p-5018b536.entry.js → p-066f855b.entry.js} +1 -1
- package/lib/duet/p-0864a12e.entry.js +4 -0
- package/lib/duet/{p-9ef5fe85.entry.js → p-0964b56d.entry.js} +1 -1
- package/lib/duet/{p-034efb8b.entry.js → p-0e15fd30.entry.js} +1 -1
- package/lib/duet/p-0fccda7b.entry.js +4 -0
- package/lib/duet/{p-156d2362.entry.js → p-117970c7.entry.js} +1 -1
- package/lib/duet/{p-3cee5337.entry.js → p-148b6203.entry.js} +1 -1
- package/lib/duet/p-15859eb3.entry.js +4 -0
- package/lib/duet/{p-ca626317.entry.js → p-15a7a9be.entry.js} +1 -1
- package/lib/duet/{p-db110424.entry.js → p-16f691fd.entry.js} +1 -1
- package/lib/duet/p-1ec554c6.entry.js +4 -0
- package/lib/duet/{p-ff564afe.entry.js → p-1f9c5d58.entry.js} +1 -1
- package/lib/duet/{p-5f18c78a.entry.js → p-22641f21.entry.js} +1 -1
- package/lib/duet/{p-f4a44d9d.entry.js → p-23475050.entry.js} +1 -1
- package/lib/duet/{p-f234f837.entry.js → p-288da581.entry.js} +1 -1
- package/lib/duet/{p-2bc683b8.entry.js → p-2a563d22.entry.js} +1 -1
- package/lib/duet/{p-32ac2068.entry.js → p-2d62148e.entry.js} +1 -1
- package/lib/duet/{p-f6c347b4.entry.js → p-2f150cd4.entry.js} +1 -1
- package/lib/duet/{p-c28dc621.entry.js → p-34706bbb.entry.js} +1 -1
- package/lib/duet/{p-b0484b68.entry.js → p-433a9f98.entry.js} +1 -1
- package/lib/duet/{p-7c19dac5.entry.js → p-44deeddc.entry.js} +1 -1
- package/lib/duet/{p-bb468aae.entry.js → p-4a325ef1.entry.js} +1 -1
- package/lib/duet/p-4c118ad6.entry.js +4 -0
- package/lib/duet/{p-da1914c5.entry.js → p-4c37165a.entry.js} +1 -1
- package/lib/duet/p-4cd019a5.entry.js +4 -0
- package/lib/duet/{p-be397530.entry.js → p-4da25e3d.entry.js} +1 -1
- package/lib/duet/{p-3d8dc9a3.entry.js → p-4da439ae.entry.js} +1 -1
- package/lib/duet/{p-b4e2e77d.entry.js → p-4fc62376.entry.js} +1 -1
- package/lib/duet/p-534180fa.entry.js +4 -0
- package/lib/duet/p-57165bf0.entry.js +4 -0
- package/lib/duet/{p-908b3a74.entry.js → p-5a6fd350.entry.js} +1 -1
- package/lib/duet/p-5bfa5e5d.entry.js +4 -0
- package/lib/duet/{p-bf586daf.entry.js → p-5fdfb13d.entry.js} +1 -1
- package/lib/duet/{p-7dceae70.entry.js → p-62df87ea.entry.js} +1 -1
- package/lib/duet/{p-a2a94d9a.entry.js → p-66cb6021.entry.js} +1 -1
- package/lib/duet/{p-416cbbf6.entry.js → p-6b2697ad.entry.js} +1 -1
- package/lib/duet/{p-b463cb8b.entry.js → p-6dca8f77.entry.js} +1 -1
- package/lib/duet/p-6fa7de01.entry.js +4 -0
- package/lib/duet/{p-abec4876.entry.js → p-6fdb09d1.entry.js} +1 -1
- package/lib/duet/{p-815c955b.entry.js → p-78a9b684.entry.js} +1 -1
- package/lib/duet/p-7b849d35.entry.js +4 -0
- package/lib/duet/p-7c1e8291.entry.js +4 -0
- package/lib/duet/{p-f4a0f95a.entry.js → p-7f0aa937.entry.js} +1 -1
- package/lib/duet/{p-038b8ea1.entry.js → p-804b326c.entry.js} +1 -1
- package/lib/duet/{p-db50a06b.entry.js → p-806121b1.entry.js} +1 -1
- package/lib/duet/p-8194b05d.entry.js +4 -0
- package/lib/duet/{p-58bd2e53.entry.js → p-829482da.entry.js} +1 -1
- package/lib/duet/{p-4427fd7d.entry.js → p-84777c03.entry.js} +1 -1
- package/lib/duet/{p-72ad01cb.entry.js → p-8625d3ce.entry.js} +1 -1
- package/lib/duet/{p-662331c7.entry.js → p-88216acf.entry.js} +1 -1
- package/lib/duet/p-92b13088.entry.js +4 -0
- package/lib/duet/{p-caf145ea.entry.js → p-9440a479.entry.js} +1 -1
- package/lib/duet/{p-6104db31.entry.js → p-98aa7ac5.entry.js} +1 -1
- package/lib/duet/{p-88422e6a.entry.js → p-9a7382a4.entry.js} +1 -1
- package/lib/duet/p-9c838ec0.entry.js +4 -0
- package/lib/duet/p-B5RO_CRT.js +4 -0
- package/lib/duet/{p-CsVaeVlH.js → p-BPFqbaxm.js} +1 -1
- package/lib/duet/p-BWvtXbhA.js +4 -0
- package/lib/duet/{p-DglOA-oE.js → p-BkHWWyft.js} +1 -1
- package/lib/duet/{p-uJz71_4x.js → p-C-YpEPL-.js} +1 -1
- package/lib/duet/p-C2xFZ1pZ.js +4 -0
- package/lib/duet/{p-wJIv584C.js → p-CwVyzidG.js} +1 -1
- package/lib/duet/p-D5MfS1RP.js +4 -0
- package/lib/duet/p-DixsuovU.js +4 -0
- package/lib/duet/p-DoTAjqzf.js +4 -0
- package/lib/duet/p-Dr2j33H2.js +4 -0
- package/lib/duet/{p-D5_4M8f7.js → p-Z0D6Gy9e.js} +1 -1
- package/lib/duet/{p-688ea42b.entry.js → p-a64da31d.entry.js} +1 -1
- package/lib/duet/{p-b8c10f92.entry.js → p-a704d617.entry.js} +1 -1
- package/lib/duet/{p-2ba227ae.entry.js → p-a745298d.entry.js} +1 -1
- package/lib/duet/{p-1d5bdc66.entry.js → p-ad08429f.entry.js} +1 -1
- package/lib/duet/p-ad3d8ac8.entry.js +4 -0
- package/lib/duet/{p-6cafd585.entry.js → p-b1f362dc.entry.js} +1 -1
- package/lib/duet/p-b9acaca1.entry.js +4 -0
- package/lib/duet/{p-66861503.entry.js → p-babe244b.entry.js} +1 -1
- package/lib/duet/{p-42539282.entry.js → p-c35c9198.entry.js} +1 -1
- package/lib/duet/{p-f4be7b00.entry.js → p-c62aeb2e.entry.js} +1 -1
- package/lib/duet/p-c8a66d4b.entry.js +4 -0
- package/lib/duet/p-cfd5c934.entry.js +4 -0
- package/lib/duet/{p-933da99a.entry.js → p-d05bbd77.entry.js} +1 -1
- package/lib/duet/{p-d8b7a8da.entry.js → p-d079278e.entry.js} +1 -1
- package/lib/duet/p-d110954d.entry.js +4 -0
- package/lib/duet/p-d71a366e.entry.js +4 -0
- package/lib/duet/{p-218b0dc3.entry.js → p-d92c5cfa.entry.js} +1 -1
- package/lib/duet/p-dbab30ea.entry.js +4 -0
- package/lib/duet/p-dd8216e7.entry.js +4 -0
- package/lib/duet/{p-545e9dd3.entry.js → p-e18a1599.entry.js} +1 -1
- package/lib/duet/p-e76051c3.entry.js +4 -0
- package/lib/duet/{p-1c2d8dfc.entry.js → p-e9886226.entry.js} +1 -1
- package/lib/duet/{p-3aeaed85.entry.js → p-e9becc58.entry.js} +1 -1
- package/lib/duet/{p-74d7480d.entry.js → p-ec72f3a2.entry.js} +1 -1
- package/lib/duet/{p-7bc24df3.entry.js → p-ecb4e99d.entry.js} +1 -1
- package/lib/duet/p-f2ae56b2.entry.js +4 -0
- package/lib/duet/{p-0e288f30.entry.js → p-f51c072f.entry.js} +1 -1
- package/lib/duet/{p-f237085e.entry.js → p-f82079f2.entry.js} +1 -1
- package/lib/duet/{p-9b757818.entry.js → p-f82a2ab7.entry.js} +1 -1
- package/lib/esm/{a11y-utils-ehCV15cK.js → a11y-utils-C6cn5C3e.js} +1 -1
- package/lib/esm/{app-globals-BWEEyeBa.js → app-globals-CcxHDwb4.js} +1 -1
- package/lib/esm/{common-strings-MxsWrBCY.js → common-strings-BWvtXbhA.js} +23 -1
- package/lib/esm/duet-action-button.entry.js +5 -5
- package/lib/esm/duet-alert.entry.js +24 -33
- package/lib/esm/duet-badge.entry.js +16 -4
- package/lib/esm/duet-banner.entry.js +8 -8
- package/lib/esm/duet-breadcrumb.entry.js +7 -7
- package/lib/esm/duet-breadcrumbs.entry.js +7 -7
- package/lib/esm/duet-button_2.entry.js +14 -14
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +16 -15
- package/lib/esm/duet-card.entry.js +15 -9
- package/lib/esm/duet-checkbox.entry.js +2 -2
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +3 -3
- package/lib/esm/duet-choice_2.entry.js +35 -28
- package/lib/esm/duet-collapsible.entry.js +3 -3
- package/lib/esm/duet-combobox.entry.js +4 -4
- package/lib/esm/duet-contact-card.entry.js +5 -5
- package/lib/esm/duet-cookie-consent.entry.js +2 -2
- package/lib/esm/duet-date-picker.entry.js +19 -9
- package/lib/esm/duet-divider_2.entry.js +5 -5
- package/lib/esm/duet-editable-table_3.entry.js +10 -10
- package/lib/esm/duet-empty-state.entry.js +2 -2
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +2 -2
- package/lib/esm/duet-footer.entry.js +5 -5
- package/lib/esm/duet-grid_2.entry.js +4 -4
- package/lib/esm/duet-header_2.entry.js +8 -7
- package/lib/esm/duet-hero.entry.js +6 -6
- package/lib/esm/duet-icon.entry.js +7 -7
- package/lib/esm/duet-input_2.entry.js +8 -8
- package/lib/esm/duet-layout.entry.js +2 -2
- package/lib/esm/duet-list_2.entry.js +4 -4
- 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 +3 -3
- package/lib/esm/duet-modal.entry.js +38 -21
- package/lib/esm/duet-multiselect.entry.js +5 -5
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +5 -5
- package/lib/esm/duet-number-input.entry.js +14 -9
- package/lib/esm/duet-overlay.entry.js +2 -2
- package/lib/esm/duet-page-heading.entry.js +4 -4
- package/lib/esm/duet-pagination_2.entry.js +7 -7
- package/lib/esm/duet-panel.entry.js +51 -0
- package/lib/esm/duet-phone-input.entry.js +4 -4
- package/lib/esm/duet-popup-menu_2.entry.js +7 -7
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +7 -7
- package/lib/esm/duet-radio_2.entry.js +7 -7
- package/lib/esm/duet-range-slider.entry.js +7 -7
- package/lib/esm/duet-scrollable_3.entry.js +27 -24
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +9 -9
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +2 -2
- package/lib/esm/duet-share-chart.entry.js +10 -8
- package/lib/esm/duet-show-more.entry.js +5 -5
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +8 -8
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +13 -13
- package/lib/esm/duet-slideout.entry.js +11 -11
- 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 +6 -6
- 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 +8 -8
- package/lib/esm/duet-tooltip.entry.js +4 -4
- package/lib/esm/duet-tray.entry.js +6 -6
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-DM0J2eP4.js → errorcodes.utils-CEyBUBSM.js} +1 -1
- package/lib/esm/{focus-utils-BSQKWOQJ.js → focus-utils-BhO5oz9w.js} +1 -1
- package/lib/esm/{index-CsVaeVlH.js → index-BPFqbaxm.js} +5 -1
- package/lib/esm/{label-J3UGBylH.js → label-BGqhM4kx.js} +1 -1
- package/lib/esm/{language-utils-B79DRNQM.js → language-utils-CNMTW_pZ.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-DYWEum3Y.js → slot-utils-BABbKvvc.js} +1 -1
- package/lib/esm/{themeable-component-CcmXnsoX.js → themeable-component-Csv1RXxf.js} +1 -1
- package/lib/esm/{token-utils-orOLyKQw.js → token-utils-BGFYWQ6j.js} +76 -9
- package/lib/esm/{tokens.module-D5_4M8f7.js → tokens.module-Z0D6Gy9e.js} +1 -1
- package/lib/types/common-strings.d.ts +2 -0
- package/lib/types/components/duet-alert/duet-alert.d.ts +5 -2
- package/lib/types/components/duet-badge/duet-badge.d.ts +1 -0
- package/lib/types/components/duet-card/duet-card.d.ts +6 -0
- package/lib/types/components/duet-choice/duet-choice.d.ts +0 -4
- package/lib/types/components/duet-choice-group/duet-choice-group.d.ts +2 -2
- package/lib/types/components/duet-modal/duet-modal.d.ts +17 -1
- package/lib/types/components/duet-number-input/duet-number-input.d.ts +3 -1
- package/lib/types/components/duet-panel/duet-panel.d.ts +47 -0
- package/lib/types/components.d.ts +123 -11
- package/lib/types/utils/token-utils.d.ts +4 -0
- package/lib/types/utils/turva2-color-tokens.d.ts +39 -0
- package/package.json +3 -3
- package/lib/duet/p-08f98123.entry.js +0 -4
- package/lib/duet/p-0b358066.entry.js +0 -4
- package/lib/duet/p-11a4fb44.entry.js +0 -4
- package/lib/duet/p-24d04bd7.entry.js +0 -4
- package/lib/duet/p-3897c6bf.entry.js +0 -4
- package/lib/duet/p-3baa3eaa.entry.js +0 -4
- package/lib/duet/p-3d904355.entry.js +0 -4
- package/lib/duet/p-3e42346e.entry.js +0 -4
- package/lib/duet/p-41ef0467.entry.js +0 -4
- package/lib/duet/p-5816e147.entry.js +0 -4
- package/lib/duet/p-5c2e03bf.entry.js +0 -4
- package/lib/duet/p-64731e35.entry.js +0 -4
- package/lib/duet/p-6f635395.entry.js +0 -4
- package/lib/duet/p-70757ffa.entry.js +0 -4
- package/lib/duet/p-86669a06.entry.js +0 -4
- package/lib/duet/p-90efef7f.entry.js +0 -4
- package/lib/duet/p-C4JF-vDv.js +0 -4
- package/lib/duet/p-DpD8uhf3.js +0 -4
- package/lib/duet/p-DyjhCDQL.js +0 -4
- package/lib/duet/p-MxsWrBCY.js +0 -4
- package/lib/duet/p-R41sfCqP.js +0 -4
- package/lib/duet/p-SyNakUqS.js +0 -4
- package/lib/duet/p-a6173e93.entry.js +0 -4
- package/lib/duet/p-aad8dac7.entry.js +0 -4
- package/lib/duet/p-abda9682.entry.js +0 -4
- package/lib/duet/p-bae186c7.entry.js +0 -4
- package/lib/duet/p-d4a03e18.entry.js +0 -4
- package/lib/duet/p-e99bccef.entry.js +0 -4
- package/lib/duet/p-ee3ca3a8.entry.js +0 -4
- package/lib/duet/p-ef3083e7.entry.js +0 -4
- package/lib/duet/p-ymqr0QD0.js +0 -4
|
@@ -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 i,g as o}from"./p-BPFqbaxm.js";import{D as n}from"./p-DoTAjqzf.js";import{i as r}from"./p-C-YpEPL-.js";import{c as d}from"./p-Cfr_DJqU.js";import{F as s}from"./p-C2xFZ1pZ.js";import{a as l,g as u,c,d as h}from"./p-BkHWWyft.js";import{c as b,p}from"./p-D5MfS1RP.js";import{g as m}from"./p-DvwKrUS6.js";import"./p-C6E9F6QT.js";const g={day:"numeric",month:"long",weekday:"long"},f={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",g),formatterLong:new Intl.DateTimeFormat("fi-FI",f)},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",g),formatterLong:new Intl.DateTimeFormat("en-GB",f)},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",g),formatterLong:new Intl.DateTimeFormat("sv-SE",f)}};var y,x,k=m(x?y:(x=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:i,valueAsDate:o,formattedValue:n,language:r,identifier:d,theme:s,disabled:l,error:u,role:c,required:h,tooltip:b,tooltipDirection:p,labelHidden:m,buttonRef:g,inputRef:f,onInput:y,onBlur:x,onFocus:w,hasFocus:S,accessibleActiveDescendant:D,accessibleControls:M,accessibleOwns:L,accessibleDescribedBy:I,accessibleLiveError:A,echoPlaceholder:F,caption:j})=>{const{buttonLabel:C,selected:E,formatterLong:z}=v[r];return t("div",{class:{"duet-theme-turva":"turva"===s,"duet-date-input":!0,"duet-date-input-has-focus":S}},t("duet-input",{label:i,value:n,placeholder:a,id:d,disabled:l,theme:s,error:u,role:c,required:h,tooltip:b,tooltipDirection:p,margin:"none",labelHidden:m,accessibleAutocomplete:"none",onDuetChange:t=>t.stopImmediatePropagation(),onDuetInput:y,onDuetFocus:w,onDuetBlur:x,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:!0,ref:f,accessibleActiveDescendant:D,accessibleControls:M,accessibleOwns:L,accessibleDescribedBy:I,accessibleLiveError:A,echoPlaceholder:F,caption:j,variation:"button"},t("slot",{name:"tooltip"}),t("button",{class:{"duet-date-button":!0,"duet-no-label":m,"input-error":!!u},onClick:e,disabled:l,ref:g,type:"button",slot:"button"},t("duet-icon",{icon:k.svg,margin:"none",size:"small",color:"currentColor"}),t("duet-visually-hidden",null,C,o&&t("span",null,", ",E," ",z.format(o))))))},S=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/,D=/^(\d{4})-(\d{2})-(\d{2})$/;function M(t,e,a){var i=parseInt(a,10),o=parseInt(e,10),n=parseInt(t,10);if(Number.isInteger(n)&&Number.isInteger(o)&&Number.isInteger(i)&&o>0&&o<=12&&i>0&&i<=31&&n>0){const t=new Date(n,o-1,i);if(t.getDate()!==i||t.getMonth()!==o-1)return;return t}}function L(t){if(!t)return;const e=t.match(S);return e?M(e[3],e[2],e[1]):void 0}function I(t){if(!t)return;const e=t.match(D);return e?M(e[1],e[2],e[3]):void 0}function A(t,e){if(!t)return"";var a=t.getDate().toString(10),i=(t.getMonth()+1).toString(10),o=t.getFullYear().toString(10);return t.getDate()<10&&(a=`0${a}`),t.getMonth()<9&&(i=`0${i}`),e.replace(/MM/i,i).replace(/YYYY/i,o).replace(/DD/i,a)}function F(t){return A(t,"YYYY-MM-DD")}function j(t,e){return null!=t&&null!=e&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function C(t,e){var a=new Date(t);return a.setDate(a.getDate()+e),a}function E(t,e=1){var a=new Date(t),i=a.getDay(),o=(i<e?7:0)+i-e;return a.setDate(a.getDate()-o),a}function z(t,e=1){var a=new Date(t),i=a.getDay(),o=6+(i<e?-7:0)-(i-e);return a.setDate(a.getDate()+o),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 H(t,e){const a=new Date(t);return a.setMonth(e),a}function B(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 i=t.getTime();return e&&e instanceof Date&&i<e.getTime()?e:a&&a instanceof Date&&i>a.getTime()?a:t}const P={fi:"Valittu päivä",en:"Selected day",sv:"Vald dag"},T=({focusedDay:e,today:a,day:i,language:o,onDaySelect:n,onKeyboardNavigation:r,ref:d,inRange:s,isSelected:l})=>{const u=j(i,a),c=j(i,e),h=i.getMonth()!==e.getMonth(),b=!s,{formatterShort:p}=v[o];return t("td",{"data-day":F(i),class:{"duet-date-table-cell":!0,selected:l},"aria-label":`${p.format(i)}${l?`, ${P[o]}`:void 0}`,role:"button",tabIndex:c?0:-1,onClick:function(t){n(t,i)},onKeyDown:r,"aria-disabled":b||h,ref:d},t("span",{class:{"duet-date-table-button":!0,outside:b,disabled:h,today:u}},i.getDate()))};function J(t){var e;const a=t.trim().split("+"),i=a.pop();return["shift"===(null===(e=a[0])||void 0===e?void 0:e.toLowerCase()),i]}function N(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 O=({selectedDate:e,focusedDate:a,labelledById:i,theme:o,language:n,min:r,max:d,onDateSelect:s,onKeyboardNavigation:l,focusedDayRef:u,onFocusEnter:c,onFocusExit:h})=>{const{dayLabels:b}=v[n],p=new Date,m=function(t,e=1){return function(t,e){const a=[];let i=t;for(;!j(i,e);)a.push(i),i=C(i,1);return a.push(i),a}(E(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"===o},"aria-labelledby":i,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}(m).map((i=>t("tr",{class:"duet-date-table-row"},i.map((i=>t(T,{day:i,today:p,language:n,focusedDay:a,inRange:R(i,r,d),isSelected:j(i,e),onDaySelect:s,onKeyboardNavigation:l,ref:t=>{t&&j(i,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,i=e.pageY-this.initialTouchY,o=Math.abs(a)>=70&&Math.abs(i)<=70,n=Math.abs(i)>=70&&Math.abs(a)<=70&&i>0;o?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=N({Escape:()=>this.hide(),Esc:()=>this.hide()}),this.handleKeyboardNavigation=N({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),i=I(this.max);this.determineValidity(e),R(e,a,i)&&(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?j(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(){p(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(C(this.focusedDay,t))}addMonths(t){this.setMonth(this.focusedDay.getMonth()+t)}addYears(t){this.setYear(this.focusedDay.getFullYear()+t)}startOfWeek(){this.setFocusedDay(E(this.focusedDay))}endOfWeek(){this.setFocusedDay(z(this.focusedDay))}setMonth(t){const e=H(U(this.focusedDay),t),a=V(e),i=H(this.focusedDay,t);this.setFocusedDay(Y(i,e,a))}setYear(t){const e=B(U(this.focusedDay),t),a=V(e),i=B(this.focusedDay,t);this.setFocusedDay(Y(i,e,a))}setFocusedDay(t){this.focusedDay=Y(t,I(this.min),I(this.max))}determineValidity(t){var e,a;const i=""!==(null!==(a=null===(e=this.datePickerInput)||void 0===e?void 0:e.value)&&void 0!==a?a:"")&&null==t,o=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:i,rangeUnderflow:r,rangeOverflow:n,valueMissing:o,valid:!(o||i||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(),o=this.focusedDay.getMonth(),r=this.focusedDay.getFullYear(),d=v[this.language],l=I(this.min),u=I(this.max),c=null!=l&&l.getMonth()===o&&l.getFullYear()===r,h=null!=u&&u.getMonth()===o&&u.getFullYear()===r;let b=a-this.incrementYears,p=a+this.incrementYears;return l&&(b=Math.max(b,l.getFullYear())),u&&(p=Math.min(p,u.getFullYear())),t(i,{key:"19c0a0a7ca3a67641f2e2fd47b1f66ef3942be00",class:{"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},t("div",{key:"4c0294d785d5fbfc00d0b19369c365e03ec540a1",class:"duet-date"},t(w,{key:"33285b02172cd08e881bbdb2fca5624b5a99f8cb",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:"2c9407fdc22f7f3f9345bf342d606483806cf0e6",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:"acfc613bbfb189023c734698aa31d8559adbcc7c",visible:this.open,"display-device":"x-small"}),t(s,{key:"6a8197e6d5f96312d6f7c150ae5978334ee44af7",moveFocusTo:this.focusedDayNode}),t("div",{key:"16d4fd5169ce40f3bcd66805a28ed366891e88e7",class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:t=>this.dialogWrapperNode=t},t("duet-visually-hidden",{key:"eb26a4f9a803ce065946f742bdcb64db803a0b32","aria-live":"polite"},d.keyboardInstruction),t("div",{key:"00ca0c13193e6443c4989582e3eb1f570fd3e113",class:"duet-date-dialog-mobile-header"},t(n,{key:"d3a5c701a6f1d8c2a2a99194fe1152a76133c9c6",margin:"none"},this.label),t("button",{key:"fb2a86e1f251a338a2cb6b4e30260995c485cced",class:"duet-date-picker-close",ref:t=>this.closeButtonNode=t,onClick:()=>this.hide(),type:"button"},t("duet-icon",{key:"7ac51349e66f258160ecd1ca093c739555dbac8a",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),t("duet-visually-hidden",{key:"d22d21a5ff614c658b83edb6631b893b8e9fefe4"},d.closeLabel))),t("div",{key:"dafd3a931c7efed8c5d36996e306635e130e5cc4",class:"duet-date-dialog-header"},t("div",{key:"655b64aeb6eb804538da39d1540bd975dc0d42a8",class:"duet-date-dialog-dropdowns"},t("duet-visually-hidden",{key:"ec0305c056c683a7e8cede20f22317e231b85bbd"},t("h2",{key:"82779b7ba7a438b467a21ecb2871f64b7bce6714",id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},d.monthLabels[o]," ",this.focusedDay.getFullYear())),t("duet-visually-hidden",{key:"9f050f46de2be9dc3c1f9d6965eb72901ca12d67"},t("label",{key:"940dfb77c9440379d63297393a3cb7af96deba3e",htmlFor:this.monthSelectId},d.monthSelectLabel)),t("div",{key:"5d5c3bb349257c8e43f6e63ce1e142b6c630519f",class:"duet-date-dialog-select"},t("select",{key:"74ef4df111f0793d17a3e4439fea8690f5c5169c",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===o,disabled:!R(new Date(r,a,1),l?U(l):null,u?V(u):null)},e)))),t("div",{key:"894fdd48da75442d368a1101a5c4a8042b3cf418",class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",{key:"b3b88e90b0e690f29dcd72937b36ca2a027177e6"},d.monthLabelsShort[o]),t("duet-icon",{key:"d030fc66e0e0fdcda78f26d7a117ea252932be5a",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),t("duet-visually-hidden",{key:"83f4b90e3d44537cb079f91f911385931d43f89c"},t("label",{key:"c2dfc3a34d2236e45726eff1523b22f22b532cfa",htmlFor:this.yearSelectId},d.yearSelectLabel)),t("div",{key:"708dad74eb23709ac341e0bb60ca2960a2fc2131",class:"duet-date-dialog-select"},t("select",{key:"ddda42ee0a550dac56dc85c5e96be637771b5f2e",id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},function(t,e){for(var a=[],i=t;i<=e;i++)a.push(i);return a}(b,p).map((e=>t("option",{key:e,selected:e===r},e)))),t("div",{key:"ea037965dc2d924343aaac84ef2bd3afe3940b67",class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",{key:"3c6bd199597d6635350ea348f90cf8d94f9c1121"},this.focusedDay.getFullYear()),t("duet-icon",{key:"cdd40b45f01e58dfdb1380aeef672632252c75a7",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),t("div",{key:"a23a3b6969f46d06bdbd80ce21adeeaa6705ad14",class:"duet-date-dialog-buttons"},t("duet-action-button",{key:"2140b1f39112967e325f84f505880e582eb5f5f7",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:"00a9ecf746d5a43e4c7f6bc66a77d00cfcbfb800",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(O,{key:"ad33c40984a96557732fb910e1c640e6d09363e6",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:"117953981892ef42470c071ddbde955972a2461d",moveFocusTo:this.closeButtonNode})))}get element(){return o(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;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}@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){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.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);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.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;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@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;transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}}.duet-date-dialog.active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@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;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.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-decoration:none;text-transform:uppercase;letter-spacing:1px}.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;color:rgb(8, 42, 77) !important;text-align:center;vertical-align:initial !important;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;background:rgb(0, 119, 179) !important;outline:0}.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{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}:focus .duet-date-table-button{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva :focus .duet-date-table-button{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva .duet-date-table-button.outside{color:rgb(143, 147, 158);background:rgb(245, 247, 250);box-shadow:none}.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{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #171c3a !important}.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 duet-label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header duet-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;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@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:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-picker-close:focus{box-shadow:0 0 0 2px #171c3a !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-button{color:#172a3b}: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:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:hover:not(.disabled){background:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.today{background:#fdf7f2 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.outside{color:#7891a4 !important;background:#f5f6f7 !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:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva.duet-date-table{color:#172a3b}';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 e,h as t,H as a,g as n}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,g as n}from"./p-BPFqbaxm.js";import{i as o}from"./p-C-YpEPL-.js";import{a as r}from"./p-Db8rvjPI.js";const d=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.href="#",this.icon=void 0,this.caret=!1,this.highlight=!1}componentWillLoad(){o(this)}handleEscape(e){if(r(e)){const e=this.element.closest("duet-submenu-bar-dropdown");e.open=!1,e.setFocus()}}render(){return t(a,{key:"2fee28c0408aea99ea9eca4f11d4e2f841364790"},t("a",{key:"0d7695a6ab69f0137ecf0ceeafec3a46af81dd1f",class:{"duet-submenu-bar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,highlight:this.highlight,active:this.active},"aria-current":this.active?"true":"false",href:this.href,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"01df67e9b8670dc05128745c6882d2938ef9eedc",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),t("span",{key:"6c841e3ff249215c127c9e94f08bae8d7a18a5b8",class:"label-container"},t("span",{key:"7a6170103bd0c33ec47d8c5bd315d0933674280d",class:"label"},t("slot",{key:"325eed72978c7f19c85163b6af1cce4df6cd9bbf"})),this.caret&&t("duet-icon",{key:"075731587db83d4e2857574fdec50f701f3b1e9e",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&t("duet-icon",{key:"8751218f86cec61805f4a74d1fd5449a7b936b6f",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:8px 20px 8px 60px;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:left;text-decoration:none}.duet-submenu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown-link .label-container{display:flex;flex:1;gap:12px;align-items:center;justify-content:flex-start}@media (min-width: 62em){.duet-submenu-bar-dropdown-link{padding:0.5rem 8px;font-size:1rem;line-height:1.5}}.duet-submenu-bar-dropdown-link.active .label{position:relative}.duet-submenu-bar-dropdown-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}.duet-submenu-bar-dropdown-link.active .active-check{display:none}.duet-submenu-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-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active{background:#fdf7f2}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover{background:#fbe1d1}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight{color:#e61740}';export{d as duet_submenu_bar_dropdown_link}
|
|
@@ -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-CsVaeVlH.js";import{i as o}from"./p-uJz71_4x.js";import{g as n,r as d}from"./p-DyjhCDQL.js";import"./p-D5_4M8f7.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:"76f73c7dca17d692bbeb97384c1e73d91167da94",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"9b05a63c459de0c823aad5bb4995737b2991e746","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:"d12bceed54d5f4e6299fe854626e831014851622","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;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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\");-webkit-mask-repeat:no-repeat;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-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:#e61740}: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{-webkit-mask-image:none;mask-image:none;border-radius:16%}";export{u as duet_icon}
|
|
4
|
+
import{E as t,r as e,h as i,H as s,g as a}from"./p-BPFqbaxm.js";import{i as o}from"./p-C-YpEPL-.js";import{g as n,r as d}from"./p-Dr2j33H2.js";import"./p-Z0D6Gy9e.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:"6b2ec509f1a717b623bf627d7451c95e5c1af8be",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"b3fb3d53f1c096a7072c6c85488d191c4bc61880","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:"ff22fbc4a55860c2ed936b3b3037a7a09af46d8d","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;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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\");-webkit-mask-repeat:no-repeat;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-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:#e61740}: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{-webkit-mask-image:none;mask-image:none;border-radius:16%}";export{u as duet_icon}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,h as a,H as o,g as t}from"./p-BPFqbaxm.js";import{i as r}from"./p-C-YpEPL-.js";import{h as i,c as d}from"./p-D5MfS1RP.js";import{g as s,p as n}from"./p-Dr2j33H2.js";import"./p-Z0D6Gy9e.js";const c=class{constructor(a){e(this,a),this.theme="",this.margin="auto",this.backgroundColor="",this.textColor="secondary",this.image="",this.headingLevel="h3"}componentWillLoad(){r(this),this.hasPreHeadingSlot=i(this.element,"pre-heading"),this.hasHeadingSlot=i(this.element,"heading"),this.hasDescriptionSlot=i(this.element,"description"),this.hasActionSlot=i(this.element,"action"),d(this.element,"heading","span"),d(this.element,"description","span")}async setFocus(e){this.url&&this.aOrDivElement&&this.aOrDivElement.focus(e)}render(){const e=s(this.backgroundColor,this.theme);return a(o,{key:"dcfc9fe0c01bdd6a3c127d33e73c786dfe34403d",class:{"duet-m-0":"none"===this.margin}},a("aside",{key:"08e0c5687e205a7b69e0c9ce9c874061a5c77158",class:{"duet-promo-card":!0,"duet-theme-turva":"turva"===this.theme,"no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:{backgroundColor:e||"none"}},a(this.url?"a":"div",{key:"c44a877377e4e16e1cf651165ada068712de8a1d",href:this.url,class:"content-wrapper",ref:e=>this.aOrDivElement=e},a("img",{key:"e9349820426a672f8e7106f0376e5b5ca9be639c",class:"image",src:this.image,alt:"",role:"presentation"}),a("div",{key:"7a79c417f607e37608dee33ea1a463ca87ed8736",class:"content"},this.hasPreHeadingSlot&&a("div",{key:"fce0bc86243d0fe8174b4e1b5e0aeaca9e2fa285",class:"pre-heading"},a("slot",{key:"55ea16147dbd175071917cee3beda6db4679a6fe",name:"pre-heading"})),this.hasHeadingSlot&&a("div",{key:"f5298df0419f9dda577c8ee5632a15e1860f8cf8",class:"heading"},a("duet-heading",{key:"608bb6c15a2cb6abf5e4f175581738db58fe24ec",theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:n(this.textColor,this.theme)},a("span",{key:"42abfd8c2e6d350602767b60f3491e0fd575322e"},a("slot",{key:"4048b41700d0a54a11df20e4c1a180d662424b76",name:"heading"})))),this.hasDescriptionSlot&&a("div",{key:"dc7662d900140f51c633ece8abcc46cc1187f5ef",class:"description"},a("duet-paragraph",{key:"c61e556777f7dc382d06c913e7e1990304aa5740",theme:this.theme,margin:"none",color:n(this.textColor,this.theme)},a("span",{key:"610970b31c93d2fe14c1d967a43105e3fe7737f3"},a("slot",{key:"c38b144ab61f06d8b8df9d072a89acc5c7357a3c",name:"description"})))),this.hasActionSlot&&a("div",{key:"8206bdc5367fd9cca9eab63539ac488cc8233c14",class:"action"},a("slot",{key:"162fa1fe7c8ead96253bc3e43bb0d663054a4c37",name:"action"}))))))}get element(){return t(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-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"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link: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)}.duet-promo-card-link:hover.duet-theme-turva{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)}';export{c as duet_promo_card}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as s,g as e}from"./p-
|
|
4
|
+
import{r as t,h as i,H as s,g as e}from"./p-BPFqbaxm.js";import{m as h,a as o}from"./p-DxV3RbmM.js";import{M as a,z as n,f as r,s as l,a as p}from"./p-B_NkY9T0.js";import{i as d}from"./p-C-YpEPL-.js";import{c}from"./p-Cfr_DJqU.js";import{a as m}from"./p-Db8rvjPI.js";import{a as b,g as u,c as f,d as g}from"./p-BkHWWyft.js";import{b as v}from"./p-D5MfS1RP.js";import"./p-C6E9F6QT.js";const w=class{constructor(i){t(this,i),this.firstRender=!0,this.mql=[window.matchMedia(h.replace(/'/g,"")),window.matchMedia(o.replace(/'/g,""))],this.tooltipId=c("DuetTooltip"),this.aboutString={fi:"aiheesta",en:"about",sv:"om"},this.placement="bottom",this.theme="",this.language=b(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=u(this.accessibleLabelDefault,this.language),this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=u(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1,this.negative=!1,this.openTooltip=()=>{this.active=!0,setTimeout((()=>{this.contentEl.focus({preventScroll:!0}),this.buttonActive=!0}),200)},this.closeTooltip=(t=!1)=>{this.active=!1,t&&setTimeout((()=>{this.buttonEl.setFocus({preventScroll:!0})}),200),setTimeout((()=>{this.buttonActive=!1})),setTimeout((()=>{this.updatePlacement()}),200)},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.updatePlacement=async()=>{var t,i;let s=!0;("large"!==this.breakpoint||this.mql[1].matches)&&("medium"!==this.breakpoint||this.mql[0].matches)||(s=!1);let e=s?"top-start":"top-end";"left"===this.direction?e="top-end":"right"===this.direction&&(e="top-start"),this.active&&!this.buttonEl.offsetParent&&(this.active=!1);const h=await a(this.buttonEl,this.popupElement,{placement:e,middleware:[r(),l({padding:5}),p({element:this.arrowEl})]});this.tooltipY=h.y,this.tooltipX=h.x,this.placement=h.placement,this.arrowY=null===(t=h.middlewareData.arrow)||void 0===t?void 0:t.y,this.arrowX=null===(i=h.middlewareData.arrow)||void 0===i?void 0:i.x}}componentWillLoad(){d(this),this.buttonActive=this.active}async componentDidLoad(){this.arrowEl=await this.popupElement.getArrowElement(),this.contentEl=await this.popupElement.getContentElement(),this.updatePlacement(),this.active&&(this.openTooltip(),await this.handleActiveChange(this.active)),this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body}),this.intersectionObserver.observe(this.element)}connectedCallback(){f(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}]),"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{v(this.element,this.popupElement)})),this.mutationO.observe(this.element,{childList:!0,characterData:!0,subtree:!0}))}componentDidRender(){this.firstRender&&(v(this.element,this.popupElement),this.firstRender=!1)}disconnectedCallback(){g(this)}handleDocumentClick(t){this.active&&t.composedPath().every((t=>t!==this.element&&t!==this.contentEl))&&this.closeTooltip()}handleKeyDown(t){this.active&&m(t)&&this.closeTooltip(!0)}handlePopupClose(){this.active&&this.closeTooltip(!0)}async handleActiveChange(t){t?this.autoUpdateCleanup=n(this.buttonEl,this.popupElement,this.updatePlacement):this.autoUpdateCleanup()}render(){const t={position:"relative",overflow:this.active?"visible":"hidden"},e={top:`${this.tooltipY}px`,left:`${this.tooltipX}px`,display:"block","pointer-events":this.active?"auto":"none"},h={top:this.arrowY?`${this.arrowY}px`:void 0,left:this.arrowX?`${this.arrowX}px`:void 0};return i(s,{style:{transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""}},i("duet-tooltip-button",{ref:t=>this.buttonEl=t,active:this.buttonActive,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel&&`${this.accessibleInputLabel}, ${this.accessibleLabel}`||this.accessibleAboutLabel&&`${this.accessibleLabel} ${this.aboutString[this.language]} ${this.accessibleAboutLabel}`||this.accessibleLabel,onClick:this.toggleOpen,theme:this.theme,negative:this.negative}),i("div",{style:t},i("duet-tooltip-popup",{ref:t=>this.popupElement=t,active:this.active,tooltipId:this.tooltipId,arrowStyles:h,style:e,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel,theme:this.theme},i("slot",null))))}get element(){return e(this)}static get watchers(){return{active:["handleActiveChange"]}}};w.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button{position:relative}duet-tooltip-popup{position:absolute}";export{w as duet_tooltip}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as i,H as a,g as o}from"./p-
|
|
4
|
+
import{r as e,c as t,h as i,H as a,g as o}from"./p-BPFqbaxm.js";import{i as r}from"./p-C-YpEPL-.js";import{D as d}from"./p-DoTAjqzf.js";import{c as s}from"./p-Cfr_DJqU.js";import{s as n,u as l}from"./p-Db8rvjPI.js";import{p as u}from"./p-D5MfS1RP.js";const h=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.toggleId=s("DuetToggle"),this.proxyId=s("DuetToggle"),this.theme="",this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.label="label",this.labelPosition="top",this.required=!1,this.disabled=!1,this.checked=!1,this.onClick=e=>{e.preventDefault(),this.setFocus(),this.checked=!this.checked}}checkedChanged(e){this.duetChange.emit({checked:e,value:this.value,component:"duet-toggle"})}componentWillLoad(){r(this),void 0===this.value&&(this.value=this.identifier)}connectedCallback(){n(this)}disconnectedCallback(){l(this)}componentDidRender(){u(this.element,this.proxyId,this.name,this.value,this.required,this.checked)}async setFocus(e){this.nativeInput.focus(e)}render(){const e=this.identifier||this.toggleId;return i(a,{key:"1dd080e2157b99e6fa5b08148203be1318d2b842",onClick:this.disabled?void 0:this.onClick,class:{"duet-m-0":"none"===this.margin}},i("div",{key:"c75404887077682a10ab2c936730230b67fbfd60",class:{"duet-toggle":!0,"duet-theme-turva":"turva"===this.theme,"duet-side-label":"top"!==this.labelPosition,"duet-reverse-label":"right"===this.labelPosition}},i(d,{key:"729c25fde1456d487e6f469fb8fb9fb1f45a5bb9",theme:this.theme,color:this.labelColor,weight:this.labelWeight,for:e,margin:"top"===this.labelPosition?"auto":"none"},this.label),i("label",{key:"7a551eb3640c2ff849c18fa6d257cb8787e056e1",class:"duet-switch"},i("input",{key:"30c8f85f4938c0ee3b258d02446ce24c03664897",type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:e,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled,ref:e=>this.nativeInput=e}),i("div",{key:"fe4a68e81538ba476056ee0aa98c50b7fbccbe98",class:"duet-slider"}))))}get element(){return o(this)}static get watchers(){return{checked:["checkedChanged"]}}};h.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}duet-label{display:block !important;width:100% !important}.duet-side-label{display:flex;gap:12px;align-items:center}.duet-side-label duet-label{width:auto !important}.duet-reverse-label{flex-direction:row-reverse}.duet-switch{position:relative;display:block;width:48px;height:28px}.duet-switch input{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-switch input:checked+.duet-slider{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva .duet-switch input:checked+.duet-slider{background-color:rgb(198, 12, 48)}.duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva .duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch input:disabled+.duet-slider{cursor:default}.duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-theme-turva .duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-switch input:disabled:not(:checked)+.duet-slider{background:#bfcbd2}.duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider{background:#c7c9cf}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255)}.duet-switch input:disabled:checked+.duet-slider{background:#80bbd9}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#e38698}:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}:host(.user-is-tabbing) .duet-theme-turva .duet-switch input:focus+.duet-slider{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva .duet-slider{background-color:rgb(143, 147, 158)}.duet-theme-turva .duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}:host(.duet-theme-turva2) .duet-switch input:checked+.duet-slider{background-color:#e61740}:host(.duet-theme-turva2) .duet-switch input:checked+.duet-slider::before{box-shadow:-1px 0 2px #890e26;transform:translateX(20px)}:host(.duet-theme-turva2) .duet-switch input:disabled:checked+.duet-slider{background:#f38ba0}';export{h as duet_toggle}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,h as a,H as t,g as r}from"./p-BPFqbaxm.js";import{i as o}from"./p-C-YpEPL-.js";const d=class{constructor(a){e(this,a),this.theme="",this.padding="medium",this.variation="",this.margin="auto"}componentWillLoad(){o(this)}render(){return a(t,{key:"ce2c9ad02ea4b482491120c4564322a7ab1b97c8"},a("section",{key:"058ae2c34b915888645f0a0fbce8c905f9a99330","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-describedby":this.accessibleDescribedBy,class:{"duet-panel":!0,"duet-theme-turva":"turva"===this.theme,[this.variation.split("-")[0]]:!0,[this.variation.split("-")[1]]:!0,[`padding-${this.padding}`]:!0,border:this.border,"duet-m-0":"none"===this.margin}},a("slot",{key:"eabfa138724309e78227fb8e48507a2a065c5822"})))}get element(){return r(this)}};d.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%;margin:8px 0 20px 0}@media (min-width: 36em){:host{margin:12px 0 28px 0}}:host .duet-m-0{margin:0 !important}.duet-panel{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77);background-color:rgb(255, 255, 255);border:0 solid rgb(212, 223, 229);border-radius:16px}.duet-panel.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}.duet-panel.padding-small{padding:16px;border-radius:12px}@media (min-width: 36em){.duet-panel.padding-small{padding:20px}}.duet-panel.padding-medium{padding:20px}@media (min-width: 36em){.duet-panel.padding-medium{padding:28px}}.duet-panel.padding-large{padding:28px}@media (min-width: 36em){.duet-panel.padding-large{padding:36px}}.duet-panel.border{border-width:1px}.duet-panel.secondary{background-color:rgb(245, 248, 250)}.duet-panel.secondary.duet-theme-turva{background-color:rgb(245, 247, 250)}.duet-panel.accent{background-color:rgb(240, 247, 250);border-color:rgb(198, 225, 238)}.duet-panel.accent.duet-theme-turva{background-color:rgb(245, 247, 250);border-color:rgb(199, 202, 207)}.duet-panel.accent.secondary{background-color:rgb(217, 236, 245)}.duet-panel.accent.secondary.duet-theme-turva{background-color:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.secondary{background-color:#f5f6f7}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent{background-color:#fdf7f2;border-color:#f1cab2}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent.secondary{background-color:#fbe1d1}';export{d as duet_panel}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as o,F as i,g as r}from"./p-CsVaeVlH.js";import{n as a}from"./p-vVCYtBMj.js";import{D as d}from"./p-MxsWrBCY.js";import{i as n}from"./p-uJz71_4x.js";import{s,u as l}from"./p-Db8rvjPI.js";import{a as p,g as u,c as m,d as f}from"./p-DglOA-oE.js";import{h}from"./p-SyNakUqS.js";import{p as c}from"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const g={fi:{lahi:"© LähiTapiola",turva:"© Turva"},sv:{lahi:"© LokalTapiola",turva:"© Turva"},en:{lahi:"© LocalTapiola",turva:"© Turva"}},b=(e,t)=>({component:"duet-footer",data:t,originalEvent:e}),x=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetLogoClick=t(this,"duetLogoClick",7),this.duetMenuClick=t(this,"duetMenuClick",7),this.duetItemClick=t(this,"duetItemClick",7),this.duetAnalytics=t(this,"duetAnalytics",7),this.duetEvent=t(this,"duetEvent",7),this.processedMainItem=null,this.processedItems=null,this.processedMenu=null,this.theme="",this.variation="default",this.margin="auto",this.logoHref="/",this.language=p(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=u(this.accessibleLabelExternalDefaults),this.handleClick=e=>{e.data.analyticsId&&this.duetAnalytics.emit({component:"duet-footer",analyticsId:e.data.analyticsId}),this.duetChange.emit(e)},this.handleLogoClick=e=>{const t=b(e,{href:this.logoHref,label:"logo"});this.duetLogoClick.emit(t),this.handleClick(t)},this.handleMenuClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetMenuClick.emit(o)},this.handleItemClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetItemClick.emit(o)},this.emitDuetEvent=(e,t)=>{this.duetEvent.emit({component:"duet-footer",data:t,originalEvent:e})},this.setDataAttributes=(e,t)=>{if(t.data)for(const o in t.data)e.dataset[o]=t.data[o]}}componentWillLoad(){n(this),this.refresh(),this.hasInfoSlot=h(this.element,"info")}connectedCallback(){m(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}),s(this)}disconnectedCallback(){f(this),l(this)}async refresh(){this.processedItems=c(this.items),this.processedMenu=c(this.menu)}render(){const e=u(g,this.language),t="turva"===this.theme?e.turva:e.lahi;return o("footer",{key:"374b3e4cf00807da89a9742f3efdc2a4a0bc6b18",class:{"duet-footer":!0,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-footer-simple":"simple"===this.variation},"aria-label":this.accessibleLabel},o("div",{key:"c8e124344783908ff121070042054f4d0c7947f5",class:"duet-footer-wrapper"},"simple"!==this.variation&&o("div",{key:"1bbdf39de923762fc2fbe73b6aec50ef7ad9d6f1",class:{"duet-footer-top":!0,"duet-has-info":this.hasInfoSlot},part:"top"},o("div",{key:"eb1a893372576296ccf12fee8831c525a2632eee",class:"footer-top-logo"},o("duet-logo",{key:"10de708506297ff9f3318912b81a2e8378c4270d",href:this.logoHref,onClick:this.handleLogoClick,size:"large",inverse:!0,language:this.language,theme:this.theme})),o("div",{key:"dc3946221202b4292f2e4fbc080178dca9ad73b1",class:"footer-top-right-container"},o("slot",{key:"1ad763eaac02a6c7fbccd51e2236259ba1450b07",name:"info"}),o("div",{key:"54df55c2fc9dfdbaa774c841c3cd86f799684d81",class:"footer-top-items"},this.processedItems&&this.processedItems.map(((e,t)=>{var r,a,d,n,s,l;return o(i,null,t>0&&o("duet-spacer",{size:"x-large",direction:"horizontal"}),o("duet-button",{ref:t=>this.setDataAttributes(t,e),theme:this.theme,id:e.id,class:"duet-footer-link",variation:"plain",margin:"none",fixed:!0,negative:!0,url:e.href,external:e.external,icon:(null===(r=e.href)||void 0===r?void 0:r.startsWith("tel:"))?"form-tel":(null===(a=e.href)||void 0===a?void 0:a.startsWith("mailto:"))?"navigation-message":"navigation-arrow-right","icon-right":!(null===(d=e.href)||void 0===d?void 0:d.startsWith("tel:"))&&!(null===(n=e.href)||void 0===n?void 0:n.startsWith("mailto:")),"icon-size":(null===(s=e.href)||void 0===s?void 0:s.startsWith("tel:"))||(null===(l=e.href)||void 0===l?void 0:l.startsWith("mailto:"))?"medium":"medium-small",onClick:t=>this.handleItemClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label))}))))),o("slot",{key:"ef58bb0c86abf7d7922468e818c1211aa0c1745f",name:"extra"}),o("p",{key:"da0032d001c78e0b1c4c574891959a2cc2217101",class:"duet-footer-menu",part:"menu"},o("span",{key:"ff5f4090afdd2a8c1d563e4942c6d654d1f03c68",class:"duet-footer-copyright"},`${t} ${(new Date).getFullYear()}`),o("span",{key:"a2d153deab53043cc12006667388461b1ca0e502",class:"duet-footer-menu-links"},this.processedMenu&&o(i,{key:"58b63836a80f8b342a259661da05fe8e9f961809"},this.processedMenu.map((e=>o("a",{ref:t=>this.setDataAttributes(t,e),href:e.href,id:e.id,target:e.external?"_blank":"_self",onClick:t=>this.handleMenuClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label,e.external&&o(i,null,o("duet-visually-hidden",null,", ",this.accessibleLabelExternal),o("span",{class:"duet-footer-external"},o("duet-icon",{icon:a.svg,size:"xx-small",margin:"none",color:"currentColor"}))),o("span",{class:"duet-footer-divider",role:"presentation","aria-hidden":"true"},"/"))))))),o("p",{key:"29df5df3e5b34d3c3329350878c3196ef7afe689",class:"duet-footer-copyright duet-footer-copyright-mobile"},`${t} ${(new Date).getFullYear()}`)))}get element(){return r(this)}static get watchers(){return{menu:["refresh"],items:["refresh"]}}};x.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex-shrink:0;width:100%}::slotted([slot=info]){padding:0 28px;margin-top:0;margin-bottom:16px}@media (min-width: 62em){::slotted([slot=info]){padding:0;margin-top:calc(20px - 0.5em);margin-bottom:0}}.duet-footer{display:block;width:100%;padding-top:24px;padding-bottom:16px;margin-top:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(8, 42, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:rgb(198, 12, 48)}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center}.duet-footer-top.duet-has-info{align-items:flex-start}}.duet-footer-top .footer-top-logo{flex-grow:1}.duet-footer-top .footer-top-right-container{flex-grow:1}@media (min-width: 62em){.duet-footer-top .footer-top-right-container{text-align:right}}.duet-footer-top .footer-top-items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:28px}@media (min-width: 62em){.duet-footer-top .footer-top-items{flex-direction:row;justify-content:flex-end}}duet-logo{margin-bottom:24px;margin-left:16px !important}@media (min-width: 62em){duet-logo{margin-bottom:0;margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;padding-left:28px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-right:0 !important;padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;overflow-wrap:break-word}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{display:block;flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:28px;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(8, 42, 77);background:transparent !important;border-top:1px solid rgb(212, 223, 229)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(8, 42, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 28, 58)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(198, 12, 48)}:host(.duet-theme-turva2) .duet-footer.duet-theme-turva{background:#e61740}:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-copyright,:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:#172a3b}:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-external{color:#e61740}';export{x as duet_footer}
|
|
4
|
+
import{r as e,c as t,h as o,F as i,g as r}from"./p-BPFqbaxm.js";import{n as a}from"./p-vVCYtBMj.js";import{a as d}from"./p-BWvtXbhA.js";import{i as n}from"./p-C-YpEPL-.js";import{s,u as l}from"./p-Db8rvjPI.js";import{a as p,g as u,c as m,d as f}from"./p-BkHWWyft.js";import{h}from"./p-D5MfS1RP.js";import{p as c}from"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const g={fi:{lahi:"© LähiTapiola",turva:"© Turva"},sv:{lahi:"© LokalTapiola",turva:"© Turva"},en:{lahi:"© LocalTapiola",turva:"© Turva"}},b=(e,t)=>({component:"duet-footer",data:t,originalEvent:e}),x=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetLogoClick=t(this,"duetLogoClick",7),this.duetMenuClick=t(this,"duetMenuClick",7),this.duetItemClick=t(this,"duetItemClick",7),this.duetAnalytics=t(this,"duetAnalytics",7),this.duetEvent=t(this,"duetEvent",7),this.processedMainItem=null,this.processedItems=null,this.processedMenu=null,this.theme="",this.variation="default",this.margin="auto",this.logoHref="/",this.language=p(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=u(this.accessibleLabelExternalDefaults),this.handleClick=e=>{e.data.analyticsId&&this.duetAnalytics.emit({component:"duet-footer",analyticsId:e.data.analyticsId}),this.duetChange.emit(e)},this.handleLogoClick=e=>{const t=b(e,{href:this.logoHref,label:"logo"});this.duetLogoClick.emit(t),this.handleClick(t)},this.handleMenuClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetMenuClick.emit(o)},this.handleItemClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetItemClick.emit(o)},this.emitDuetEvent=(e,t)=>{this.duetEvent.emit({component:"duet-footer",data:t,originalEvent:e})},this.setDataAttributes=(e,t)=>{if(t.data)for(const o in t.data)e.dataset[o]=t.data[o]}}componentWillLoad(){n(this),this.refresh(),this.hasInfoSlot=h(this.element,"info")}connectedCallback(){m(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}),s(this)}disconnectedCallback(){f(this),l(this)}async refresh(){this.processedItems=c(this.items),this.processedMenu=c(this.menu)}render(){const e=u(g,this.language),t="turva"===this.theme?e.turva:e.lahi;return o("footer",{key:"374b3e4cf00807da89a9742f3efdc2a4a0bc6b18",class:{"duet-footer":!0,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-footer-simple":"simple"===this.variation},"aria-label":this.accessibleLabel},o("div",{key:"c8e124344783908ff121070042054f4d0c7947f5",class:"duet-footer-wrapper"},"simple"!==this.variation&&o("div",{key:"1bbdf39de923762fc2fbe73b6aec50ef7ad9d6f1",class:{"duet-footer-top":!0,"duet-has-info":this.hasInfoSlot},part:"top"},o("div",{key:"eb1a893372576296ccf12fee8831c525a2632eee",class:"footer-top-logo"},o("duet-logo",{key:"10de708506297ff9f3318912b81a2e8378c4270d",href:this.logoHref,onClick:this.handleLogoClick,size:"large",inverse:!0,language:this.language,theme:this.theme})),o("div",{key:"dc3946221202b4292f2e4fbc080178dca9ad73b1",class:"footer-top-right-container"},o("slot",{key:"1ad763eaac02a6c7fbccd51e2236259ba1450b07",name:"info"}),o("div",{key:"54df55c2fc9dfdbaa774c841c3cd86f799684d81",class:"footer-top-items"},this.processedItems&&this.processedItems.map(((e,t)=>{var r,a,d,n,s,l;return o(i,null,t>0&&o("duet-spacer",{size:"x-large",direction:"horizontal"}),o("duet-button",{ref:t=>this.setDataAttributes(t,e),theme:this.theme,id:e.id,class:"duet-footer-link",variation:"plain",margin:"none",fixed:!0,negative:!0,url:e.href,external:e.external,icon:(null===(r=e.href)||void 0===r?void 0:r.startsWith("tel:"))?"form-tel":(null===(a=e.href)||void 0===a?void 0:a.startsWith("mailto:"))?"navigation-message":"navigation-arrow-right","icon-right":!(null===(d=e.href)||void 0===d?void 0:d.startsWith("tel:"))&&!(null===(n=e.href)||void 0===n?void 0:n.startsWith("mailto:")),"icon-size":(null===(s=e.href)||void 0===s?void 0:s.startsWith("tel:"))||(null===(l=e.href)||void 0===l?void 0:l.startsWith("mailto:"))?"medium":"medium-small",onClick:t=>this.handleItemClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label))}))))),o("slot",{key:"ef58bb0c86abf7d7922468e818c1211aa0c1745f",name:"extra"}),o("p",{key:"da0032d001c78e0b1c4c574891959a2cc2217101",class:"duet-footer-menu",part:"menu"},o("span",{key:"ff5f4090afdd2a8c1d563e4942c6d654d1f03c68",class:"duet-footer-copyright"},`${t} ${(new Date).getFullYear()}`),o("span",{key:"a2d153deab53043cc12006667388461b1ca0e502",class:"duet-footer-menu-links"},this.processedMenu&&o(i,{key:"58b63836a80f8b342a259661da05fe8e9f961809"},this.processedMenu.map((e=>o("a",{ref:t=>this.setDataAttributes(t,e),href:e.href,id:e.id,target:e.external?"_blank":"_self",onClick:t=>this.handleMenuClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label,e.external&&o(i,null,o("duet-visually-hidden",null,", ",this.accessibleLabelExternal),o("span",{class:"duet-footer-external"},o("duet-icon",{icon:a.svg,size:"xx-small",margin:"none",color:"currentColor"}))),o("span",{class:"duet-footer-divider",role:"presentation","aria-hidden":"true"},"/"))))))),o("p",{key:"29df5df3e5b34d3c3329350878c3196ef7afe689",class:"duet-footer-copyright duet-footer-copyright-mobile"},`${t} ${(new Date).getFullYear()}`)))}get element(){return r(this)}static get watchers(){return{menu:["refresh"],items:["refresh"]}}};x.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex-shrink:0;width:100%}::slotted([slot=info]){padding:0 28px;margin-top:0;margin-bottom:16px}@media (min-width: 62em){::slotted([slot=info]){padding:0;margin-top:calc(20px - 0.5em);margin-bottom:0}}.duet-footer{display:block;width:100%;padding-top:24px;padding-bottom:16px;margin-top:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(8, 42, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:rgb(198, 12, 48)}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center}.duet-footer-top.duet-has-info{align-items:flex-start}}.duet-footer-top .footer-top-logo{flex-grow:1}.duet-footer-top .footer-top-right-container{flex-grow:1}@media (min-width: 62em){.duet-footer-top .footer-top-right-container{text-align:right}}.duet-footer-top .footer-top-items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:28px}@media (min-width: 62em){.duet-footer-top .footer-top-items{flex-direction:row;justify-content:flex-end}}duet-logo{margin-bottom:24px;margin-left:16px !important}@media (min-width: 62em){duet-logo{margin-bottom:0;margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;padding-left:28px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-right:0 !important;padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;overflow-wrap:break-word}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{display:block;flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:28px;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(8, 42, 77);background:transparent !important;border-top:1px solid rgb(212, 223, 229)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(8, 42, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 28, 58)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(198, 12, 48)}:host(.duet-theme-turva2) .duet-footer.duet-theme-turva{background:#e61740}:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-copyright,:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:#172a3b}:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-external{color:#e61740}';export{x as duet_footer}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as o,H as t,g as a}from"./p-
|
|
4
|
+
import{r as e,h as o,H as t,g as a}from"./p-BPFqbaxm.js";import{i as r}from"./p-C-YpEPL-.js";import{a as n}from"./p-Db8rvjPI.js";const d=class{constructor(o){e(this,o),this.theme="",this.targetLanguage=void 0,this.href="#",this.icon=void 0,this.active=!1}componentWillLoad(){r(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-toolbar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"d0137e5350105ae59b5e03faaf4f7d8e7776f632"},o("a",{key:"b10ffca862b2d9166b7811e812f3d41d1fc567c6",class:{"duet-toolbar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"link menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:e=>this.handleEscape(e)},this.icon&&o("duet-icon",{key:"c858922116de7e062ec8af31796174818ad1e4b1",name:this.icon,size:"x-small",margin:"none"}),o("span",{key:"78da92d5c6814abff7a08866b6d146571d060656",class:"label"},o("slot",{key:"ec452b4938fae6ee2b0b5fab9de4fe87b650366a"})),this.active&&o("duet-icon",{key:"a28714381b97051e25df09fe6179b430acd51779",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return a(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva.active{background:#fdf7f2}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover{background:#fbe1d1}';export{d as duet_toolbar_dropdown_link}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as a,h as t,H as i}from"./p-
|
|
4
|
+
import{r as e,c as a,h as t,H as i}from"./p-BPFqbaxm.js";import{i as n}from"./p-C-YpEPL-.js";const r=class{constructor(t){e(this,t),this.duetChange=a(this,"duetChange",3),this.theme="",this.multiple=!1,this.accept=void 0,this.onChange=e=>{e.preventDefault(),e.stopPropagation(),this.duetChange.emit({originalEvent:e,data:{files:this.nativeInput.files},component:"duet-file-chooser"})}}async open(){var e;null===(e=this.nativeInput)||void 0===e||e.click()}async getFiles(){return this.nativeInput.files}componentWillLoad(){n(this)}render(){return t(i,{key:"d6f332ceab0e71d4a1d4a31f67d8ebaaa1b2a74e"},t("duet-visually-hidden",{key:"d8a1e009bd303b11addfd69cde730a0158e65052","aria-hidden":"true"},t("input",{key:"ed86a42e866d06c423e616b5b2ec3859483874e1",ref:e=>{this.nativeInput=e},type:"file",class:{"duet-upload":!0},"aria-hidden":"true",tabIndex:-1,onChange:this.onChange,multiple:this.multiple,accept:this.accept})))}};r.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";export{r as duet_file_chooser}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as i,g as a}from"./p-
|
|
4
|
+
import{r as e,h as t,H as i,g as a}from"./p-BPFqbaxm.js";import{i as l}from"./p-C-YpEPL-.js";const d=class{constructor(t){e(this,t),this.visible=!0,this.keepStackingContext=!1,this.modalOverlay=!1,this.theme="",this.displayDevice="all",this.transition="slowly",this.zIndex="400",this.variation="default",this.getDisplayBreakpoint=()=>this.displayDevice.startsWith("not")?this.displayDevice.substring(this.displayDevice.indexOf("-")+1):this.displayDevice}componentWillLoad(){l(this)}render(){return t(i,{key:"022e03bd6245ccf60d2b1f5b2067b68e97722f0f","aria-hidden":"true"},t("div",{key:"b29aabf87beb396113a3bcda0cc6fbdecfabc797",style:{zIndex:this.zIndex},class:{"duet-overlay":!0,"duet-theme-turva":"turva"===this.theme,"keep-stacking-context":this.keepStackingContext,[`transition-${this.transition}`]:"immediate"!==this.transition,"display-x-small":"x-small"===this.getDisplayBreakpoint(),"display-small":"small"===this.getDisplayBreakpoint(),"display-medium":"medium"===this.getDisplayBreakpoint(),"display-large":"large"===this.getDisplayBreakpoint(),not:this.displayDevice.startsWith("not"),hidden:!this.visible,[this.variation]:!0}}))}get element(){return a(this)}};d.style=".duet-overlay{position:fixed;top:0;left:0;display:block;width:100%;height:100%;visibility:visible;background:rgb(8, 42, 77);opacity:0.3}.duet-overlay.duet-theme-turva{background:rgb(23, 28, 58)}.duet-overlay.keep-stacking-context{position:absolute;top:unset;left:unset;z-index:unset !important}.duet-overlay.modal-overlay{z-index:-1}.duet-overlay.hidden{visibility:hidden;opacity:0}.duet-overlay.dark{opacity:0.85}.duet-overlay.white{background:rgb(255, 255, 255);opacity:0.9}.duet-overlay.white.duet-theme-turva{background:rgb(255, 255, 255)}.duet-overlay.display-x-small{display:none}@media (max-width: 35.9375em){.duet-overlay.display-x-small{display:block}}.duet-overlay.display-x-small.not{display:block}@media (max-width: 35.9375em){.duet-overlay.display-x-small.not{display:none}}.duet-overlay.display-small{display:none}@media (min-width: 36em){.duet-overlay.display-small{display:block}}.duet-overlay.display-small.not{display:block}@media (min-width: 36em){.duet-overlay.display-small.not{display:none}}.duet-overlay.display-medium{display:none}@media (min-width: 48em){.duet-overlay.display-medium{display:block}}.duet-overlay.display-medium.not{display:block}@media (min-width: 48em){.duet-overlay.display-medium.not{display:none}}.duet-overlay.display-large{display:none}@media (min-width: 62em){.duet-overlay.display-large{display:block}}.duet-overlay.display-large.not{display:block}@media (min-width: 62em){.duet-overlay.display-large.not{display:none}}.duet-overlay.transition-slowly{transition:600ms ease}.duet-overlay.transition-quickly{transition:300ms ease}:host(.duet-theme-turva2) .duet-overlay.duet-theme-turva{background:#172a3b}";export{d as duet_overlay}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as o,H as t,g as a}from"./p-
|
|
4
|
+
import{r as e,h as o,H as t,g as a}from"./p-BPFqbaxm.js";import{i as r}from"./p-C-YpEPL-.js";import{a as n}from"./p-Db8rvjPI.js";const d=class{constructor(o){e(this,o),this.theme="",this.href="#",this.icon=void 0,this.getVariant=()=>(this.element.parentElement.parentElement.getAttribute("slot"),"right")}componentWillLoad(){r(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-menu-bar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"3255461b870d6e7985daaaabd358db008926df23"},o("a",{key:"1ff26c26e3029f63b5a2052676137c2e6f3cb70d",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:"0b009531dc2f921fd0557d417f16974a2a0225e2",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("slot",{key:"1cace4ae4f0967a87b621717569fbfca8d504cb6"})))}get element(){return a(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.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:#172a3b}:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover{background:#fbebe1}';export{d 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 e,h as t,H as o,g as a}from"./p-
|
|
4
|
+
import{r as e,h as t,H as o,g as a}from"./p-BPFqbaxm.js";import{i as n}from"./p-C-YpEPL-.js";import{a as r}from"./p-Db8rvjPI.js";const d=class{constructor(t){e(this,t),this.theme="",this.open=!1,this.icon=void 0,this.onClick=()=>{this.open=!this.open},this.getVariant=()=>(this.element.parentElement.getAttribute("slot"),"right")}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){n(this)}handleEscape(e){r(e)&&(this.open=!1,this.setFocus())}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"5d1851929ee7081f01cea9c55edeee771dc42be3",role:"listitem"},t("div",{key:"e54d3af80bbca5e24f4c5ab831b0797c605c45ca",class:{"duet-menu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open,[`duet-menu-bar-dropdown--slot-${this.getVariant()}`]:!0}},t("button",{key:"cf2bcb77b1a0841f83a21077142e178b066484f0",ref:e=>this.button=e,"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"a39f3f0341a93ffe8c5974c8900f42f45c262b4d",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"2333c31f1a6dbb2f90712614d6861cd565e24c99",class:"label"},t("slot",{key:"55556372f68d0fed856a6fbf49280f4803781e81",name:"label"}),t("duet-icon",{key:"770ff3a4aeb359e88e05cb6f8739e5a9c51109eb",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"ca0f2366604f3b92dbdbb2684229f7edd4992ef0",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"b9f25b138f37a033bb6bd753f67765bb08a8aff6"}))))}get element(){return a(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;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-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-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-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:#e61740}';export{d as duet_menu_bar_dropdown}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as o,H as e,g as r,c as a}from"./p-CsVaeVlH.js";import{i}from"./p-uJz71_4x.js";import{s as n,u as d}from"./p-Db8rvjPI.js";import{F as s}from"./p-C4JF-vDv.js";import{T as p}from"./p-CooAqTCj.js";const l=class{constructor(o){t(this,o),this.label="",this.theme="",this.negative=!1}componentWillLoad(){i(this)}connectedCallback(){n(this)}disconnectedCallback(){d(this)}async setFocus(t){this.buttonElement&&this.buttonElement.focus(t)}render(){const t=o("duet-visually-hidden",{key:"ca106bddf825b34794a4501e0524c08a5f51c004"},this.accessibleLabel);return o(e,{key:"e51d106da5da08f757140ee8d8bb553cb8068ad0"},o("button",{key:"39d6d544869f4f16266da85c945bb6b16352c4cc",ref:t=>this.buttonElement=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-button-negative":this.negative}},o("svg",{key:"171062cb01a49fca11be5c779a976626ea252ab7","aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"06fcd87af8e4748f282822df669153ed480ca76e",d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),o("circle",{key:"7c876aad503ad68f5745ee28a785de62c08f21fa",cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{key:"e63ba148a4082e179dc32a232cff6529f2afa5e6",d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?o("span",{class:"duet-tooltip-label"},this.label,t):t))}get element(){return r(this)}};l.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover{color:#e61740}';const b=class{constructor(o){t(this,o),this.tooltipPopupClosed=a(this,"tooltipPopupClosed",7),this.theme="",this.handleCloseClick=()=>{this.tooltipPopupClosed.emit()}}componentWillLoad(){i(this)}connectedCallback(){n(this),this.teleport||(this.teleport=new p(this.element)),this.teleport.isActive?this.teleport.observeDeletion():this.teleport.activate()}disconnectedCallback(){d(this)}async getArrowElement(){return this.arrowEl}async getContentElement(){return this.contentEl}async setFocusOnContentElement(){this.contentEl.focus()}render(){return o(e,{key:"2899e860feadd6d31e257dd8f67a765b2dd103de"},o("div",{key:"e2ad1d1db943c91b633c40cb76fd1a8c62afc4f7",class:{"duet-tooltip":!0,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-active":!0===this.active}},o(s,{key:"a638d291e9a3347c63e8717fe923b10c33b0844e",moveFocusTo:this.buttonEl}),o("div",{key:"0eaab033773324479dd1e39842022beb57ea0722",ref:t=>this.contentEl=t,class:"duet-tooltip-content-area",tabindex:-1,id:this.tooltipId},o("slot",{key:"89344c3b60eb73c65a766e9d997b46b86f25a33e"})),o("div",{key:"6b1ffe4455528169bafe06cbdca8da2594b4ee23",ref:t=>this.arrowEl=t,class:{arrow:!0,[this.placement]:!0},style:this.arrowStyles},o("div",{key:"526889c3662f088271636b8c9fd2406b3df73e32",class:{"arrow-container":!0,[this.placement]:!0}})),o("button",{key:"2541026316c4d6e1c8cc01c9ed7b6c14cec5a46f",type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:t=>this.buttonEl=t},o("duet-icon",{key:"cd144f2f0f78be9a84b101349aa429a28b2d2593",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",{key:"d391959976c40cfd26bf2e2f1dca6ced9851c921"},this.accessibleCloseLabel)),o(s,{key:"ebbbb2f752d245c4953851e422b641add964e99b",moveFocusTo:this.contentEl})))}get element(){return r(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;z-index:950}.duet-tooltip{position:relative;width:282px;min-height:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(222, 224, 228);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(222, 224, 228)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}:host(.duet-theme-turva2) .duet-tooltip{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before{border-top:11px solid #d4dde2}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid #d4dde2}:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:#d4dde2}:host(.duet-theme-turva2) .duet-tooltip-close:focus{color:#172a3b}';export{l as duet_tooltip_button,b as duet_tooltip_popup}
|
|
4
|
+
import{r as t,h as o,H as e,g as r,c as a}from"./p-BPFqbaxm.js";import{i}from"./p-C-YpEPL-.js";import{s as n,u as d}from"./p-Db8rvjPI.js";import{F as p}from"./p-C2xFZ1pZ.js";import{T as s}from"./p-CooAqTCj.js";const l=class{constructor(o){t(this,o),this.label="",this.theme="",this.negative=!1}componentWillLoad(){i(this)}connectedCallback(){n(this)}disconnectedCallback(){d(this)}async setFocus(t){this.buttonElement&&this.buttonElement.focus(t)}render(){const t=o("duet-visually-hidden",{key:"d7f9bd7543527fcc24c5a87734b06e433bc4f911"},this.accessibleLabel);return o(e,{key:"7435172c19c5e7415c325ce0f8f1b1318862b284"},o("button",{key:"99a53c5a669b62ee63d5c00d41d7811b9525af69",ref:t=>this.buttonElement=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-button-negative":this.negative}},o("svg",{key:"3d843e440d7cfc958e4944d1a49211a8e7d48c5f","aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"64cf65349c9b83b6daaebc44f443c460861f28d2",d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),o("circle",{key:"d07181ecde0771c63f172097403b65eb419ce832",cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{key:"bec8531db6c080a8b1ff6a301479aa0c7f49f328",d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?o("span",{class:"duet-tooltip-label"},this.label,t):t))}get element(){return r(this)}};l.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover{color:#e61740}';const b=class{constructor(o){t(this,o),this.tooltipPopupClosed=a(this,"tooltipPopupClosed",7),this.theme="",this.handleCloseClick=()=>{this.tooltipPopupClosed.emit()}}componentWillLoad(){i(this)}connectedCallback(){n(this),this.teleport||(this.teleport=new s(this.element)),this.teleport.isActive?this.teleport.observeDeletion():this.teleport.activate()}disconnectedCallback(){d(this)}async getArrowElement(){return this.arrowEl}async getContentElement(){return this.contentEl}async setFocusOnContentElement(){this.contentEl.focus()}render(){return o(e,{key:"45c3a95797c3e9c7550a82e6fd60d10132ae8f62"},o("div",{key:"380cb318509eb85adfef3ce71c6bf6644f0b7b6b",class:{"duet-tooltip":!0,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-active":!0===this.active}},o(p,{key:"857a45f310c93184cd82740af4f0f5bf82242f9a",moveFocusTo:this.buttonEl}),o("div",{key:"bd80a3ab570d36bda9ddfea47e17e64bf917977a",ref:t=>this.contentEl=t,class:"duet-tooltip-content-area",tabindex:-1,id:this.tooltipId},o("slot",{key:"d8757e126145a0c3672a6cc381ff508c0059ea95"})),o("div",{key:"f4c5c6a434c572b8e01eb20aa07899c81063cb76",ref:t=>this.arrowEl=t,class:{arrow:!0,[this.placement]:!0},style:this.arrowStyles},o("div",{key:"2333884d098cbb81583a44504587cf96d6093d30",class:{"arrow-container":!0,[this.placement]:!0}})),o("button",{key:"1963817cd01361ba77ee107ac936654ae125f8c0",type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:t=>this.buttonEl=t},o("duet-icon",{key:"ad35ab147f093a0f4397e284b6d4ee85acace0cb",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",{key:"2eadca556e9fe940e0dff808ec02107ebf182c8a"},this.accessibleCloseLabel)),o(p,{key:"afad7dc8804fa5f300a93f9a9497658928adff7b",moveFocusTo:this.contentEl})))}get element(){return r(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;z-index:950}.duet-tooltip{position:relative;width:282px;min-height:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(222, 224, 228);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(222, 224, 228)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}:host(.duet-theme-turva2) .duet-tooltip{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before{border-top:11px solid #d4dde2}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid #d4dde2}:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:#d4dde2}:host(.duet-theme-turva2) .duet-tooltip-close:focus{color:#172a3b}';export{l as duet_tooltip_button,b as duet_tooltip_popup}
|