@duetds/components 5.1.1 → 5.1.2
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 +8 -2
- package/lib/cjs/duet-action-button.cjs.entry.js +1 -1
- package/lib/cjs/duet-alert.cjs.entry.js +1 -1
- package/lib/cjs/duet-badge.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
- package/lib/cjs/duet-button_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-caption_4.cjs.entry.js +1 -1
- package/lib/cjs/duet-card.cjs.entry.js +1 -1
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
- package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
- package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +1 -1
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +1 -1
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +9 -3
- package/lib/cjs/duet-hero.cjs.entry.js +1 -1
- package/lib/cjs/duet-icon.cjs.entry.js +1 -1
- package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-modal.cjs.entry.js +2 -2
- package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-progress.cjs.entry.js +1 -1
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +1 -1
- package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
- package/lib/cjs/duet-tray.cjs.entry.js +1 -1
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +1 -1
- package/lib/cjs/{focus-utils-a03e60dd.js → focus-utils-b7b1bede.js} +1 -1
- package/lib/cjs/{index-e44f9b36.js → index-a521d11c.js} +1 -1
- package/lib/cjs/loader.cjs.js +1 -1
- package/lib/collection/components/duet-header/duet-header.js +26 -2
- package/lib/custom-elements-bundle/index.js +9 -3
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-8afcef6d.entry.js → p-00c21573.entry.js} +1 -1
- package/lib/duet/{p-0958486a.entry.js → p-02ebff5d.entry.js} +1 -1
- package/lib/duet/{p-0bfa4901.entry.js → p-0a4b7633.entry.js} +1 -1
- package/lib/duet/{p-1a1c2f04.system.entry.js → p-0d165a50.system.entry.js} +1 -1
- package/lib/duet/{p-ef63e6b7.system.entry.js → p-1028c3a0.system.entry.js} +1 -1
- package/lib/duet/{p-82bfc46e.system.entry.js → p-1111a916.system.entry.js} +1 -1
- package/lib/duet/{p-e3bb4d0d.entry.js → p-11adc839.entry.js} +1 -1
- package/lib/duet/{p-7312120a.entry.js → p-14f2d627.entry.js} +1 -1
- package/lib/duet/{p-6c94b74c.entry.js → p-18fc1046.entry.js} +1 -1
- package/lib/duet/{p-6d93203d.system.entry.js → p-1bf42e5a.system.entry.js} +1 -1
- package/lib/duet/{p-fad9218e.system.js → p-1cb29dd2.system.js} +1 -1
- package/lib/duet/{p-eafe466d.system.entry.js → p-1d2717f7.system.entry.js} +1 -1
- package/lib/duet/{p-a3e84a0c.entry.js → p-1f1eb2c6.entry.js} +1 -1
- package/lib/duet/{p-8ca12f86.entry.js → p-2227bd88.entry.js} +1 -1
- package/lib/duet/{p-f2dda559.system.entry.js → p-2266dd2f.system.entry.js} +1 -1
- package/lib/duet/{p-c4b8dbcc.entry.js → p-28efbf26.entry.js} +1 -1
- package/lib/duet/{p-ca61da84.entry.js → p-2ec15916.entry.js} +1 -1
- package/lib/duet/{p-3b6ba9be.entry.js → p-309e1d13.entry.js} +1 -1
- package/lib/duet/{p-dc6f6251.entry.js → p-3128467f.entry.js} +1 -1
- package/lib/duet/p-32358ab8.entry.js +4 -0
- package/lib/duet/{p-d56fcc0f.system.entry.js → p-3292f542.system.entry.js} +1 -1
- package/lib/duet/{p-434eb761.system.entry.js → p-33473844.system.entry.js} +1 -1
- package/lib/duet/{p-25edad4a.system.entry.js → p-33701731.system.entry.js} +1 -1
- package/lib/duet/{p-442a290e.system.entry.js → p-3762c001.system.entry.js} +1 -1
- package/lib/duet/{p-79af737e.entry.js → p-378615ba.entry.js} +1 -1
- package/lib/duet/{p-202bedcb.system.entry.js → p-37ec8cc0.system.entry.js} +1 -1
- package/lib/duet/{p-21711099.system.entry.js → p-388ccb59.system.entry.js} +1 -1
- package/lib/duet/{p-53d51490.entry.js → p-39141813.entry.js} +1 -1
- package/lib/duet/{p-1beddade.entry.js → p-411d8bf6.entry.js} +1 -1
- package/lib/duet/{p-6ac8a774.entry.js → p-42042a04.entry.js} +1 -1
- package/lib/duet/{p-eacb0a3c.entry.js → p-4990454b.entry.js} +1 -1
- package/lib/duet/{p-6f339dd4.entry.js → p-4cb101e7.entry.js} +1 -1
- package/lib/duet/{p-17261af2.system.entry.js → p-56834d68.system.entry.js} +1 -1
- package/lib/duet/{p-3f781b16.system.entry.js → p-5d223c1b.system.entry.js} +1 -1
- package/lib/duet/{p-3c09dfc7.system.entry.js → p-5dc7ecff.system.entry.js} +1 -1
- package/lib/duet/{p-8e7b2349.entry.js → p-5e46fd23.entry.js} +1 -1
- package/lib/duet/{p-71e1ff1e.system.entry.js → p-5ea44650.system.entry.js} +1 -1
- package/lib/duet/{p-489173a9.entry.js → p-63c4fa58.entry.js} +1 -1
- package/lib/duet/{p-2963573e.entry.js → p-6440a77d.entry.js} +1 -1
- package/lib/duet/{p-b8423556.entry.js → p-6a164c72.entry.js} +1 -1
- package/lib/duet/{p-28f204ff.system.entry.js → p-6bfd3066.system.entry.js} +1 -1
- package/lib/duet/{p-7d8ee301.entry.js → p-6d85cb27.entry.js} +1 -1
- package/lib/duet/{p-bfbc45ac.entry.js → p-6eb9415c.entry.js} +1 -1
- package/lib/duet/{p-cc557ff2.entry.js → p-6ee89e1c.entry.js} +1 -1
- package/lib/duet/{p-f8d42b1d.entry.js → p-70d5c815.entry.js} +1 -1
- package/lib/duet/{p-3fef06e6.entry.js → p-77151f3f.entry.js} +1 -1
- package/lib/duet/{p-854b2669.entry.js → p-7a24425d.entry.js} +1 -1
- package/lib/duet/{p-ea85a070.entry.js → p-7e46cb73.entry.js} +1 -1
- package/lib/duet/{p-d3a21d3a.system.js → p-82d3171d.system.js} +1 -1
- package/lib/duet/{p-eafce13a.system.entry.js → p-86565a1a.system.entry.js} +1 -1
- package/lib/duet/{p-ca07f766.system.entry.js → p-87d500c2.system.entry.js} +1 -1
- package/lib/duet/{p-c363cb4b.system.entry.js → p-88a9fc7c.system.entry.js} +1 -1
- package/lib/duet/{p-2673743a.system.entry.js → p-89564214.system.entry.js} +1 -1
- package/lib/duet/{p-c3cfb3d2.entry.js → p-8a0299fb.entry.js} +1 -1
- package/lib/duet/{p-d15456a9.entry.js → p-906611b7.entry.js} +1 -1
- package/lib/duet/{p-4600e39d.system.entry.js → p-918ad15f.system.entry.js} +1 -1
- package/lib/duet/{p-bfacc4ba.system.entry.js → p-971f8880.system.entry.js} +1 -1
- package/lib/duet/{p-bdbf8f12.system.js → p-99457149.system.js} +1 -1
- package/lib/duet/{p-d75cb9b3.entry.js → p-a54fb28f.entry.js} +1 -1
- package/lib/duet/{p-c3248b49.system.entry.js → p-a6974134.system.entry.js} +1 -1
- package/lib/duet/{p-a682460b.system.entry.js → p-a87a33f4.system.entry.js} +1 -1
- package/lib/duet/{p-e9d62935.system.entry.js → p-a9e9112d.system.entry.js} +1 -1
- package/lib/duet/{p-cde3dddb.system.entry.js → p-ae1e63fc.system.entry.js} +1 -1
- package/lib/duet/{p-e6217a66.system.entry.js → p-b0bde198.system.entry.js} +1 -1
- package/lib/duet/{p-b03047e2.system.entry.js → p-b57856ea.system.entry.js} +1 -1
- package/lib/duet/{p-3e21a552.entry.js → p-b7906516.entry.js} +1 -1
- package/lib/duet/{p-052a5743.system.entry.js → p-bac34cd4.system.entry.js} +1 -1
- package/lib/duet/{p-976d65bc.entry.js → p-bb1a594c.entry.js} +1 -1
- package/lib/duet/{p-f6d4c0e2.system.entry.js → p-bc0356dd.system.entry.js} +1 -1
- package/lib/duet/{p-2999bd13.system.entry.js → p-be1bc370.system.entry.js} +1 -1
- package/lib/duet/{p-72919e6d.entry.js → p-bef4f0ab.entry.js} +1 -1
- package/lib/duet/{p-e2e9c1c6.entry.js → p-c4c1c9e8.entry.js} +1 -1
- package/lib/duet/{p-33eef64b.system.entry.js → p-c512a307.system.entry.js} +1 -1
- package/lib/duet/{p-14883a40.entry.js → p-c5f6ab22.entry.js} +1 -1
- package/lib/duet/{p-ebc287fb.system.entry.js → p-c76f0697.system.entry.js} +1 -1
- package/lib/duet/p-c8698d8a.js +4 -0
- package/lib/duet/{p-aee18e71.system.entry.js → p-d281c96e.system.entry.js} +1 -1
- package/lib/duet/{p-2f6e0663.entry.js → p-d74e231c.entry.js} +1 -1
- package/lib/duet/p-d91eec1f.system.entry.js +4 -0
- package/lib/duet/{p-32c98e7e.system.entry.js → p-df4857f8.system.entry.js} +1 -1
- package/lib/duet/{p-e7d06e4b.system.entry.js → p-e073de9a.system.entry.js} +1 -1
- package/lib/duet/{p-6b915701.entry.js → p-e3945d28.entry.js} +1 -1
- package/lib/duet/{p-cf2cd5b6.js → p-f233cbe6.js} +1 -1
- package/lib/duet/{p-d4f6977d.system.entry.js → p-f708dc6c.system.entry.js} +1 -1
- package/lib/duet/{p-77c8ae06.entry.js → p-f7aa0500.entry.js} +1 -1
- package/lib/duet/{p-4b9eb6dd.system.entry.js → p-f8f31ff0.system.entry.js} +1 -1
- package/lib/duet/{p-314a8dce.system.entry.js → p-f9784014.system.entry.js} +1 -1
- package/lib/duet/{p-cbee7eb0.system.entry.js → p-fbfc5798.system.entry.js} +1 -1
- package/lib/duet/{p-3e6b24df.entry.js → p-fc02305a.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +1 -1
- package/lib/esm/duet-alert.entry.js +1 -1
- package/lib/esm/duet-badge.entry.js +1 -1
- package/lib/esm/duet-breadcrumb.entry.js +1 -1
- package/lib/esm/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm/duet-button_2.entry.js +1 -1
- package/lib/esm/duet-caption_4.entry.js +1 -1
- package/lib/esm/duet-card.entry.js +1 -1
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-choice_2.entry.js +2 -2
- package/lib/esm/duet-collapsible.entry.js +1 -1
- package/lib/esm/duet-combobox.entry.js +1 -1
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +2 -2
- package/lib/esm/duet-divider_2.entry.js +1 -1
- package/lib/esm/duet-editable-table_3.entry.js +1 -1
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +1 -1
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +9 -3
- package/lib/esm/duet-hero.entry.js +1 -1
- package/lib/esm/duet-icon.entry.js +1 -1
- package/lib/esm/duet-input_2.entry.js +1 -1
- package/lib/esm/duet-layout.entry.js +1 -1
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-modal.entry.js +2 -2
- package/lib/esm/duet-notification_2.entry.js +1 -1
- package/lib/esm/duet-number-input.entry.js +1 -1
- package/lib/esm/duet-pagination_2.entry.js +1 -1
- package/lib/esm/duet-progress.entry.js +1 -1
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +1 -1
- package/lib/esm/duet-scrollable_3.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +1 -1
- package/lib/esm/duet-step_2.entry.js +1 -1
- package/lib/esm/duet-textarea.entry.js +1 -1
- package/lib/esm/duet-toggle.entry.js +1 -1
- package/lib/esm/duet-tooltip.entry.js +1 -1
- package/lib/esm/duet-tray.entry.js +1 -1
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +1 -1
- package/lib/esm/{focus-utils-ea33cb8a.js → focus-utils-8681b5ae.js} +1 -1
- package/lib/esm/{index-54e0bce3.js → index-ff5be49a.js} +1 -1
- package/lib/esm/loader.js +1 -1
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-step_2.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/focus-utils-8681b5ae.js +4 -0
- package/lib/esm-es5/{index-54e0bce3.js → index-ff5be49a.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/types/components/duet-header/duet-header.d.ts +8 -0
- package/lib/types/components.d.ts +5 -1
- package/package.json +5 -5
- package/lib/duet/p-1676ed71.system.entry.js +0 -4
- package/lib/duet/p-ef60173e.js +0 -4
- package/lib/duet/p-f357091a.entry.js +0 -4
- package/lib/esm-es5/focus-utils-ea33cb8a.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as i,h as e,F as a,H as n,g as s}from"./p-cf2cd5b6.js";import{c as r}from"./p-c1325e35.js";import{d as o}from"./p-dbb4a588.js";import{j as h,k as p,d as l,b as d,a as u,c,l as g,m}from"./p-54f35a79.js";import{g as b}from"./p-ede854e1.js";import{i as v}from"./p-abf8eaf7.js";import"./p-5a9d75e1.js";const f=class{constructor(e){t(this,e),this.duetPageChange=i(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.numbersStore="",this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.jumpString="...",this.variation="default",this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number, or enter a page number when this element is in focus to jump to a page",pagination_label:"Pagination, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen, tai kirjoittaa sivunumeron, jos tämä elementti on aktiivinen, siirtymään sivulle",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida, eller skriva in sida när elementet är i fokus för att hoppa till en sida",pagination_label:"Sidutning, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=b(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.ariaControls="",this.current=1,this.actionChain=async(t,i)=>{if(0===t)this.current=1;else if(i!==t){const i=Math.ceil(t/this.visibleItems)-1;i!==this.internalSectionIndex&&(this.internalSectionIndex=i,await this.setFocus())}},this.emitPageEvent=o(((t,i)=>{const e=Number(i||this.current);this.duetPageChange.emit({component:"duet-pagination",from:e*this.take,to:e*this.take+this.take,current:e,take:this.take,type:"page",originalEvent:t})}),500),this.getEnteredNumber=o((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500)}watchStateHandler(t,i){this.actionChain(t,i)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),v(this)}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.setFocus()}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,i){t.preventDefault(),t.stopPropagation(),this.current=this.current+i}async onKeyboardDown(t){let i=this.current;(l(t)||d(t))&&i--,(u(t)||c(t))&&i++,h(t)&&i<=this.totalPages&&(this.current=i,this.emitPageEvent(t)),p(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector("li.duet-pagination-item-is-active duet-button");t&&await t.setFocus()}pageClickHandler(t){t.preventDefault();const i=Number(t.target.getAttribute("data-id"));this.current=i,this.emitPageEvent({},i)}sectionClickHandler(t,i){t.preventDefault();let e=this.internalSectionIndex+i;e>=this.totalPages/this.take&&(e=this.totalPages/this.take-1),this.internalSectionIndex=e>=0?e:0}jumpToStart(t){t.preventDefault(),this.internalSectionIndex=0,this.current=1}jumpToEnd(t){t.preventDefault(),this.internalSectionIndex=this.totalPages/this.take-1,this.current=this.totalPages}renderPageNumbers(){const t=[];let i=this.internalSectionIndex*this.visibleItems;do{if(i++,i>this.totalPages)break;t.push(e("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},e("duet-button",{class:{"duet-pagination-link":!0},color:i!==this.current?"secondary":"primary","data-id":i,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${i}`,onClick:t=>this.pageClickHandler(t)},e("div",{class:"duet-pagination-page-number","aria-hidden":!0},i))))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}shouldDisplayNavigation(){return"compact"!==this.variation&&!(2*this.visibleItems>this.total/this.take)}render(){return e(n,{onKeyDown:t=>this.onKeyboardDown(t)},e("nav",{role:"navigation","aria-labelledby":this.listId,"aria-describedby":this.listId,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&e("div",{"aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},e("duet-badge",null,"jump to page : ",this.numbersStore)),e("ol",{id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},e("li",{class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{disabled:0===this.internalSectionIndex&&this.current<=1,"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"aria-label":this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small"})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&e(a,null,e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{class:"duet-pagination-link","center-text":"true",variation:"plain",color:"secondary",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t)},e("div",{class:"duet-pagination-page-number"},"1"))),e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{class:"duet-pagination-link","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1)},e("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"...")))),this.renderPageNumbers(),this.internalSectionIndex!==this.totalPages/this.visibleItems-1&&this.shouldDisplayNavigation()&&e(a,null,e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{class:"duet-pagination-link","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1)},e("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"..."))),e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{class:"duet-pagination-link","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t)},e("div",{class:"duet-pagination-page-number"},this.totalPages)))),e("li",{class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1,class:"duet-date-dialog-next","aria-label":this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-arrow-right-small"})))))}get element(){return s(this)}static get watchers(){return{current:["watchStateHandler"]}}};f.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:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}";const k=class{constructor(e){t(this,e),this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.theme="",this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=b(this.ariaLabelsDefaults),this.ariaControls="",this.handleClick=(t,i)=>{t.preventDefault(),this.increment(i),this.handleStepClick(t)}}watchStateHandler(t){1===t?(this.leftBnRef.setAttribute("disabled",""),this.rightBnRef.focus()):this.leftBnRef.removeAttribute("disabled"),t===this.total/this.stepSize?(this.rightBnRef.setAttribute("disabled",""),this.leftBnRef.focus()):this.rightBnRef.removeAttribute("disabled")}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.stepIndex*this.stepSize-this.stepSize,to:this.stepIndex*this.stepSize,index:this.stepIndex})}componentWillLoad(){v(this)}componentDidLoad(){this.watchStateHandler(this.stepIndex)}increment(t){const i=this.stepIndex+t;i<=0?this.stepIndex=1:i*this.stepSize<=this.total&&(this.stepIndex=i)}generateStepSize(){let t=(this.stepIndex-1)*this.stepSize;0===t&&(t=1);const i=this.stepIndex*this.stepSize;return this.ariaLabels.x_of_y.replace("{0}",String(t)).replace("{1}",String(i)).replace("{2}",String(this.total))}async onKeyboardDown(t){let i=this.stepIndex,e=1;(l(t)||d(t)||g(t))&&(i--,e=-1,this.leftBnRef.focus()),(u(t)||c(t)||m(t))&&(i++,e=1),h(t)&&i>0&&i*this.stepSize<=this.total&&this.handleClick(t,e)}render(){return e("div",{class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},e("span",{class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),e("duet-action-button",{class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"aria-label":this.ariaLabels.previous_increment,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small"}),e("duet-action-button",{class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"aria-label":this.ariaLabels.next_increment,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small"}))}get element(){return s(this)}static get watchers(){return{stepIndex:["watchStateHandler"]}}};k.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:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:#00294d}.duet-range-stepper ::part(button){border:0}";export{f as duet_pagination,k as duet_range_stepper}
|
|
4
|
+
import{r as t,c as i,h as e,F as a,H as n,g as s}from"./p-f233cbe6.js";import{c as r}from"./p-c1325e35.js";import{d as o}from"./p-dbb4a588.js";import{j as h,k as p,d as l,b as d,a as u,c,l as g,m}from"./p-54f35a79.js";import{g as b}from"./p-ede854e1.js";import{i as v}from"./p-abf8eaf7.js";import"./p-5a9d75e1.js";const f=class{constructor(e){t(this,e),this.duetPageChange=i(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.numbersStore="",this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.jumpString="...",this.variation="default",this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number, or enter a page number when this element is in focus to jump to a page",pagination_label:"Pagination, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen, tai kirjoittaa sivunumeron, jos tämä elementti on aktiivinen, siirtymään sivulle",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida, eller skriva in sida när elementet är i fokus för att hoppa till en sida",pagination_label:"Sidutning, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=b(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.ariaControls="",this.current=1,this.actionChain=async(t,i)=>{if(0===t)this.current=1;else if(i!==t){const i=Math.ceil(t/this.visibleItems)-1;i!==this.internalSectionIndex&&(this.internalSectionIndex=i,await this.setFocus())}},this.emitPageEvent=o(((t,i)=>{const e=Number(i||this.current);this.duetPageChange.emit({component:"duet-pagination",from:e*this.take,to:e*this.take+this.take,current:e,take:this.take,type:"page",originalEvent:t})}),500),this.getEnteredNumber=o((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500)}watchStateHandler(t,i){this.actionChain(t,i)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),v(this)}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.setFocus()}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,i){t.preventDefault(),t.stopPropagation(),this.current=this.current+i}async onKeyboardDown(t){let i=this.current;(l(t)||d(t))&&i--,(u(t)||c(t))&&i++,h(t)&&i<=this.totalPages&&(this.current=i,this.emitPageEvent(t)),p(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector("li.duet-pagination-item-is-active duet-button");t&&await t.setFocus()}pageClickHandler(t){t.preventDefault();const i=Number(t.target.getAttribute("data-id"));this.current=i,this.emitPageEvent({},i)}sectionClickHandler(t,i){t.preventDefault();let e=this.internalSectionIndex+i;e>=this.totalPages/this.take&&(e=this.totalPages/this.take-1),this.internalSectionIndex=e>=0?e:0}jumpToStart(t){t.preventDefault(),this.internalSectionIndex=0,this.current=1}jumpToEnd(t){t.preventDefault(),this.internalSectionIndex=this.totalPages/this.take-1,this.current=this.totalPages}renderPageNumbers(){const t=[];let i=this.internalSectionIndex*this.visibleItems;do{if(i++,i>this.totalPages)break;t.push(e("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},e("duet-button",{class:{"duet-pagination-link":!0},color:i!==this.current?"secondary":"primary","data-id":i,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${i}`,onClick:t=>this.pageClickHandler(t)},e("div",{class:"duet-pagination-page-number","aria-hidden":!0},i))))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}shouldDisplayNavigation(){return"compact"!==this.variation&&!(2*this.visibleItems>this.total/this.take)}render(){return e(n,{onKeyDown:t=>this.onKeyboardDown(t)},e("nav",{role:"navigation","aria-labelledby":this.listId,"aria-describedby":this.listId,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&e("div",{"aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},e("duet-badge",null,"jump to page : ",this.numbersStore)),e("ol",{id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},e("li",{class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{disabled:0===this.internalSectionIndex&&this.current<=1,"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"aria-label":this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small"})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&e(a,null,e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{class:"duet-pagination-link","center-text":"true",variation:"plain",color:"secondary",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t)},e("div",{class:"duet-pagination-page-number"},"1"))),e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{class:"duet-pagination-link","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1)},e("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"...")))),this.renderPageNumbers(),this.internalSectionIndex!==this.totalPages/this.visibleItems-1&&this.shouldDisplayNavigation()&&e(a,null,e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{class:"duet-pagination-link","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1)},e("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"..."))),e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{class:"duet-pagination-link","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t)},e("div",{class:"duet-pagination-page-number"},this.totalPages)))),e("li",{class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1,class:"duet-date-dialog-next","aria-label":this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-arrow-right-small"})))))}get element(){return s(this)}static get watchers(){return{current:["watchStateHandler"]}}};f.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:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}";const k=class{constructor(e){t(this,e),this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.theme="",this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=b(this.ariaLabelsDefaults),this.ariaControls="",this.handleClick=(t,i)=>{t.preventDefault(),this.increment(i),this.handleStepClick(t)}}watchStateHandler(t){1===t?(this.leftBnRef.setAttribute("disabled",""),this.rightBnRef.focus()):this.leftBnRef.removeAttribute("disabled"),t===this.total/this.stepSize?(this.rightBnRef.setAttribute("disabled",""),this.leftBnRef.focus()):this.rightBnRef.removeAttribute("disabled")}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.stepIndex*this.stepSize-this.stepSize,to:this.stepIndex*this.stepSize,index:this.stepIndex})}componentWillLoad(){v(this)}componentDidLoad(){this.watchStateHandler(this.stepIndex)}increment(t){const i=this.stepIndex+t;i<=0?this.stepIndex=1:i*this.stepSize<=this.total&&(this.stepIndex=i)}generateStepSize(){let t=(this.stepIndex-1)*this.stepSize;0===t&&(t=1);const i=this.stepIndex*this.stepSize;return this.ariaLabels.x_of_y.replace("{0}",String(t)).replace("{1}",String(i)).replace("{2}",String(this.total))}async onKeyboardDown(t){let i=this.stepIndex,e=1;(l(t)||d(t)||g(t))&&(i--,e=-1,this.leftBnRef.focus()),(u(t)||c(t)||m(t))&&(i++,e=1),h(t)&&i>0&&i*this.stepSize<=this.total&&this.handleClick(t,e)}render(){return e("div",{class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},e("span",{class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),e("duet-action-button",{class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"aria-label":this.ariaLabels.previous_increment,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small"}),e("duet-action-button",{class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"aria-label":this.ariaLabels.next_increment,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small"}))}get element(){return s(this)}static get watchers(){return{stepIndex:["watchStateHandler"]}}};k.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:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:#00294d}.duet-range-stepper ::part(button){border:0}";export{f as duet_pagination,k as duet_range_stepper}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{h as t,F as o,r as i,c as e,H as s,g as c}from"./p-cf2cd5b6.js";import{d as b}from"./p-dbb4a588.js";import{n as d,f as a,o as l,b as n,c as h}from"./p-54f35a79.js";import{g as r,a as m}from"./p-ede854e1.js";import{p as u}from"./p-5a9d75e1.js";import{i as x}from"./p-abf8eaf7.js";const p=({item:i,search:e="",selected:s})=>{const c=""!==e?new RegExp("("+e.split(" ").join("|")+")","gi"):void 0;return t(o,null,s&&t("duet-icon",{class:"option-icon",name:"messaging-checked",size:"xx-small",margin:"none"}),c?t("span",{class:"option-container","aria-hidden":"true"},t("span",{innerHTML:i.name.replace(c,'<span class="highlight">$&</span>')})):i.name,i.tags&&t("span",{class:"option-tags"},i.tags.join(", ")))},g=({item:o,active:i,total:e,selected:s,label:c,clickHandler:b=(t=>{t.preventDefault()}),keyHandler:d=(t=>{t.preventDefault()}),search:a})=>t("li",{class:{"list-item":!0,option:!0,active:i,selected:s},id:i?"active_item":"","data-index":o.id,"aria-selected":i?"true":void 0,"aria-current":s?"true":void 0,role:"option","aria-label":c||`${o.name}, (${o.id+1} of ${e})`},t("a",{tabindex:"-1",onClick:t=>b(t),onKeyUp:t=>d(t),class:"option-link","aria-label":c||`${o.name}, (${o.id+1} of ${e})`,"aria-hidden":"true"},t(p,{item:o,search:a,selected:s}))),v=class{constructor(t){i(this,t),this.duetChange=e(this,"duetChange",3),this.isSafari=!1,this.resizeObserver=new ResizeObserver(b((t=>{var o,i;if(1===(null==t?void 0:t.length)){const e=null===(i=null===(o=t[0])||void 0===o?void 0:o.target)||void 0===i?void 0:i.getBoundingClientRect().width;this.listContainer.style.width=`${e+1}px`}}),100)),this.processedItems=null,this.inputWidth=0,this.inputValue="",this.selectionMsg="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}, ({current} of {total})",itemFiltered:"{name}, ({current} of {total}, {hiddenItems} filtered)"},fi:{heading:"Valitse:",item:"{name}, ({current}/{total})",itemFiltered:"{name}, ({current}/{total}, {hiddenItems} suodatettu)"},sv:{heading:"Välj:",item:"{name}, ({current} av {total})",itemFiltered:"{name}, ({current} av {total}, {hiddenItems} filtrerade)"}},this.accessibleLabels=r(u(this.accessibleLabelDefaults),m()),this.theme="",this.force=!1,this.formatter=t=>t&&t.name?t.name:""}activeItemHandler(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||0===t)?"active_item":""}handleDocumentClick(t){t.composedPath().every((t=>t!==this.element))&&(this.updateInputText(!0),this.listOpen=!1)}async formatItem(t){return this.formatter(t)}componentWillLoad(){x(this)}connectedCallback(){/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&(this.isSafari=!0),this.items=this.processedItems=u(this.items),this.input=this.element.querySelector("duet-input"),this.input.addEventListener("duetChange",this.updateInputValue.bind(this)),this.input.addEventListener("click",(()=>{this.listOpen=!!this.inputValue.length})),this.element.addEventListener("keydown",this.handleInputKeyDownEvent.bind(this)),this.input.accessibleAutocomplete="list",this.input.accessibleControls="duet-combobox-list-element"}disconnectedCallback(){this.input.removeEventListener("duetChange",this.updateInputValue.bind(this)),this.input.removeEventListener("click",(()=>this.listOpen=!!this.inputValue.length)),this.element.removeEventListener("keydown",this.handleInputKeyDownEvent.bind(this)),this.listElement.removeEventListener("click",(t=>{t.stopPropagation()})),this.resizeObserver.disconnect()}componentDidLoad(){this.resizeObserver.observe(this.input),this.listElement.addEventListener("click",(t=>{t.stopPropagation()}))}onListClick(t,o){return t.preventDefault(),this.updateSelectedItems(o.id),this.listOpen=!1,this.listOpen}shouldListBeFiltered(){if(this.selectedItems.size&&this.input.value===this.inputValue){const t=this.items.filter((t=>this.selectedItems.has(t.id)));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}async updateSelectedItems(t){this.selectedItems.clear(),this.selectedItems&&(this.selectedItems.has(t)?this.selectedItems.delete(t):this.selectedItems.add(t)),await this.updateInputText()}async updateInputText(t=!1){const o=0===this.selectedItems.size?[]:this.items.filter((t=>this.selectedItems.has(t.id)));1===this.selectedItems.size?(this.input.value="",this.input.value=await this.formatItem(o[0]),this.input.scrollLeft=this.input.scrollWidth,this.activeItem=void 0,this.value=await this.formatItem(o[0]),this.duetChange.emit({value:o[0].value,item:o[0],component:"duet-combobox"})):t&&0===this.selectedItems.size&&(this.force&&(this.inputValue="",this.input.value=""),this.activeItem=void 0),this.listOpen=!1}updateInputValue(t){var o;this.inputValue=t.detail.value,this.listOpen=String(this.inputValue).length>0&&(null===(o=this.getFilteredItems())||void 0===o?void 0:o.length)>0}handleInputKeyDownEvent(t){if(this.input.accessibleActiveDescendant=void 0,d(t))return t.preventDefault(),this.selectActiveItem(),void(this.listOpen=!1);if(a(t)||l(t))return this.updateInputText(!0),void(this.listOpen=!1);let o=this.activeItem;if(n(t)?(t.preventDefault(),o=this.activeItem-1):h(t)&&(t.preventDefault(),o=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0),h(t)||n(t)){const t=this.shouldListBeFiltered()?this.getFilteredItems():this.processedItems;(o<0||!o)&&(o=0),o>=t.length&&(o=t.length-1),this.input.accessibleActiveDescendant="active_item",this.activeItem=o,this.scrollToActive()}this.announceActive()}selectActiveItem(){if(void 0===this.activeItem)return;const t=this.returnFilteredOrNonFiltered();this.updateSelectedItems(t[this.activeItem].id)}announceActive(t){t||(t=this.returnFilteredOrNonFiltered()),void 0!==this.activeItem&&-1!==this.activeItem&&(this.selectionMsg=this.formatLabel(t[this.activeItem],t.length,this.items.length))}scrollToActive(){const t=this.listElement.querySelector(".active");t&&t.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(t,o,i){return t&&void 0!==i?(o===i?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(t.name)).replace("{current}",String(this.activeItem+1)).replace("{total}",String(o)).replace("{hiddenItems}",String(i-o)):""}getFilteredItems(){const t=this.processedItems.filter((t=>String(t.value).toLowerCase().includes(this.inputValue.toLowerCase())||String(t.name).toLowerCase().includes(this.inputValue.toLowerCase())||this.selectedItems.has(t.id)));return this.sortFilteredItems(t)}sortFilteredItems(t){return t.length>0&&t.filter((t=>this.selectedItems.has(t.id))).forEach((o=>{const i=t.indexOf(o);t.splice(i,1),t.unshift(o)})),t}render(){const o=this.returnFilteredOrNonFiltered();return t(s,{role:"combobox","aria-expanded":this.listOpen?"true":"false","aria-owns":this.listOpen?"duet-combobox-list-element":void 0,"aria-haspopup":"listbox",class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},t("slot",null),this.isSafari&&t("duet-visually-hidden",{"aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},this.selectionMsg),t("div",{role:"list",class:{"duet-combobox-list":!0,open:this.listOpen},ref:t=>this.listContainer=t},t("ul",{role:"listbox",ref:t=>this.listElement=t,id:"duet-combobox-list-element",class:"listbox"},this.processedItems&&o.map(((i,e)=>t(g,{item:i,active:e===this.activeItem,selected:this.selectedItems.has(i.id),search:this.inputValue,total:o.length,clickHandler:t=>this.onListClick(t,i),label:this.formatLabel(i,this.returnFilteredOrNonFiltered().length,this.items.length)}))))))}get element(){return c(this)}static get watchers(){return{activeItem:["activeItemHandler"]}}};v.style='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#00294d}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);display:none;overflow:hidden;background:white;border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-combobox-list.open.sc-duet-combobox{z-index:700;display:block}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:#909599}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:#cde5f1}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:#909599}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:white;background:#0077b3}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:#e1e3e6}';export{v as duet_combobox}
|
|
4
|
+
import{h as t,F as o,r as i,c as e,H as s,g as c}from"./p-f233cbe6.js";import{d as b}from"./p-dbb4a588.js";import{n as d,f as a,o as l,b as n,c as h}from"./p-54f35a79.js";import{g as r,a as m}from"./p-ede854e1.js";import{p as u}from"./p-5a9d75e1.js";import{i as x}from"./p-abf8eaf7.js";const p=({item:i,search:e="",selected:s})=>{const c=""!==e?new RegExp("("+e.split(" ").join("|")+")","gi"):void 0;return t(o,null,s&&t("duet-icon",{class:"option-icon",name:"messaging-checked",size:"xx-small",margin:"none"}),c?t("span",{class:"option-container","aria-hidden":"true"},t("span",{innerHTML:i.name.replace(c,'<span class="highlight">$&</span>')})):i.name,i.tags&&t("span",{class:"option-tags"},i.tags.join(", ")))},g=({item:o,active:i,total:e,selected:s,label:c,clickHandler:b=(t=>{t.preventDefault()}),keyHandler:d=(t=>{t.preventDefault()}),search:a})=>t("li",{class:{"list-item":!0,option:!0,active:i,selected:s},id:i?"active_item":"","data-index":o.id,"aria-selected":i?"true":void 0,"aria-current":s?"true":void 0,role:"option","aria-label":c||`${o.name}, (${o.id+1} of ${e})`},t("a",{tabindex:"-1",onClick:t=>b(t),onKeyUp:t=>d(t),class:"option-link","aria-label":c||`${o.name}, (${o.id+1} of ${e})`,"aria-hidden":"true"},t(p,{item:o,search:a,selected:s}))),v=class{constructor(t){i(this,t),this.duetChange=e(this,"duetChange",3),this.isSafari=!1,this.resizeObserver=new ResizeObserver(b((t=>{var o,i;if(1===(null==t?void 0:t.length)){const e=null===(i=null===(o=t[0])||void 0===o?void 0:o.target)||void 0===i?void 0:i.getBoundingClientRect().width;this.listContainer.style.width=`${e+1}px`}}),100)),this.processedItems=null,this.inputWidth=0,this.inputValue="",this.selectionMsg="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}, ({current} of {total})",itemFiltered:"{name}, ({current} of {total}, {hiddenItems} filtered)"},fi:{heading:"Valitse:",item:"{name}, ({current}/{total})",itemFiltered:"{name}, ({current}/{total}, {hiddenItems} suodatettu)"},sv:{heading:"Välj:",item:"{name}, ({current} av {total})",itemFiltered:"{name}, ({current} av {total}, {hiddenItems} filtrerade)"}},this.accessibleLabels=r(u(this.accessibleLabelDefaults),m()),this.theme="",this.force=!1,this.formatter=t=>t&&t.name?t.name:""}activeItemHandler(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||0===t)?"active_item":""}handleDocumentClick(t){t.composedPath().every((t=>t!==this.element))&&(this.updateInputText(!0),this.listOpen=!1)}async formatItem(t){return this.formatter(t)}componentWillLoad(){x(this)}connectedCallback(){/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&(this.isSafari=!0),this.items=this.processedItems=u(this.items),this.input=this.element.querySelector("duet-input"),this.input.addEventListener("duetChange",this.updateInputValue.bind(this)),this.input.addEventListener("click",(()=>{this.listOpen=!!this.inputValue.length})),this.element.addEventListener("keydown",this.handleInputKeyDownEvent.bind(this)),this.input.accessibleAutocomplete="list",this.input.accessibleControls="duet-combobox-list-element"}disconnectedCallback(){this.input.removeEventListener("duetChange",this.updateInputValue.bind(this)),this.input.removeEventListener("click",(()=>this.listOpen=!!this.inputValue.length)),this.element.removeEventListener("keydown",this.handleInputKeyDownEvent.bind(this)),this.listElement.removeEventListener("click",(t=>{t.stopPropagation()})),this.resizeObserver.disconnect()}componentDidLoad(){this.resizeObserver.observe(this.input),this.listElement.addEventListener("click",(t=>{t.stopPropagation()}))}onListClick(t,o){return t.preventDefault(),this.updateSelectedItems(o.id),this.listOpen=!1,this.listOpen}shouldListBeFiltered(){if(this.selectedItems.size&&this.input.value===this.inputValue){const t=this.items.filter((t=>this.selectedItems.has(t.id)));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}async updateSelectedItems(t){this.selectedItems.clear(),this.selectedItems&&(this.selectedItems.has(t)?this.selectedItems.delete(t):this.selectedItems.add(t)),await this.updateInputText()}async updateInputText(t=!1){const o=0===this.selectedItems.size?[]:this.items.filter((t=>this.selectedItems.has(t.id)));1===this.selectedItems.size?(this.input.value="",this.input.value=await this.formatItem(o[0]),this.input.scrollLeft=this.input.scrollWidth,this.activeItem=void 0,this.value=await this.formatItem(o[0]),this.duetChange.emit({value:o[0].value,item:o[0],component:"duet-combobox"})):t&&0===this.selectedItems.size&&(this.force&&(this.inputValue="",this.input.value=""),this.activeItem=void 0),this.listOpen=!1}updateInputValue(t){var o;this.inputValue=t.detail.value,this.listOpen=String(this.inputValue).length>0&&(null===(o=this.getFilteredItems())||void 0===o?void 0:o.length)>0}handleInputKeyDownEvent(t){if(this.input.accessibleActiveDescendant=void 0,d(t))return t.preventDefault(),this.selectActiveItem(),void(this.listOpen=!1);if(a(t)||l(t))return this.updateInputText(!0),void(this.listOpen=!1);let o=this.activeItem;if(n(t)?(t.preventDefault(),o=this.activeItem-1):h(t)&&(t.preventDefault(),o=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0),h(t)||n(t)){const t=this.shouldListBeFiltered()?this.getFilteredItems():this.processedItems;(o<0||!o)&&(o=0),o>=t.length&&(o=t.length-1),this.input.accessibleActiveDescendant="active_item",this.activeItem=o,this.scrollToActive()}this.announceActive()}selectActiveItem(){if(void 0===this.activeItem)return;const t=this.returnFilteredOrNonFiltered();this.updateSelectedItems(t[this.activeItem].id)}announceActive(t){t||(t=this.returnFilteredOrNonFiltered()),void 0!==this.activeItem&&-1!==this.activeItem&&(this.selectionMsg=this.formatLabel(t[this.activeItem],t.length,this.items.length))}scrollToActive(){const t=this.listElement.querySelector(".active");t&&t.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(t,o,i){return t&&void 0!==i?(o===i?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(t.name)).replace("{current}",String(this.activeItem+1)).replace("{total}",String(o)).replace("{hiddenItems}",String(i-o)):""}getFilteredItems(){const t=this.processedItems.filter((t=>String(t.value).toLowerCase().includes(this.inputValue.toLowerCase())||String(t.name).toLowerCase().includes(this.inputValue.toLowerCase())||this.selectedItems.has(t.id)));return this.sortFilteredItems(t)}sortFilteredItems(t){return t.length>0&&t.filter((t=>this.selectedItems.has(t.id))).forEach((o=>{const i=t.indexOf(o);t.splice(i,1),t.unshift(o)})),t}render(){const o=this.returnFilteredOrNonFiltered();return t(s,{role:"combobox","aria-expanded":this.listOpen?"true":"false","aria-owns":this.listOpen?"duet-combobox-list-element":void 0,"aria-haspopup":"listbox",class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},t("slot",null),this.isSafari&&t("duet-visually-hidden",{"aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},this.selectionMsg),t("div",{role:"list",class:{"duet-combobox-list":!0,open:this.listOpen},ref:t=>this.listContainer=t},t("ul",{role:"listbox",ref:t=>this.listElement=t,id:"duet-combobox-list-element",class:"listbox"},this.processedItems&&o.map(((i,e)=>t(g,{item:i,active:e===this.activeItem,selected:this.selectedItems.has(i.id),search:this.inputValue,total:o.length,clickHandler:t=>this.onListClick(t,i),label:this.formatLabel(i,this.returnFilteredOrNonFiltered().length,this.items.length)}))))))}get element(){return c(this)}static get watchers(){return{activeItem:["activeItemHandler"]}}};v.style='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#00294d}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);display:none;overflow:hidden;background:white;border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-combobox-list.open.sc-duet-combobox{z-index:700;display:block}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:#909599}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:#cde5f1}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:#909599}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:white;background:#0077b3}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:#e1e3e6}';export{v as duet_combobox}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,n,u){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function r(e){try{l(u.next(e))}catch(t){a(t)}}function s(e){try{l(u["throw"](e))}catch(t){a(t)}}function l(e){e.done?n(e.value):i(e.value).then(r,s)}l((u=u.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},u,i,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return l([e,t])}}function l(r){if(u)throw new TypeError("Generator is already executing.");while(n)try{if(u=1,i&&(a=r[0]&2?i["return"]:r[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,r[1])).done)return a;if(i=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;i=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){n.label=r[1];break}if(r[0]===6&&n.label<a[1]){n.label=a[1];a=r;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(r);break}if(a[2])n.ops.pop();n.trys.pop();continue}r=t.call(e,n)}catch(s){r=[6,s];i=0}finally{u=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-fad9218e.system.js","./p-5f6bd5db.system.js","./p-a63f753e.system.js","./p-f69b64c9.system.js","./p-6b03322b.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,n,u,i,a,r,s,l,o,c,d,b,h,p,m;return{setters:[function(e){t=e.r;n=e.c;u=e.h;i=e.H;a=e.g},function(e){r=e.c},function(e){s=e.a;l=e.b;o=e.c;c=e.d;d=e.e},function(e){b=e.a;h=e.b;p=e.g},function(e){m=e.i},function(){}],execute:function(){var f={title:"action-add",tags:"action add plus",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z"/></svg>'};var v={title:"action-subtract",tags:"action subtract minus remove delete cancel",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 12.788a.75.75 0 0 1 0-1.5h22.5a.75.75 0 0 1 0 1.5z"/></svg>'};var g=function(e,t){e=e.replace(/\s+/g,"").replace(/[^0-9\.,]+/g,"");switch(t){case"fi-FI":case"sv-SE":e=e.replace(",",".");break;case"en-US":case"en-GB":e=e.replace(/,/g,"");break;default:throw new TypeError("Unrecognised locale: ".concat(t))}return parseFloat(e)};var x=function(e,t){return Math.round(e/t)*t};var y=function(e,t,n){return Math.min(Math.max(e,t),n)};var w='*.sc-duet-number-input,*.sc-duet-number-input::after,*.sc-duet-number-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-number-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;text-align:left;vertical-align:bottom}.sc-duet-number-input-h:last-child,.sc-duet-number-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-number-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-number-input-h{width:100% !important}.duet-m-0.sc-duet-number-input-h{margin:0 !important}.duet-number-container.sc-duet-number-input{position:relative;width:100%}.duet-number-buttons.sc-duet-number-input{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;width:96px;height:calc(100% - 2px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50%;height:100%;text-align:center;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled{pointer-events:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input duet-icon.sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled duet-icon.sc-duet-number-input{opacity:0.4}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:active duet-icon.sc-duet-number-input{transform:translateY(1px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{outline:0}.user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{z-index:2;box-shadow:0 0 0 2px #0077b3}.duet-theme-turva .user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{box-shadow:0 0 0 2px #171c3a}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type{border-left:1px solid #cfd2d4}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{position:absolute;top:20%;left:0;width:1px;height:60%;content:"";background:#e1e3e6}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{background:linear-gradient(to left, rgba(207, 207, 209, 0.2) 0%, rgba(207, 207, 209, 0.2) 1px, rgba(207, 207, 209, 0.1) 1px, rgba(207, 207, 209, 0) 100%)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{background:#e4e4e6}';var V=e("duet_number_input",function(){function e(e){var u=this;t(this,e);this.duetChange=n(this,"duetChange",3);this.duetInput=n(this,"duetInput",3);this.duetBlur=n(this,"duetBlur",7);this.duetFocus=n(this,"duetFocus",7);this.inputId=r("DuetInput");this.language=b();this.locale=h(this.language).locale;this.unit=h(this.language).money;this.accessibleLiveDefaults={fi:"{current} euroa valittuna",en:"{current} euros selected",sv:"{current} euro valt"};this.accessibleLive=p(this.accessibleLiveDefaults,this.language);this.accessibleLiveEnabled=true;this.accessibleAddDefaults={fi:"Lisää summaan",en:"Add to the amount",sv:"Lägg till beloppet"};this.accessibleAdd=p(this.accessibleAddDefaults,this.language);this.accessibleSubtractDefaults={fi:"Vähennä summasta",en:"Subtract from the amount",sv:"Dra från beloppet"};this.accessibleSubtract=p(this.accessibleSubtractDefaults,this.language);this.theme="";this.margin="auto";this.expand=false;this.min=0;this.labelDefaults={fi:"Nimilappu",en:"Label",sv:"Etikett"};this.label=p(this.labelDefaults,this.language);this.labelHidden=false;this.max=1e6;this.error="";this.tooltip="";this.step=5e3;this.rounding=true;this.disabled=false;this.required=false;this.handleFocus=function(){u.focusedValue=u.value};this.handleKeyDown=function(e){if(s(e)||l(e)){u.add(e)}else if(o(e)||c(e)){u.subtract(e)}else if(d(e)){u.clearValue()}};this.handleChange=function(e){var t=e.target;if(t&&t.value){var n=u.cleanValue(t.value);if(isNaN(n)||n==null){n=u.min||0}u.setValue(n);u.duetInput.emit({component:"duet-number-input",originalEvent:e,value:u.cleanValue(u.value).toString(),valueAsNumber:n})}else{u.duetInput.emit({component:"duet-number-input",originalEvent:e,value:null,valueAsNumber:null})}};this.handleBlur=function(e){var t=e.target;if(!t){return}if(t.value){var n=u.cleanValue(t.value);if(u.rounding){n=x(n,u.step)}n=y(n,u.min,u.max);if(n!==u.cleanValue(u.value)||n!==u.cleanValue(u.focusedValue)){u.setValue(n);u.emitChange(e)}}else{u.duetChange.emit({originalEvent:e,value:null,valueAsNumber:null,component:"duet-number-input"})}};this.emitChange=function(e){var t=u.cleanValue(u.value);u.duetChange.emit({originalEvent:e,value:t.toString(),valueAsNumber:t,component:"duet-number-input"})};this.cleanValue=function(e){return e?g(e,u.locale):null};this.localizeValue=function(e){return e.toLocaleString(u.locale)};this.setValue=function(e){u.value=u.localizeValue(e);u.duetInputElement.value="".concat(u.value," ").concat(u.unit)};this.add=function(e){if(e){e.preventDefault()}var t=u.cleanValue(u.value);if(t===u.max){return}var n=t==null?u.min:t+u.step;if(n%u.step!==0){var i=n%u.step;n-=i}n=y(n,u.min,u.max);u.value=u.localizeValue(n);u.emitChange(e)};this.subtract=function(e){if(e){e.preventDefault()}var t=u.cleanValue(u.value);if(t===u.min){return}var n=t-u.step;if(n%u.step!==0){var i=u.step-n%u.step;n+=i}n=y(n,u.min,u.max);u.value=u.localizeValue(n);u.emitChange(e)}}e.prototype.componentWillLoad=function(){m(this);if(this.value){this.value=this.localizeValue(g(this.value,this.locale))}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.duetInputElement.setFocus(e);return[2]}))}))};e.prototype.clearValue=function(){this.value=null;this.duetInputElement.value=""};e.prototype.formatAnnouncement=function(){var e=this.cleanValue(this.value);if(e==null){return""}return this.accessibleLive.replace("{current}",e.toString(10))};e.prototype.render=function(){var e=this;var t=this.identifier||this.inputId;var n="".concat(this.localizeValue(this.max)," ").concat(this.unit).length;var a=this.cleanValue(this.value);return u(i,{class:{"duet-theme-turva":this.theme==="turva","duet-expand":this.expand,"duet-m-0":this.margin==="none"}},u("div",{class:"duet-number-container"},u("duet-input",{ref:function(t){return e.duetInputElement=t},onDuetChange:function(t){return e.handleChange(t)},onDuetFocus:this.handleFocus,onDuetBlur:function(t){return e.handleBlur(t)},onKeyDown:function(t){return e.handleKeyDown(t)},label:this.label,value:this.value?"".concat(this.value," ").concat(this.unit):"",error:this.error,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":a!=null?a:"",maxlength:n,name:this.name,component:"number",required:this.required,disabled:this.disabled,role:this.role,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:t,theme:this.theme,margin:"none",expand:true,numericKeyboard:true,autoComplete:"off",type:"text",accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy},u("div",{class:{"duet-number-buttons":true,"duet-no-label":this.labelHidden}},u("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":a==null||a===this.min?"true":"false",class:"duet-number-button duet-number-button-subtract",onClick:this.subtract,type:"button"},u("duet-visually-hidden",null,this.accessibleSubtract," ",this.step),u("duet-icon",{icon:v.svg,size:"small",margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary"})),u("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":a===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},u("duet-visually-hidden",null,this.accessibleAdd," ",this.step),u("duet-icon",{icon:f.svg,size:"small",margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&u("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());V.style=w}}}));
|
|
4
|
+
*/System.register(["./p-1cb29dd2.system.js","./p-5f6bd5db.system.js","./p-a63f753e.system.js","./p-f69b64c9.system.js","./p-6b03322b.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,n,u,i,a,r,s,l,o,c,d,b,h,p,m;return{setters:[function(e){t=e.r;n=e.c;u=e.h;i=e.H;a=e.g},function(e){r=e.c},function(e){s=e.a;l=e.b;o=e.c;c=e.d;d=e.e},function(e){b=e.a;h=e.b;p=e.g},function(e){m=e.i},function(){}],execute:function(){var f={title:"action-add",tags:"action add plus",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z"/></svg>'};var v={title:"action-subtract",tags:"action subtract minus remove delete cancel",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 12.788a.75.75 0 0 1 0-1.5h22.5a.75.75 0 0 1 0 1.5z"/></svg>'};var g=function(e,t){e=e.replace(/\s+/g,"").replace(/[^0-9\.,]+/g,"");switch(t){case"fi-FI":case"sv-SE":e=e.replace(",",".");break;case"en-US":case"en-GB":e=e.replace(/,/g,"");break;default:throw new TypeError("Unrecognised locale: ".concat(t))}return parseFloat(e)};var x=function(e,t){return Math.round(e/t)*t};var y=function(e,t,n){return Math.min(Math.max(e,t),n)};var w='*.sc-duet-number-input,*.sc-duet-number-input::after,*.sc-duet-number-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-number-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;text-align:left;vertical-align:bottom}.sc-duet-number-input-h:last-child,.sc-duet-number-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-number-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-number-input-h{width:100% !important}.duet-m-0.sc-duet-number-input-h{margin:0 !important}.duet-number-container.sc-duet-number-input{position:relative;width:100%}.duet-number-buttons.sc-duet-number-input{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;width:96px;height:calc(100% - 2px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50%;height:100%;text-align:center;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled{pointer-events:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input duet-icon.sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled duet-icon.sc-duet-number-input{opacity:0.4}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:active duet-icon.sc-duet-number-input{transform:translateY(1px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{outline:0}.user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{z-index:2;box-shadow:0 0 0 2px #0077b3}.duet-theme-turva .user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{box-shadow:0 0 0 2px #171c3a}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type{border-left:1px solid #cfd2d4}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{position:absolute;top:20%;left:0;width:1px;height:60%;content:"";background:#e1e3e6}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{background:linear-gradient(to left, rgba(207, 207, 209, 0.2) 0%, rgba(207, 207, 209, 0.2) 1px, rgba(207, 207, 209, 0.1) 1px, rgba(207, 207, 209, 0) 100%)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{background:#e4e4e6}';var V=e("duet_number_input",function(){function e(e){var u=this;t(this,e);this.duetChange=n(this,"duetChange",3);this.duetInput=n(this,"duetInput",3);this.duetBlur=n(this,"duetBlur",7);this.duetFocus=n(this,"duetFocus",7);this.inputId=r("DuetInput");this.language=b();this.locale=h(this.language).locale;this.unit=h(this.language).money;this.accessibleLiveDefaults={fi:"{current} euroa valittuna",en:"{current} euros selected",sv:"{current} euro valt"};this.accessibleLive=p(this.accessibleLiveDefaults,this.language);this.accessibleLiveEnabled=true;this.accessibleAddDefaults={fi:"Lisää summaan",en:"Add to the amount",sv:"Lägg till beloppet"};this.accessibleAdd=p(this.accessibleAddDefaults,this.language);this.accessibleSubtractDefaults={fi:"Vähennä summasta",en:"Subtract from the amount",sv:"Dra från beloppet"};this.accessibleSubtract=p(this.accessibleSubtractDefaults,this.language);this.theme="";this.margin="auto";this.expand=false;this.min=0;this.labelDefaults={fi:"Nimilappu",en:"Label",sv:"Etikett"};this.label=p(this.labelDefaults,this.language);this.labelHidden=false;this.max=1e6;this.error="";this.tooltip="";this.step=5e3;this.rounding=true;this.disabled=false;this.required=false;this.handleFocus=function(){u.focusedValue=u.value};this.handleKeyDown=function(e){if(s(e)||l(e)){u.add(e)}else if(o(e)||c(e)){u.subtract(e)}else if(d(e)){u.clearValue()}};this.handleChange=function(e){var t=e.target;if(t&&t.value){var n=u.cleanValue(t.value);if(isNaN(n)||n==null){n=u.min||0}u.setValue(n);u.duetInput.emit({component:"duet-number-input",originalEvent:e,value:u.cleanValue(u.value).toString(),valueAsNumber:n})}else{u.duetInput.emit({component:"duet-number-input",originalEvent:e,value:null,valueAsNumber:null})}};this.handleBlur=function(e){var t=e.target;if(!t){return}if(t.value){var n=u.cleanValue(t.value);if(u.rounding){n=x(n,u.step)}n=y(n,u.min,u.max);if(n!==u.cleanValue(u.value)||n!==u.cleanValue(u.focusedValue)){u.setValue(n);u.emitChange(e)}}else{u.duetChange.emit({originalEvent:e,value:null,valueAsNumber:null,component:"duet-number-input"})}};this.emitChange=function(e){var t=u.cleanValue(u.value);u.duetChange.emit({originalEvent:e,value:t.toString(),valueAsNumber:t,component:"duet-number-input"})};this.cleanValue=function(e){return e?g(e,u.locale):null};this.localizeValue=function(e){return e.toLocaleString(u.locale)};this.setValue=function(e){u.value=u.localizeValue(e);u.duetInputElement.value="".concat(u.value," ").concat(u.unit)};this.add=function(e){if(e){e.preventDefault()}var t=u.cleanValue(u.value);if(t===u.max){return}var n=t==null?u.min:t+u.step;if(n%u.step!==0){var i=n%u.step;n-=i}n=y(n,u.min,u.max);u.value=u.localizeValue(n);u.emitChange(e)};this.subtract=function(e){if(e){e.preventDefault()}var t=u.cleanValue(u.value);if(t===u.min){return}var n=t-u.step;if(n%u.step!==0){var i=u.step-n%u.step;n+=i}n=y(n,u.min,u.max);u.value=u.localizeValue(n);u.emitChange(e)}}e.prototype.componentWillLoad=function(){m(this);if(this.value){this.value=this.localizeValue(g(this.value,this.locale))}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.duetInputElement.setFocus(e);return[2]}))}))};e.prototype.clearValue=function(){this.value=null;this.duetInputElement.value=""};e.prototype.formatAnnouncement=function(){var e=this.cleanValue(this.value);if(e==null){return""}return this.accessibleLive.replace("{current}",e.toString(10))};e.prototype.render=function(){var e=this;var t=this.identifier||this.inputId;var n="".concat(this.localizeValue(this.max)," ").concat(this.unit).length;var a=this.cleanValue(this.value);return u(i,{class:{"duet-theme-turva":this.theme==="turva","duet-expand":this.expand,"duet-m-0":this.margin==="none"}},u("div",{class:"duet-number-container"},u("duet-input",{ref:function(t){return e.duetInputElement=t},onDuetChange:function(t){return e.handleChange(t)},onDuetFocus:this.handleFocus,onDuetBlur:function(t){return e.handleBlur(t)},onKeyDown:function(t){return e.handleKeyDown(t)},label:this.label,value:this.value?"".concat(this.value," ").concat(this.unit):"",error:this.error,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":a!=null?a:"",maxlength:n,name:this.name,component:"number",required:this.required,disabled:this.disabled,role:this.role,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:t,theme:this.theme,margin:"none",expand:true,numericKeyboard:true,autoComplete:"off",type:"text",accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy},u("div",{class:{"duet-number-buttons":true,"duet-no-label":this.labelHidden}},u("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":a==null||a===this.min?"true":"false",class:"duet-number-button duet-number-button-subtract",onClick:this.subtract,type:"button"},u("duet-visually-hidden",null,this.accessibleSubtract," ",this.step),u("duet-icon",{icon:v.svg,size:"small",margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary"})),u("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":a===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},u("duet-visually-hidden",null,this.accessibleAdd," ",this.step),u("duet-icon",{icon:f.svg,size:"small",margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&u("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());V.style=w}}}));
|
|
@@ -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 s,g as i,H as d}from"./p-cf2cd5b6.js";import{c as o}from"./p-c1325e35.js";import{i as r}from"./p-54f35a79.js";import{i as p}from"./p-abf8eaf7.js";const n=class{constructor(s){e(this,s),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=o("DuetStepButton"),this.contentId=o("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||r(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){p(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'})):`${this.stepIndex+1} `}render(){return s("div",{class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},s("div",{class:"duet-step-heading",id:this.buttonId,role:"button",tabindex:"incomplete"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))}get element(){return i(this)}};n.style='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !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;background:white;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:white;text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#0077b3}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#c60c30}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#657787}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#747475}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid #e1e3e6}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:#e4e4e6}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';const a=class{constructor(s){e(this,s),this.duetStepChange=t(this,"duetStepChange",7),this.theme="",this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.",this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){p(this)}async connectedCallback(){this.updateStepState()}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let s;s=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=s,e.stepIndex=t}));const t=function(e,t){const s={};return t.forEach((e=>{const t=e.state;s[t]||(s[t]=[]),s[t].push(e)})),s}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,s)=>{t.roundedTop=0===s,t.roundedBottom=s===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),s=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",s)}render(){return s(d,{class:{"duet-m-0":"none"===this.margin}},s("div",{class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},s("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",null)))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};a.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:white;border-radius:4px;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)}}";export{n as duet_step,a as duet_stepper}
|
|
4
|
+
import{r as e,c as t,h as s,g as i,H as d}from"./p-f233cbe6.js";import{c as o}from"./p-c1325e35.js";import{i as r}from"./p-54f35a79.js";import{i as p}from"./p-abf8eaf7.js";const n=class{constructor(s){e(this,s),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=o("DuetStepButton"),this.contentId=o("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||r(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){p(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'})):`${this.stepIndex+1} `}render(){return s("div",{class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},s("div",{class:"duet-step-heading",id:this.buttonId,role:"button",tabindex:"incomplete"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))}get element(){return i(this)}};n.style='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !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;background:white;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:white;text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#0077b3}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#c60c30}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#657787}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#747475}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid #e1e3e6}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:#e4e4e6}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';const a=class{constructor(s){e(this,s),this.duetStepChange=t(this,"duetStepChange",7),this.theme="",this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.",this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){p(this)}async connectedCallback(){this.updateStepState()}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let s;s=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=s,e.stepIndex=t}));const t=function(e,t){const s={};return t.forEach((e=>{const t=e.state;s[t]||(s[t]=[]),s[t].push(e)})),s}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,s)=>{t.roundedTop=0===s,t.roundedBottom=s===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),s=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",s)}render(){return s(d,{class:{"duet-m-0":"none"===this.margin}},s("div",{class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},s("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",null)))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};a.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:white;border-radius:4px;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)}}";export{n as duet_step,a as duet_stepper}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as r,F as a,H as t,g as o}from"./p-
|
|
4
|
+
import{r as e,h as r,F as a,H as t,g as o}from"./p-f233cbe6.js";import{g as s}from"./p-ede854e1.js";import{i}from"./p-abf8eaf7.js";import"./p-5a9d75e1.js";const n=class{constructor(r){e(this,r),this.observers=[],this.breadcrumbsAriaLabel=s({fi:"Murupolku",sv:"Ströbröd",en:"Breadcrumbs"}),this.theme=""}componentWillLoad(){i(this),this.children=Array.from(this.element.children)}connectedCallback(){Array.from(this.element.children).forEach((e=>{const r=new MutationObserver((()=>this.children=Array.from(this.element.children)));r.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.observers=[...this.observers,r]}))}disconnectedCallback(){this.observers.forEach((e=>e.disconnect())),this.observers=[]}render(){return r(t,null,r("nav",{"aria-label":this.breadcrumbsAriaLabel,class:{"duet-breadcrumbs":!0,"duet-theme-turva":"turva"===this.theme}},r("ol",null,this.children.map(((e,t)=>r(a,null,t>0&&r("li",{"aria-hidden":"true"},r("duet-icon",{class:"duet-breadrumbs-arrow",size:"auto",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z"/></svg>',margin:"none",color:"currentColor"})),r("li",{innerHTML:e.outerHTML}),r("div",{class:"hide"},r("slot",null))))))))}get element(){return o(this)}};n.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}.duet-breadcrumbs{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-breadcrumbs ol{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 16px;color:#00294d;list-style:none;background:#f3f9fc;border-bottom:1px solid #e1e3e6}@media (min-width: 62em){.duet-breadcrumbs ol{padding:10px 36px}}.duet-breadcrumbs.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-breadcrumbs.duet-theme-turva ol{color:#171c3a;background:#fcf3f4}.duet-breadcrumbs .duet-breadrumbs-arrow{display:inherit;align-items:center;justify-content:center;width:0.375rem;height:0.375rem}.duet-breadcrumbs .hide{display:none}';export{n as duet_breadcrumbs}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as n,H as r}from"./p-
|
|
4
|
+
import{r as t,h as n,H as r}from"./p-f233cbe6.js";const o=class{constructor(n){t(this,n)}render(){return n(r,{class:"duet-visually-hidden"},n("slot",null))}};o.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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}";export{o as duet_visually_hidden}
|
|
@@ -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,H as a,g as i}from"./p-
|
|
4
|
+
import{r as e,c as t,h as o,H as a,g as i}from"./p-f233cbe6.js";import{a as s}from"./p-115c79b6.js";import{f as l,t as n}from"./p-8143f3de.js";import{c as r}from"./p-c1325e35.js";import{i as c}from"./p-54f35a79.js";import{s as p}from"./p-5a9d75e1.js";import{i as d}from"./p-abf8eaf7.js";const m=class{constructor(o){e(this,o),this.duetToggle=t(this,"duetToggle",7),this.id=r("DuetCollapsible"),this.theme="",this.heading="",this.headingWeight="semibold",this.headingSize=void 0,this.headingLevel=void 0,this.margin="auto",this.open=!1,this.handleKeyDown=e=>{c(e)&&this.handleClick(e)},this.getFontSizeFromTokens=(e=this.headingSize)=>{if(e){const t=e.replace(/-/g,"_");return n[`font_size_${t}`]}return l},this.getEquivalentIconSize=(e=this.headingSize)=>{switch(e){case"x-small":case"small":case"medium":return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large";default:return"xx-small"}},this.handleClick=e=>{e.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-collapsible",originalEvent:e})}}componentWillLoad(){d(this)}async setFocus(e){this.nativeButton&&(this.element.classList.add("user-is-tabbing"),this.nativeButton.focus(e))}render(){const e=this.headingLevel?p(this.headingLevel):"div";return o(a,{class:{"duet-m-0":"none"===this.margin}},o(e,{class:{"duet-collapsible-heading":!0,"duet-theme-turva":"turva"===this.theme,"duet-collapsible-normal-weight":"normal"===this.headingWeight},style:{"font-size":this.getFontSizeFromTokens()},role:"button",tabindex:"0",ref:e=>this.nativeButton=e,"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("div",{class:"duet-collapsible-heading-icon"},o("duet-icon",{margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:s.svg})),o("div",{class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading)),o("div",{id:this.id,class:{"duet-collapsible-content":!0,"duet-theme-turva":"turva"===this.theme},part:"duet-collapsible-content"},o("slot",null)))}get element(){return i(this)}};m.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:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top: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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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:#171c3a}:host([open]) .duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;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.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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:#171c3a}.duet-collapsible-heading .duet-collapsible-heading-content{flex:1}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;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-collapsible-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}';export{m as duet_collapsible}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{h as e,r as t,c as d,F as a,H as i,g as o}from"./p-f233cbe6.js";import{f as r}from"./p-d004da5f.js";import{m as h}from"./p-8143f3de.js";import{d as s,e as n}from"./p-bd779757.js";import{D as l}from"./p-76f00bd5.js";import{f as u,g as c,d as p,b as m,a as g,c as v}from"./p-54f35a79.js";import{a as b,g as w}from"./p-ede854e1.js";import{p as f}from"./p-5a9d75e1.js";import{i as x}from"./p-abf8eaf7.js";import{a as k}from"./p-115c79b6.js";import{e as y,f as z,c as M,g as L}from"./p-ad07f399.js";import{c as C}from"./p-c1325e35.js";var S='<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M5.25 24A2.252 2.252 0 0 1 3 21.75v-10.5A2.252 2.252 0 0 1 5.25 9H6V6c0-3.308 2.692-6 6-6s6 2.692 6 6v3h.75A2.252 2.252 0 0 1 21 11.25v10.5A2.252 2.252 0 0 1 18.75 24zm0-13.5a.75.75 0 0 0-.75.75v10.5c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-10.5a.75.75 0 0 0-.75-.75zM16.5 9V6c0-2.481-2.019-4.5-4.5-4.5S7.5 3.519 7.5 6v3z"/><path d="M12 17.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.923-.794A1.126 1.126 0 0 1 12 17.25z"/></svg>',V='<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M8.25 24A2.252 2.252 0 0 1 6 21.75v-10.5A2.252 2.252 0 0 1 8.25 9h2.25V6c0-2.481-2.019-4.5-4.5-4.5S1.5 3.519 1.5 6v3.75a.75.75 0 0 1-1.5 0V6c0-3.308 2.692-6 6-6s6 2.692 6 6v3h9.75A2.252 2.252 0 0 1 24 11.25v10.5A2.252 2.252 0 0 1 21.75 24zm0-13.5a.75.75 0 0 0-.75.75v10.5c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-10.5a.75.75 0 0 0-.75-.75z"/><path d="M15 17.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.923-.794A1.126 1.126 0 0 1 15 17.25z"/></svg>',A='<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 15.75c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6-2.692 6-6 6zm0-10.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/><path d="M12 24c-2.677 0-5.211-.868-7.332-2.51a.507.507 0 0 1-.126-.099C1.655 19.094 0 15.674 0 12 0 5.383 5.383 0 12 0s12 5.383 12 12c0 3.674-1.655 7.094-4.543 9.391l-.015.016c-.043.043-.087.069-.112.084A11.868 11.868 0 0 1 12 24zm-5.716-3.199A10.408 10.408 0 0 0 12 22.5a10.41 10.41 0 0 0 5.717-1.699 8.966 8.966 0 0 0-5.716-2.045 8.965 8.965 0 0 0-5.717 2.045zM12 1.5C6.21 1.5 1.5 6.21 1.5 12c0 3.023 1.294 5.875 3.562 7.874A10.449 10.449 0 0 1 12 17.257c2.573 0 5.023.927 6.938 2.616 2.268-2 3.562-4.851 3.562-7.874C22.5 6.21 17.79 1.5 12 1.5z"/></svg>';const j=t=>e("span",{class:"duet-header-icon"},e("duet-icon",{margin:"none",size:t.iconSize?t.iconSize:"x-small",icon:t.icon,color:"currentColor"})),I=(t,d)=>{const a=t.accessibleText?t.accessibleText:t.label;return e("div",{class:{"duet-header-dropdown":!0,[t.className]:!!t.className}},e("button",{ref:t.toggleRef,"aria-haspopup":"listbox","aria-controls":t.id,"aria-expanded":t.isOpen?"true":"false","aria-labelledby":`${t.id}-accessible-label`,id:`${t.id}-button`,type:"button",class:{[t.id]:!0,"duet-header-dropdown-toggle":!0,"duet-header-button":!0,active:t.active},onClick:t.onToggle},t.icon&&e(j,{icon:t.icon}),e("span",{"aria-hidden":"true",id:`${t.id}-label`,class:"duet-header-dropdown-label"},t.label),t.badge&&e("div",{class:"duet-header-badge"}),e("div",{class:"duet-header-caret","aria-hidden":"true"},e("duet-icon",{margin:"none",size:"auto",icon:k.svg,color:"currentColor"})),e("duet-visually-hidden",{id:`${t.id}-accessible-label`},a)),e("div",{ref:t.itemsRef,tabindex:"-1",role:"menu",id:t.id,"aria-labelledby":`${t.id}-button`,class:{"duet-header-dropdown-content":!0,[`${t.id}-items`]:!0,active:t.isOpen}},d))},B=()=>e("div",{class:"duet-header-hamburger"},e("span",{class:"duet-header-bar"}),e("span",{class:"duet-header-bar"}),e("span",{class:"duet-header-bar"}),e("span",{class:"duet-header-bar"})),R=(e,t)=>({component:"duet-header",data:t,originalEvent:e}),$=class{constructor(e){var a;t(this,e),this.duetChange=d(this,"duetChange",3),this.duetSessionClick=d(this,"duetSessionClick",7),this.duetSearchClick=d(this,"duetSearchClick",7),this.duetUserClick=d(this,"duetUserClick",7),this.duetLanguageSelect=d(this,"duetLanguageSelect",7),this.duetLogoClick=d(this,"duetLogoClick",7),this.duetBackClick=d(this,"duetBackClick",7),this.duetContactClick=d(this,"duetContactClick",7),this.duetItemClick=d(this,"duetItemClick",7),this.duetSkipClick=d(this,"duetSkipClick",7),this.duetAnalytics=d(this,"duetAnalytics",7),this.duetMobileNavToggle=d(this,"duetMobileNavToggle",7),this.subMenuItemRefs={},this.subMenuButtonRefs={},this.hasLanguageChanged=!1,this.mql=[window.matchMedia(h.replace(/'/g,""))],this.boundMqlFunctions=[],this.isContactOpen=!1,this.isLanguageOpen=!1,this.isSessionOpen=!1,this.isSlideOutOpen=!1,this.isSegmentOpen=!1,this.openMenu=null,this.closedActives=null,this.processedItems=null,this.processedLanguageItems=null,this.processedContactItems=null,this.processedSession=null,this.processedSearch=null,this.processedUser=null,this.processedBack=null,this.renderDesktopNav=null===(a=this.mql[0])||void 0===a?void 0:a.matches,this.theme="",this.language=b(),this.accessibleI18nLabelsDefaults={fi:{skipLabel:"Siirry pääsisältöön",changeLanguage:"Vaihda kieltä",activeLanguage:"Suomi valittuna"},sv:{skipLabel:"Gå till huvudinnehåll",changeLanguage:"Ändra Språk",activeLanguage:"Svenska valt"},en:{skipLabel:"Skip to main content",changeLanguage:"Change language",activeLanguage:"English selected"}},this.accessibleI18nLabels=w(this.accessibleI18nLabelsDefaults),this.accessibleLabelExternalDefaults=l,this.accessibleLabelExternal=w(this.accessibleLabelExternalDefaults),this.accessibleLabelDefaults={fi:"Valikko",sv:"Meny",en:"Menu"},this.accessibleLabel=w(this.accessibleLabelDefaults),this.logoHref="/",this.currentHref="/",this.skipToId="",this.region="",this.contact="",this.handleClick=e=>{e.data.analyticsId&&this.duetAnalytics.emit({component:"duet-header",analyticsId:e.data.analyticsId}),this.duetChange.emit(e),this.closeMenus(),this.closeMobileNavigation()},this.handleSessionClick=e=>{const t=R(e,this.processedSession);this.handleClick(t),this.duetSessionClick.emit(t)},this.handleSessionItemClick=(e,t)=>{const d=R(e,t);this.handleClick(d),this.duetSessionClick.emit(d)},this.handleSearchClick=e=>{const t=R(e,this.processedSearch);this.handleClick(t),this.duetSearchClick.emit(t)},this.handleUserClick=e=>{const t=R(e,this.processedUser);this.handleClick(t),this.duetUserClick.emit(t)},this.handleBackClick=e=>{const t=R(e,this.processedBack);this.handleClick(t),this.duetBackClick.emit(t)},this.handleSkipClick=e=>{const{skipLabel:t}=this.accessibleI18nLabels,d=R(e,{href:this.skipToId,label:t});this.handleClick(d),this.duetSkipClick.emit(d)},this.handleLogoClick=e=>{const t=R(e,{href:this.logoHref,label:"logo"});this.handleClick(t),this.duetLogoClick.emit(t)},this.handleArrowKeys=e=>{let t;p(e)||m(e)?t=e.target.previousElementSibling:(g(e)||v(e))&&(t=e.target.nextElementSibling),t&&(e.preventDefault(),t.focus())},this.toggleMenu=(e,t,d,a)=>{let i;if(e.preventDefault(),e.stopPropagation(),!0!==a||this.openMenu)this.openMenu=this.openMenu===d?null:d;else{const e=this.closedActives?[...this.closedActives]:[],t=e.findIndex((e=>e===d));t>-1?(e.splice(t,1),this.closedActives=[...e]):this.closedActives=[...e,d]}if("language"===t&&(this.isContactOpen=!1,this.isLanguageOpen=!this.isLanguageOpen,this.isSegmentOpen=!1,this.isSessionOpen=!1,i=this.languageItemsEl),"session"===t)this.isContactOpen=!1,this.isLanguageOpen=!1,this.isSegmentOpen=!1,this.isSessionOpen=!this.isSessionOpen,i=this.sessionItemsEl;else if("contact"===t)this.isLanguageOpen=!1,this.isContactOpen=!this.isContactOpen,this.isSegmentOpen=!1,this.isSessionOpen=!1,i=this.contactItemsEl;else if("mobile"===t){this.isContactOpen=!1,this.isLanguageOpen=!1,this.isSegmentOpen=!1,this.isSessionOpen=!1,i=this.navigationEl;const t=!this.isSlideOutOpen;this.isSlideOutOpen=t,this.duetMobileNavToggle.emit({originalEvent:e,open:t}),this.isSlideOutOpen?s(this.navigationEl,{reserveScrollBarGap:!0}):n(this.navigationEl)}else"sub"===t?(this.isContactOpen=!1,this.isLanguageOpen=!1,this.isSegmentOpen=!1,this.isSessionOpen=!1,i=this.subMenuItemRefs[d]):"segment"===t&&(this.isContactOpen=!1,this.isLanguageOpen=!1,this.isSessionOpen=!1,this.isSegmentOpen=!this.isSegmentOpen,i=this.segmentItemsEl);if(this.isSlideOutOpen||this.isLanguageOpen||this.isContactOpen||this.isSegmentOpen||this.isSessionOpen||this.openMenu){const e=this.element.querySelector("duet-notification-drawer");e&&e.close(!1),setTimeout((()=>{i.querySelector("a").focus()}),300)}}}componentWillLoad(){x(this),this.refresh()}connectedCallback(){for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.refresh.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){this.navigationEl&&n(this.navigationEl);for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[]}handleKeyUp(e){u(e)&&(this.closeMenus(!0),this.closeMobileNavigation())}handleKeyDown(e){if(this.isContactOpen||this.isLanguageOpen||this.isSegmentOpen){const t=this.element.shadowRoot.activeElement;c(e)&&t&&(e.preventDefault(),e.stopPropagation(),this.isContactOpen?this.closeMenus():this.isLanguageOpen?this.closeMenus(!0):(this.isSegmentOpen||this.openMenu)&&this.closeMenus(),t.click())}}handleDocumentClick(){this.closeMenus(),this.closeMobileNavigation()}handleLanguageClick(e,t){this.language=t.country,this.hasLanguageChanged=!0;const d=R(e,t);this.handleClick(d),this.duetLanguageSelect.emit(d)}handleContactClick(e,t){const d=R(e,t);this.handleClick(d),this.duetContactClick.emit(d)}handleItemClick(e,t){const d=R(e,t);this.handleClick(d),this.duetItemClick.emit(d)}async refresh(){this.renderDesktopNav!==this.mql[0].matches&&(this.renderDesktopNav=this.mql[0].matches,this.openMenu=null,this.isSlideOutOpen&&this.toggleMenu(document.createEvent("UIEvents"),"mobile")),this.processedItems=f(this.items),this.processedLanguageItems=f(this.languageItems),this.processedContactItems=f(this.contactItems),this.processedSession=f(this.session),this.processedSearch=f(this.search),this.processedUser=f(this.user),this.processedBack=f(this.back)}async closeMobileNavigation(){this.isSlideOutOpen&&(this.isSlideOutOpen=!1,n(this.navigationEl))}async closeMenus(e=!1){(this.isContactOpen||this.isLanguageOpen||this.isSegmentOpen||this.isSessionOpen||this.openMenu)&&(this.isContactOpen&&e&&this.contactItemsButtonEl.focus({preventScroll:!0}),this.isLanguageOpen&&e&&this.languageItemsButtonEl.focus({preventScroll:!0}),this.isSegmentOpen&&e&&this.segmentItemsButtonEl.focus({preventScroll:!0}),this.isSessionOpen&&e&&this.sessionItemsButtonEl.focus({preventScroll:!0}),this.openMenu&&e&&this.subMenuButtonRefs[this.openMenu].focus({preventScroll:!0}),this.isContactOpen=!1,this.isLanguageOpen=!1,this.isSegmentOpen=!1,this.isSessionOpen=!1,this.openMenu=null)}async setFocus(e){this.logoEl.setFocus(e)}render(){const{skipLabel:t,changeLanguage:d,activeLanguage:o}=this.accessibleI18nLabels,h=this.skipToId?e("a",{href:this.skipToId,class:"duet-header-skip",onClick:this.handleSkipClick},t):null,s=e("duet-logo",{href:this.logoHref,size:"medium",ref:e=>this.logoEl=e,language:this.language,theme:this.theme,onClick:this.handleLogoClick}),n=e("duet-logo",{href:this.logoHref,size:"large",ref:e=>this.logoEl=e,language:this.language,theme:this.theme,onClick:this.handleLogoClick}),l=this.contact&&this.processedContactItems?e(I,{id:"duet-header-contact",label:this.contact,icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M20.247 24a.743.743 0 0 1-.53-.22l-4.28-4.28h-.439c-3.308 0-6-2.692-6-6s2.692-6 6-6h3c3.309.001 6 2.692 6 6a5.974 5.974 0 0 1-3 5.179v4.571a.75.75 0 0 1-.751.75zm-5.25-15c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5h.75c.198 0 .391.08.53.22l3.22 3.22v-3.213c0-.289.169-.555.429-.678a4.51 4.51 0 0 0 2.571-4.049 4.504 4.504 0 0 0-4.498-4.499h-3.002z"/><path d="M3.747 16.5a.747.747 0 0 1-.75-.75v-4.57a5.967 5.967 0 0 1-2.65-3.171A5.948 5.948 0 0 1 .57 3.431 6.014 6.014 0 0 1 5.985 0h3.012a6.04 6.04 0 0 1 5.752 4.286.751.751 0 0 1-.718.964.755.755 0 0 1-.719-.536A4.531 4.531 0 0 0 8.997 1.5h-3a4.511 4.511 0 0 0-4.071 2.572c-.512 1.084-.571 2.302-.167 3.431s1.224 2.032 2.308 2.545c.261.123.43.39.43.678v3.214l1.72-1.72a.744.744 0 0 1 1.06 0 .752.752 0 0 1 0 1.061l-3 3a.744.744 0 0 1-.53.219z"/></svg>',active:this.isContactOpen,isOpen:this.isContactOpen,badge:!1,toggleRef:e=>this.contactItemsButtonEl=e,itemsRef:e=>this.contactItemsEl=e,onToggle:e=>this.toggleMenu(e,"contact")},this.processedContactItems.map((t=>e("a",{role:"menuitem",href:t.href||"#",id:t.id,onClick:e=>this.handleContactClick(e,t),onKeyDown:e=>this.handleArrowKeys(e),target:t.external?"_blank":"_self"},t.label,t.external&&e(a,null,e("duet-visually-hidden",null,", ",this.accessibleLabelExternal),e("span",{class:"duet-header-link-external"},e("duet-icon",{name:"action-new-window-small",size:"xx-small",margin:"none",color:"turva"===this.theme?"primary-turva":"primary"}))))))):null,u=this.language&&this.processedLanguageItems?e(I,{id:"duet-header-language",label:this.language,icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M11.996 24c-2.732 0-5.309-.901-7.453-2.605l-.017-.012-.031-.025a12.68 12.68 0 0 1-.238-.196c-.071-.06-.142-.122-.213-.184l-.143-.126c-.13-.118-.257-.24-.381-.363l-.018-.018a11.904 11.904 0 0 1-3.445-9.695l.001-.007c.018-.174.041-.348.067-.523l.019-.125c.028-.174.058-.348.093-.521l.003-.013C1.379 4.031 6.321 0 11.996 0c6.617 0 12 5.383 12 12 0 1.083-.148 2.164-.44 3.214l-.009.032a12.172 12.172 0 0 1-.671 1.809s-.072.155-.1.212a11.896 11.896 0 0 1-.189.368A11.987 11.987 0 0 1 11.996 24zm-6.181-3.519a10.388 10.388 0 0 0 6.181 2.019c3.471 0 6.642-1.669 8.611-4.497h-.59a2.244 2.244 0 0 1-2.22-1.879L17.111 12h-.944a2.252 2.252 0 0 1-2.182-2.796l.75-3A2.245 2.245 0 0 1 16.917 4.5h2.416A10.49 10.49 0 0 0 1.934 9h4.391c1.034 0 1.932.701 2.183 1.704l.75 3a2.235 2.235 0 0 1-.592 2.137c-.425.425-.99.659-1.591.659h-.464zm-4.248-9.687-.015.116a9.092 9.092 0 0 0-.053.96l-.002.17c.001.145.005.29.011.435l.006.127c.009.154.02.308.035.461l.005.041c.071.68.209 1.354.411 2.003l.009.028a10.457 10.457 0 0 0 2.537 4.222l.75-3.751A.75.75 0 0 1 5.996 15h1.079a.75.75 0 0 0 .728-.932l-.75-3a.751.751 0 0 0-.729-.568H1.606l-.039.294zM16.917 6a.75.75 0 0 0-.728.568l-.75 3a.752.752 0 0 0 .728.932h1.579c.368 0 .679.264.74.627l.791 4.75a.748.748 0 0 0 .74.626h1.461c.171-.358.321-.727.449-1.1l.021-.062A10.486 10.486 0 0 0 20.598 6z"/></svg>',accessibleText:`${d}${this.hasLanguageChanged?`, ${o}`:""}`,active:this.isLanguageOpen,isOpen:this.isLanguageOpen,badge:!1,toggleRef:e=>this.languageItemsButtonEl=e,itemsRef:e=>this.languageItemsEl=e,onToggle:e=>this.toggleMenu(e,"language")},this.processedLanguageItems.map((t=>e("a",{class:{active:this.language===t.country},"aria-selected":this.language===t.country,role:"menuitem",id:t.id,lang:t.country,href:t.href||"#",onClick:e=>this.handleLanguageClick(e,t),onKeyDown:this.handleArrowKeys},t.label)))):null,c=this.processedUser&&this.processedUser.href?e("a",{href:this.processedUser.href||"#",id:this.processedUser.id,class:"duet-header-user duet-header-button",onClick:this.handleUserClick},e(j,{icon:A}),e("span",{class:"duet-header-user-label"},this.processedUser.label)):null,p=this.processedUser&&!this.processedUser.href?e("span",{id:this.processedUser.id,class:"duet-header-user duet-header-button duet-header-no-action"},e(j,{icon:A}),e("span",{class:"duet-header-user-label"},this.processedUser.label)):null,m=this.processedSession?e("a",{href:this.processedSession.href||"#",id:this.processedSession.id,class:"duet-header-logout duet-header-button",onClick:this.handleSessionClick},e(j,{icon:"logout"===this.processedSession.type?V:S,iconSize:this.renderDesktopNav?"x-small":"small"}),e("span",{class:"duet-header-button-label"},this.processedSession.label)):null,g=this.processedSession&&this.processedSession.sessionItems?e(I,{className:"duet-header-session",id:"duet-header-session",label:this.processedSession.label,icon:"logout"===this.processedSession.type?V:S,active:this.isSessionOpen,isOpen:this.isSessionOpen,badge:!1,toggleRef:e=>this.sessionItemsButtonEl=e,itemsRef:e=>this.sessionItemsEl=e,onToggle:e=>this.toggleMenu(e,"session")},this.processedSession.sessionItems.map(((t,d)=>e(a,null,t.label&&e("span",{class:"duet-header-session-label"},t.label),e("duet-spacer",{size:"small","aria-hidden":"true"}),t.items.map((d=>e("a",{role:"menuitem","aria-label":t.label?`${t.label} ${d.label}`:d.label,id:d.id,href:d.href||"#",onClick:e=>this.handleSessionItemClick(e,d),onKeyDown:this.handleArrowKeys},d.label))),d!==this.processedSession.sessionItems.length-1&&e(a,null,e("duet-spacer",{size:"x-small","aria-hidden":"true"}),e("duet-divider",{margin:"none","aria-hidden":"true"})))))):null,v=this.processedSearch?e("a",{href:this.processedSearch.href||"#",id:this.processedSearch.id,class:"duet-header-search duet-header-button",onClick:this.handleSearchClick},e(j,{icon:r.svg}),e("span",{class:"duet-header-button-label"},this.processedSearch.label)):null;if(this.processedBack)return e(i,{class:"duet-header-back-variation"},e("div",{class:"duet-header-reserved-space"},e("header",{class:{"duet-header":!0,"duet-theme-turva":"turva"===this.theme,"duet-header-back":!0,"duet-header-inactive":!0},part:"header"},e("div",{class:"duet-header-top"},h,e("duet-button",{url:this.processedBack.href,id:this.processedBack.id,theme:this.theme,variation:"plain",color:"turva"===this.theme?"secondary-turva":"secondary",icon:"navigation-arrow-left",iconSize:"large",onClick:this.handleBackClick},this.processedBack.label),s,e("slot",{name:"logo-utility"})))));const b=this.processedItems&&this.processedItems.some((e=>e.items&&e.items.length>0));if(this.renderDesktopNav&&b){const t=this.processedItems.find((e=>e.active)),d=this.processedItems&&this.processedItems.some((e=>e.items&&e.items.some((e=>e.items&&e.items.some((e=>!0===e.active)))))),a="duet-header-segment";return e(i,{class:"duet-header-multi-level-desktop-variation"},e("div",{class:{"duet-header-multi-level-desktop":!0,"duet-header-multi-level-desktop-third-level-is-open":d}},e("header",{class:{"duet-header":!0,"duet-theme-turva":"turva"===this.theme,"duet-header-inactive":!this.processedItems},part:"header"},e("div",{class:"duet-header-top"},h,e("div",{class:"logo-and-segment"},e("div",null,n),this.processedItems&&e(I,{id:a,label:t.label,active:this.isSegmentOpen,isOpen:this.isSegmentOpen,badge:!1,toggleRef:e=>this.segmentItemsButtonEl=e,itemsRef:e=>this.segmentItemsEl=e,onToggle:e=>this.toggleMenu(e,"segment")},this.processedItems.map((d=>e("a",{class:{active:t===d},role:"menuitem",href:d.href||"#",id:d.id,onClick:e=>this.handleItemClick(e,d),onKeyDown:e=>this.handleArrowKeys(e),target:d.external?"_blank":"_self"},d.icon&&e("div",{class:"duet-header-icon"},e("duet-icon",{margin:"none",size:"x-small",name:d.icon,color:"currentColor"})),e("span",null,d.label),d.badge&&e("div",{class:"duet-header-badge"})))))),e("nav",{class:"duet-header-multi-level-desktop-nav"},t.items&&t.items.filter((e=>e.items&&e.items.length>0)).map(((t,d)=>{const a=t.id||`segment-item-${d}`;return e(I,{id:a,label:t.label,active:!this.openMenu&&!0===t.active||this.openMenu===a,isOpen:this.openMenu===a,badge:t.badge,toggleRef:e=>this.subMenuButtonRefs[a]=e,itemsRef:e=>this.subMenuItemRefs[a]=e,onToggle:e=>this.toggleMenu(e,"sub",a)},t.items&&t.items.map((t=>e("a",{class:{active:t.active},role:"menuitem",href:t.href||"#",id:t.id,onClick:e=>this.handleItemClick(e,t),onKeyDown:e=>this.handleArrowKeys(e),target:t.external?"_blank":"_self"},t.icon&&e("div",{class:"duet-header-icon"},e("duet-icon",{margin:"none",size:"medium",name:t.icon,color:"currentColor"})),e("span",null,t.label),t.badge&&e("div",{class:"duet-header-badge"})))))}))),e("div",{class:"duet-header-multi-level-desktop-utils"},v,u,null!=g?g:m),e("slot",{name:"utility"})))))}const w=this.processedItems&&this.processedItems.some((e=>e.items&&e.items.some((e=>!0===e.active)))),f=this.processedItems&&this.processedItems.some((e=>e.items&&e.items.some((e=>e.items&&e.items.some((e=>!0===e.active))))));return e(i,{class:{"duet-header-default-variation":!0}},e("div",{class:{"duet-header-reserved-space":!0,"duet-with-links":!!this.processedItems,"duet-header-second-level-active":w,"duet-header-third-level-active":f}},e("header",{class:{"duet-header":!0,"duet-theme-turva":"turva"===this.theme,"duet-header-inactive":!this.processedItems},part:"header"},e("div",{class:"duet-header-top"},h,s,e("slot",{name:"logo-utility"},this.region&&e("div",{class:"duet-header-region"},this.region)),(this.processedItems||u||l||this.processedSession||this.processedUser)&&e("button",{class:{"duet-header-toggle":!0,active:this.isSlideOutOpen},onClick:e=>this.toggleMenu(e,"mobile"),type:"button"},e("duet-visually-hidden",null,this.accessibleLabel),e(B,null))),e("div",{ref:e=>this.navigationEl=e,class:{"duet-header-bottom":!0,active:this.isSlideOutOpen,inactive:!this.processedItems}},e("nav",{class:"duet-header-items",role:"navigation"},this.processedItems&&this.processedItems.map(((t,d)=>e("div",{class:"duet-header-item-container"},e("a",{class:{"duet-header-first-level":!0,"duet-header-item":!0,active:!b&&this.currentHref===t.href||!0===t.active&&!this.openMenu&&this.closedActives&&1===this.closedActives.length||!0===t.active&&!this.openMenu&&t.items&&!t.items.some((e=>!0===e.active))},href:t.href||"#",id:t.id||`header-item-${d}`,onClick:e=>this.handleItemClick(e,t)},t.label,t.badge&&e("div",{class:"duet-header-badge"})),t.items&&t.items.filter((e=>e.items&&e.items.length>0)).map(((a,i)=>{const o=a.id||`header-item-${d}-${i}`,r=!this.openMenu&&!0===a.active&&!(this.closedActives&&this.closedActives.find((e=>e===o)))||this.openMenu===o,h=r&&!(a.items&&a.items.some((e=>!0===e.active)));return e(I,{id:o,className:"duet-header-second-level",label:a.label,icon:`${a.icon}.svg`,active:h,isOpen:r,badge:a.badge,toggleRef:e=>this.subMenuButtonRefs[o]=e,itemsRef:e=>this.subMenuItemRefs[o]=e,onToggle:e=>this.toggleMenu(e,"sub",o,!0===a.active)},e("div",{class:"duet-header-third-level"},a.items&&a.items.map((d=>e("a",{class:{"duet-header-item":!0,active:!0===d.active},role:"menuitem",href:d.href||"#",id:d.id,onClick:e=>this.handleItemClick(e,t),onKeyDown:e=>this.handleArrowKeys(e),target:d.external?"_blank":"_self"},d.icon&&e("div",{class:"duet-header-icon"},e("duet-icon",{margin:"none",size:"medium",name:d.icon,color:"currentColor"})),e("span",null,d.label),d.badge&&e("div",{class:"duet-header-badge"}))))))})))))),e("div",{class:"duet-header-bottom-utils"},e("slot",{name:"utility"})),e("div",{class:"duet-header-utils"},!b&&l,u,!b&&e(a,null,c,p),v,m)))))}get element(){return o(this)}static get watchers(){return{user:["refresh"],items:["refresh"],session:["refresh"],back:["refresh"],contactItems:["refresh"],languageItems:["refresh"]}}};$.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;width:100%}@supports (position: -webkit-sticky){:host{position:-webkit-sticky;top:-4rem;z-index:400}}@supports (position: sticky){:host{position:sticky;top:-4rem;z-index:400}}@supports (position: -webkit-sticky){:host(.duet-header-multi-level-desktop-variation){top:0}}@supports (position: sticky){:host(.duet-header-multi-level-desktop-variation){top:0}}.duet-header-reserved-space{height:4rem}@media (min-width: 62em){.duet-header-reserved-space.duet-with-links{height:7rem}}.duet-header{-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0;z-index:400;display:block;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:0.875rem;font-weight:400;line-height:1.5;color:#00294d;text-align:left}.duet-header.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:#171c3a}@media (min-width: 62em){.duet-header.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}}@media (min-width: 62em){.duet-header{position:absolute;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07)}.duet-header.duet-header-inactive{position:fixed}}.duet-header *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.duet-header-top{position:relative;z-index:200;display:flex;flex-direction:row;align-items:center;width:100%;height:4rem;padding:0 16px;background:white;border-bottom:1px solid #e1e3e6;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07)}@media (min-width: 62em){.duet-header-top{z-index:100;padding:0 28px;box-shadow:none}.duet-header-top duet-logo{padding-right:4px}}@media (min-width: 106.25em){.duet-header-top{padding:0 48px}}.duet-theme-turva .duet-header-top{border-color:#e4e4e6;box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}@media (min-width: 62em){.duet-theme-turva .duet-header-top{box-shadow:none}}.duet-theme-turva .duet-header-top duet-logo{left:-80px !important;margin-top:-8px !important}.duet-header-top .duet-header-region{max-width:200px;padding-left:16px;margin-top:1px;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #cfd2d4}.duet-theme-turva .duet-header-top .duet-header-region{border-color:#cfcfd1}@media (max-width: 35.9375em){.duet-header-top .duet-header-region{display:none}}@media (min-width: 62em){.duet-header-top .duet-header-region{padding-left:19px}}.duet-header-bottom{position:fixed;top:4rem;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;width:100%;overflow-y:auto;visibility:hidden;background:#f3f9fc;opacity:0;-webkit-overflow-scrolling:touch}.duet-theme-turva .duet-header-bottom{background:#f5f5f7}@media (min-width: 62em){.duet-header-bottom{position:relative;top:auto;bottom:auto;z-index:200;flex-direction:row;overflow:visible;visibility:visible;background:white;opacity:1}.duet-header-bottom.duet-header-inactive{position:relative}}.duet-header-bottom.active{visibility:visible;opacity:1;transition:opacity 300ms ease, visibility 300ms ease}@media (min-width: 62em){.duet-header-bottom{position:relative;transition:none !important}}.duet-header-items,.duet-header-bottom-utils,.duet-header-utils{opacity:0;transition:transform 600ms ease, opacity 600ms ease;transform:translateY(-28px)}@media (min-width: 62em){.duet-header-items,.duet-header-bottom-utils,.duet-header-utils{opacity:1;transition:none !important;transform:none}}.active .duet-header-items,.active .duet-header-bottom-utils,.active .duet-header-utils{opacity:1;transform:translateY(0)}.duet-header-items{position:relative;z-index:300;display:block;width:100%;font-size:1rem;font-weight:400;line-height:1.5;background:white}@media (min-width: 62em){.duet-header-items{z-index:100;display:flex;flex-direction:row;padding:0 21.5384615385px}}@media (min-width: 106.25em){.duet-header-items{padding-left:43.6363636364px}}.duet-header-items .duet-header-item-container{border-bottom:1px solid #e1e3e6;border-radius:0}@media (min-width: 62em){.duet-header-items .duet-header-item-container{border:0}}.duet-header-items .duet-header-second-level .duet-header-item{padding:0 40px;border:0}.duet-header-items .duet-header-second-level .duet-header-button{border:0}.duet-header-items .duet-header-second-level .duet-header-dropdown-content{padding:0;border:0}.duet-header-items .duet-header-third-level .duet-header-item{padding:0 75px}.duet-header-items .duet-header-item{position:relative;display:flex;align-items:center;width:100%;padding:0 20px;overflow:hidden;font-size:1rem;line-height:48px;color:#00294d;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 62em){.duet-header-items .duet-header-item{border-radius:4px}}.duet-theme-turva .duet-header-items .duet-header-item{font-weight:600;color:#171c3a;border-color:#e1e3e6}.duet-header-items .duet-header-item:hover{color:#004d80}.duet-theme-turva .duet-header-items .duet-header-item:hover{color:#444445}.duet-header-items .duet-header-item:focus{outline:0}:host(.user-is-tabbing) .duet-header-items .duet-header-item: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-header-items .duet-header-item:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}@media (min-width: 62em){.duet-header-items .duet-header-item{width:auto;max-width:300px;padding:0 12px;overflow:hidden;font-size:0.875rem;text-overflow:ellipsis;border:0}}.duet-header-items .duet-header-item.active{color:#0077b3}.duet-theme-turva .duet-header-items .duet-header-item.active{color:#c60c30}.duet-header-items .duet-header-item.active:hover{color:#0077b3}.duet-theme-turva .duet-header-items .duet-header-item.active:hover{color:#c60c30}.duet-header-items .duet-header-item.active::after{position:absolute;top:0;bottom:0;left:0;width:4px;content:"";background:#0077b3}.duet-theme-turva .duet-header-items .duet-header-item.active::after{background:#c60c30}@media (min-width: 62em){.duet-header-items .duet-header-item.active::after{top:auto;left:12px;width:calc(100% - 24px);height:3px}}.duet-header-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-8px;margin-left:auto;cursor:pointer;border-radius:4px;-webkit-appearance:none;appearance:none}.duet-header-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-header-toggle: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-header-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}@media (min-width: 62em){.duet-header-toggle{display:none}}.duet-header-hamburger{position:relative;width:24px;height:24px;margin-top:5px !important;pointer-events:none;transition:0.4s ease-in-out;backface-visibility:hidden}.duet-header-hamburger .duet-header-bar{position:absolute;left:0;display:block;width:100%;height:2px;background:#00294d;border-radius:20rem;opacity:1;transition:0.25s ease-in-out;transform:rotate(0deg) scale(0.98)}.duet-theme-turva .duet-header-hamburger .duet-header-bar{background:#171c3a}.duet-header-hamburger .duet-header-bar:nth-child(1){top:0}.duet-header-hamburger .duet-header-bar:nth-child(2),.duet-header-hamburger .duet-header-bar:nth-child(3){top:7px}.duet-header-hamburger .duet-header-bar:nth-child(4){top:14px}button.active .duet-header-hamburger .duet-header-bar:nth-child(1){top:7px;left:50%;width:0%}button.active .duet-header-hamburger .duet-header-bar:nth-child(2){transform:rotate(45deg)}button.active .duet-header-hamburger .duet-header-bar:nth-child(3){transform:rotate(-45deg)}button.active .duet-header-hamburger .duet-header-bar:nth-child(4){top:7px;left:50%;width:0%}.duet-header-utils{display:flex;flex-direction:column;width:100%}@media (min-width: 62em){.duet-header-utils{position:absolute;top:-4rem;right:0;z-index:999999999;flex-direction:row;align-items:center;justify-content:space-between;width:auto;margin-right:20px}}@media (min-width: 106.25em){.duet-header-utils{margin-right:36px}}@media (min-width: 62em){.duet-header-bottom-utils{position:absolute;top:0;right:0;z-index:999999999;margin-right:20px}}@media (min-width: 106.25em){.duet-header-bottom-utils{margin-right:36px}}button{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.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"}.duet-header-button{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;font-size:1rem;font-weight:400;line-height:48px;color:#00294d;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-bottom:1px solid #e1e3e6;border-radius:4px;-webkit-appearance:none;appearance:none}.duet-theme-turva .duet-header-button{color:#171c3a;border-color:#e4e4e6}.duet-header-button:hover{color:#004d80}.duet-theme-turva .duet-header-button:hover{color:#444445}.duet-header-button:focus{outline:0}:host(.user-is-tabbing) .duet-header-button: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-header-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-header-button:active{opacity:0.75}@media (min-width: 62em){.duet-header-button{width:auto;max-width:200px;height:4rem;padding:0 16px;font-size:0.875rem;line-height:4rem;border:0}.duet-header-button::before{position:absolute;top:50%;right:0;width:1px;height:20px;content:"";background:#cfd2d4;transform:translateY(-50%)}.duet-theme-turva .duet-header-button::before{background:#cfcfd1}}.duet-header-button.active{color:#0077b3;border-radius:0}.duet-theme-turva .duet-header-button.active{color:#c60c30}.duet-header-button.active:hover{color:#0077b3}.duet-theme-turva .duet-header-button.active:hover{color:#c60c30}@media (min-width: 62em){.duet-header-button.active::after{position:absolute;top:0;bottom:0;left:0;width:3px;content:"";background:#0077b3}.duet-theme-turva .duet-header-button.active::after{color:#c60c30}}.duet-header-utils .duet-header-button.duet-header-logout{align-self:center;justify-content:center;width:auto;height:2.5rem;margin:2.25rem 0;font-weight:600;border:2px solid #00294d;border-radius:20rem}.duet-theme-turva .duet-header-utils .duet-header-button.duet-header-logout{border-color:#171c3a}.duet-header-utils .duet-header-button.duet-header-logout .duet-header-icon{margin-right:0.5rem}.duet-header-utils .duet-header-button.duet-header-logout .duet-header-button-label{font-size:0.875rem}@media (min-width: 62em){.duet-header-utils .duet-header-button.duet-header-logout{height:4rem;margin:0;font-weight:400;border:0}.duet-header-utils .duet-header-button.duet-header-logout .duet-header-icon{margin-right:0.75rem}}.duet-header-no-action{pointer-events:none}.duet-header-user-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 62em){.duet-header-utils>*:last-child::before,.duet-header-utils>*:last-child button::before{display:none}}@media (min-width: 62em){.duet-header-utils>*:last-child .duet-header-dropdown-content{right:0;left:auto}}.duet-header-language{text-transform:uppercase}.duet-header-language.active,.duet-header-language.active:hover,.duet-header-contact.active,.duet-header-contact.active:hover{color:inherit}.duet-theme-turva .duet-header-language.active,.duet-theme-turva .duet-header-language.active:hover,.duet-theme-turva .duet-header-contact.active,.duet-theme-turva .duet-header-contact.active:hover{color:inherit}.duet-header-dropdown .duet-header-language.duet-header-dropdown-toggle.active::after,.duet-header-dropdown .duet-header-language.duet-header-dropdown-toggle.active:hover::after,.duet-header-dropdown .duet-header-contact.duet-header-dropdown-toggle.active::after,.duet-header-dropdown .duet-header-contact.duet-header-dropdown-toggle.active:hover::after{width:0}@media (min-width: 62em){.duet-header-dropdown .duet-header-language.duet-header-dropdown-toggle.active::after,.duet-header-dropdown .duet-header-language.duet-header-dropdown-toggle.active:hover::after,.duet-header-dropdown .duet-header-contact.duet-header-dropdown-toggle.active::after,.duet-header-dropdown .duet-header-contact.duet-header-dropdown-toggle.active:hover::after{width:100%}}.duet-header-icon{display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-header-icon{margin-right:8px}}.duet-header-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-header-caret{width:7px;height:7px}}.duet-header-caret duet-icon{width:10px}.duet-header-dropdown-toggle.active .duet-header-caret{transform:translateY(-50%) rotate(180deg)}.duet-header-dropdown-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-header-dropdown-toggle: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-header-dropdown-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-header-dropdown-toggle:active{outline:none}.duet-header-badge{display:inline-block;width:6px;height:6px;margin-top:-1rem;margin-left:5px;vertical-align:top;background:#f7b228;border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-header-badge{background:#faa40f}.active-bar{color:#0077b3}.active-bar::after{position:absolute;top:0;bottom:0;left:0;width:4px;content:"";background:#0077b3}.duet-theme-turva .active-bar::after{background:#c60c30}.duet-header-dropdown{position:relative}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-toggle{z-index:200;padding-right:36px;overflow:hidden;transition:border 300ms ease}}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px !important;content:"";background:#0077b3;transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle::after{background:#c60c30}}.duet-header-dropdown .duet-header-dropdown-toggle.active,.duet-header-dropdown .duet-header-dropdown-toggle.active:hover{border-bottom:1px solid #f5f8fa}.duet-header-dropdown .duet-header-dropdown-toggle.active::after,.duet-header-dropdown .duet-header-dropdown-toggle.active:hover::after{position:absolute;top:0;bottom:0;left:0;width:4px;content:"";background:#0077b3}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active::after,.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover::after{background:#c60c30}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active,.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover{border-color:#f5f5f7}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-toggle.active,.duet-header-dropdown .duet-header-dropdown-toggle.active:hover{color:#004d80;border:0}.duet-header-dropdown .duet-header-dropdown-toggle.active::after,.duet-header-dropdown .duet-header-dropdown-toggle.active:hover::after{position:absolute;top:auto;bottom:0;left:0;width:100%;height:3px;transform:translateY(0)}}.duet-header-dropdown .duet-header-dropdown-content{display:none;padding-bottom:16px;background:#f3f9fc;border-bottom:1px solid #e1e3e6}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content{background:#f5f5f7;border-color:#e1e3e6}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-content{position:absolute;top:100%;left:0;z-index:600;display:block;min-width:150px;padding-top:16px;padding-left:0;visibility:hidden;border:0;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.85) translateZ(0) translateY(-20px)}.duet-header-dropdown .duet-header-dropdown-content.duet-header-session-items{right:0%;left:auto;min-width:225px}.duet-header-dropdown .duet-header-dropdown-content.duet-header-session-items .duet-header-session-label{padding:0 20px;font-weight:600}}@media (min-width: 64.0625em){.duet-header-dropdown .duet-header-dropdown-content{min-width:170px}.duet-header-dropdown .duet-header-dropdown-content.duet-header-session-items{min-width:225px}}.duet-header-dropdown .duet-header-dropdown-content.active{display:block}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-content.active{visibility:visible;opacity:1;transform:translateZ(0) translateY(0)}}.duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item){padding:3px 8px 4px !important;position:relative;display:block;width:100%;padding-right:16px;padding-left:48px !important;overflow:hidden;font-size:0.875rem;font-weight:400;line-height:1.5;color:#00294d;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;transition:300ms ease}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item){color:#171c3a}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item){padding-right:20px !important;padding-left:20px !important}}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover{background:#e6f2f8}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover{background:#f9e6ea}}.duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):focus{outline:0}:host(.user-is-tabbing) .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):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-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item).active{padding-right:36px;font-weight:600;vertical-align:baseline}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item).active{font-weight:700}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item).active{color:white;background:#0077b3}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item).active{background:#c60c30}}.duet-header-dropdown .duet-header-dropdown-content .duet-header-link-external{margin-left:4px}.duet-header-back .duet-header-top{flex-direction:row;align-items:center;justify-content:center}.duet-header-back duet-button{position:absolute;top:50%;left:36px;transform:translateY(-50%)}@media (max-width: 35.9375em){.duet-header-back duet-button{left:20px;max-width:40px;padding:0 12px;overflow:hidden}}.duet-header-back .duet-header-toggle{display:none !important}.duet-header-skip{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:#0077b3;text-align:center;text-decoration:none;background:white;border-radius:4px;opacity:0}.duet-header-skip:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-header-skip:focus,.duet-header-skip:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-theme-turva .duet-header-skip{min-width:120px;color:#171c3a}@media (min-width: 106.25em){.duet-header-skip{margin-left:20px}}.duet-header-skip:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.duet-header-multi-level-desktop{height:6rem}.duet-header-multi-level-desktop .duet-header-top{justify-content:space-between;height:6rem}.duet-header-multi-level-desktop .duet-header-button{height:6rem}.duet-header-multi-level-desktop .logo-and-segment{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;padding-top:1rem}.duet-header-multi-level-desktop .logo-and-segment .duet-header-dropdown{z-index:400;margin-left:2rem}.duet-header-multi-level-desktop .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content{background:#f3f9fc}.duet-header-multi-level-desktop .logo-and-segment button{align-items:flex-start;height:2rem;font-weight:600;line-height:1rem}.duet-header-multi-level-desktop .logo-and-segment button::before{display:none}.duet-header-multi-level-desktop .logo-and-segment .duet-header-caret{top:25%}.duet-header-multi-level-desktop-nav{display:flex}.duet-header-multi-level-desktop-nav .duet-header-dropdown{position:static}.duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-toggle{z-index:400;padding-right:1rem;font-size:1rem;font-weight:600}.duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-toggle.active{color:#0077b3}.duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content{z-index:399;display:flex;justify-content:center;width:100%;height:4.5rem;padding:0;background:#f3f9fc;border-top:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:none}.duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;min-width:6rem;height:100%;padding:0 1rem !important;font-weight:600}.duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content a::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:#0077b3;transition:300ms ease;transform:translateY(3px)}.duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content a.active{font-weight:600;color:#0077b3;background:none}.duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content a.active::after{transform:translateY(0)}.duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content a .duet-header-icon{margin:0}.duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content .duet-header-badge{position:absolute;margin-top:-2rem;margin-right:-2.25rem}.duet-header-multi-level-desktop-nav button::before{display:none}.duet-header-multi-level-desktop-nav .duet-header-caret{display:none}.duet-header-multi-level-desktop-utils{display:flex;flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-header-multi-level-desktop-utils>:last-child::before{display:none}.duet-header-multi-level-desktop-utils>:last-child.duet-header-dropdown .duet-header-button::before{display:none}.duet-header-multi-level-desktop-utils .duet-header-dropdown{z-index:400}.duet-header-multi-level-desktop-utils .duet-header-dropdown .duet-header-dropdown-content{background:#f3f9fc}.duet-header-multi-level-desktop-utils .duet-header-button-label,.duet-header-multi-level-desktop-utils .duet-header-dropdown-label{display:none}@media (min-width: 64.0625em){.duet-header-multi-level-desktop-utils .duet-header-button-label,.duet-header-multi-level-desktop-utils .duet-header-dropdown-label{display:initial}}.duet-header-multi-level-desktop .duet-theme-turva .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content{background:#fcf3f4}.duet-header-multi-level-desktop .duet-theme-turva .duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-toggle.active{color:#c60c30}.duet-header-multi-level-desktop .duet-theme-turva .duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content{background:#fcf3f4;border-color:#e4e4e6}.duet-header-multi-level-desktop .duet-theme-turva .duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content a::after{background:#c60c30}.duet-header-multi-level-desktop .duet-theme-turva .duet-header-multi-level-desktop-nav .duet-header-dropdown .duet-header-dropdown-content a.active{color:#c60c30;background:none}.duet-header-multi-level-desktop .duet-theme-turva .duet-header-multi-level-desktop-utils .duet-header-dropdown .duet-header-dropdown-content{background:#fcf3f4}';const U=({inverse:t,logoId:d})=>{const a=t?y:z,i=t?y:M;return e("svg",{role:"img",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":d,viewBox:"0 0 305 111"},e("title",{id:d},"Turva"),e("path",{fill:a,d:"M79 90.1A40.5 40.5 0 0 0 98.3 58H79v32.2z"}),e("path",{fill:a,d:"M45.1 57.9V46.4h52.3a40.5 40.5 0 1 0-30 48.5V58H45z"}),e("path",{fill:i,d:"M278.9 80.3v-9.8l-7.4.4c-2.4.3-4.3.6-5.7 1-1.7.4-4 1.3-5 2.3-1 1-2.3 2.8-2.3 4.6 0 2 .8 3.8 2 4.8s3.3 2 5.7 2a22 22 0 0 0 12.7-5.3zm4.2 8H279v-4.1l-3 1.9-2.8 1.5a17.4 17.4 0 0 1-7.4 1.6c-3 0-6.3-.7-8-2.3a9.6 9.6 0 0 1-3.4-7.2 9 9 0 0 1 1.8-5.9c1.1-1.6 3.1-3.3 5.2-4.2 2.1-1 4.7-1.6 7.7-1.9 3.4-.4 6.8-.6 9.8-.7v-1.1a6 6 0 0 0-.7-3.3 8 8 0 0 0-2.6-2.5c-.8-.5-2.2-1-3.4-1.1a25.7 25.7 0 0 0-8.8.4c-1.9.4-3.3 1-5.4 1.7h-.3v-4.3c1.2-.3 2.3-.7 4.5-1a37.7 37.7 0 0 1 12.8 0c1.8.4 2.9 1 4.2 2 1.3 1 2.3 2.3 3 3.8.7 1.5 1 3.2 1 4.7v22zM250.1 56l-14 32.4h-4.8L217.4 56h4.5l12 27.7L245.6 56zM137.7 88.2l-2.7.7c-.9.2-2 .4-4.2.4a9 9 0 0 1-7.2-3c-1.9-1.8-2.6-5-2.6-9.3V60.2h-5.2V56h5.2V47h4.2v9h12.6v4.2h-12.6v14.2c0 1.8 0 4.3.2 5.4 0 1 .3 2.5.8 3.4.5.8 1.4 1.4 2.2 1.8.8.4 2.7.5 4.1.5 1-.1 1.7-.2 2.7-.5l2.2-.6h.3v3.8zM176.4 88.4h-4.2v-3.9c-2 1.6-4.5 2.8-6.3 3.6-1.8.8-3.8 1.3-6 1.3-3.6 0-6-1.2-8-3.4s-2.5-5.5-2.5-9.9v-20h4.2V74c0 1.8.1 3.8.3 5 .2 1.3.5 3 1 3.8a5 5 0 0 0 2.2 2c1 .5 2.2.7 4 .7 1.5 0 3.1-.4 5-1.2 1.7-.8 4.5-2.4 6-3.6V56.1h4.3v32.3zM210.4 61h-.3a21.6 21.6 0 0 0-5.4-.7c-1.9 0-3.6.4-5.3 1.2a31 31 0 0 0-5.4 3.7v23.2h-4.3V56h4.3v5.2c2.3-1.9 5-3.2 6.7-4 1.8-.8 3.6-1.2 5.5-1.2a22.3 22.3 0 0 1 4.2.4v4.4z"}))},H={fi:{viewBox:"0 0 427 111",title:"LähiTapiola",path:"M131.6 69.6v1.3l-.3 1c0 .2-.2.4-.3.5l-.5.1h-16c-.5 0-1-.1-1.4-.5-.5-.3-.7-.9-.7-1.7V38.7l.2-.5c.1-.2.3-.3.6-.4l1-.2a15.7 15.7 0 0 1 4.6.2c.3.1.5.2.6.4l.2.5v28h11l.4.1.3.5.2 1 .1 1.3M164.3 70c.2.5.4 1 .4 1.4 0 .4 0 .7-.2.9-.2.2-.5.3-1 .3a25.2 25.2 0 0 1-5.4 0l-.6-.4-.3-.6-2.3-7h-13l-2.3 6.8c0 .3-.2.5-.3.6-.1.2-.3.4-.6.4l-1 .3a25.9 25.9 0 0 1-3.9 0l-1-.5c-.1-.2-.2-.5-.1-.8 0-.4.2-1 .4-1.5l10.7-31 .4-.7c.1-.2.4-.3.7-.4l1.3-.2a47.7 47.7 0 0 1 6.2.2c.4 0 .6.2.8.4l.4.8 10.7 31zm-17.9-38.8c0 1.3-.2 2.2-.7 2.7-.5.5-1.4.7-2.8.7s-2.3-.2-2.8-.7c-.5-.5-.7-1.4-.7-2.6 0-1.2.2-2.1.7-2.6.5-.5 1.4-.8 2.8-.8s2.4.3 2.8.7c.5.5.7 1.4.7 2.6zm2 13.1h-.1l-5 14.9h10l-5-14.9zm9.8-13c0 1.2-.2 2-.7 2.6-.5.5-1.5.7-2.9.7s-2.3-.2-2.8-.7c-.4-.5-.7-1.4-.7-2.6 0-1.2.3-2.1.8-2.6s1.4-.8 2.8-.8 2.3.3 2.8.7c.5.5.7 1.4.7 2.6zM196.4 71.6c0 .2 0 .3-.2.5l-.5.3-1.1.2a14 14 0 0 1-4.5-.2c-.3 0-.5-.2-.6-.3a.7.7 0 0 1-.2-.5V57.5h-13v14c0 .3 0 .4-.2.6l-.5.3-1.1.2a14.3 14.3 0 0 1-4.5-.2c-.3 0-.5-.2-.6-.3a.8.8 0 0 1-.2-.5v-33c0-.1 0-.3.2-.4.1-.2.3-.3.6-.4l1-.2a15.6 15.6 0 0 1 4.6.2l.5.4.2.5v12.8h13V38.7c0-.2 0-.4.2-.5.1-.2.3-.3.6-.4l1-.2a15.9 15.9 0 0 1 4.6.2l.5.4c.2.1.2.3.2.5v32.9zM211.1 71.6c0 .2 0 .3-.2.5l-.5.3-1.1.2a14.3 14.3 0 0 1-4.5-.2c-.3 0-.5-.2-.6-.3a.8.8 0 0 1-.2-.5v-33c0-.1 0-.3.2-.4.1-.2.3-.3.6-.4l1-.2a15.3 15.3 0 0 1 4.6.2l.5.4c.2.1.2.3.2.5v32.9zM242 40.6l-.1 1.3-.2 1-.4.4-.4.2h-8.7v28c0 .3 0 .4-.2.6l-.6.3a14 14 0 0 1-5.6 0c-.3 0-.4-.2-.6-.3a.8.8 0 0 1-.1-.5V43.5h-8.8c-.1 0-.3 0-.4-.2-.1 0-.3-.3-.3-.5l-.2-.9a10.9 10.9 0 0 1 .2-3.6c0-.2.2-.4.3-.5l.4-.1H241l.4.1.4.5.2 1v1.3M270.3 70l.4 1.4c0 .4 0 .7-.2.9-.2.2-.6.3-1 .3a24.3 24.3 0 0 1-5.5 0l-.5-.4-.3-.6-2.4-7h-13l-2.3 6.8-.2.6c-.2.2-.3.4-.6.4a25.9 25.9 0 0 1-5 .2c-.4 0-.7-.2-.9-.4-.2-.2-.2-.5-.2-.8 0-.4.2-1 .4-1.5l10.8-31c0-.3.2-.5.3-.7l.7-.4 1.3-.2a47.8 47.8 0 0 1 6.2.2c.4 0 .7.2.8.4l.4.8 10.8 31zm-16-25.7l-5 14.9h9.9l-5-14.9zM299 48.3c0 2-.3 3.7-.9 5.2a10 10 0 0 1-2.7 3.8c-1.1 1-2.6 1.8-4.3 2.3a20 20 0 0 1-6 .8h-2.9v11.2l-.1.5-.6.3-1.1.2a14 14 0 0 1-4.5-.2c-.3 0-.5-.2-.6-.3a.8.8 0 0 1-.2-.5V40.2c0-.8.3-1.5.7-1.9.4-.4 1-.6 1.7-.6h8.3a28 28 0 0 1 5 .5c1 .2 2.1.6 3.2 1.1a8.8 8.8 0 0 1 4.5 5.1c.3 1.2.5 2.5.5 3.9m-7.4.5c0-1.2-.2-2.2-.6-3-.5-.8-1-1.4-1.6-1.8-.7-.4-1.3-.6-2-.7l-2.2-.1h-3V55h3.2c1.1 0 2-.2 2.9-.5a4.9 4.9 0 0 0 3-3.2c.2-.8.3-1.6.3-2.5M311.6 71.6c0 .2 0 .3-.2.5l-.5.3-1.1.2a14.2 14.2 0 0 1-4.5-.2c-.3 0-.5-.2-.6-.3a.8.8 0 0 1-.2-.5v-33c0-.1 0-.3.2-.4.1-.2.3-.3.6-.4l1-.2a15.2 15.2 0 0 1 4.6.2l.5.4c.2.1.2.3.2.5v32.9zM350.6 54.7c0 2.9-.4 5.5-1.1 7.8-.7 2.2-1.8 4.2-3.2 5.8a13.7 13.7 0 0 1-5.3 3.6 21.3 21.3 0 0 1-14.4.2 12.3 12.3 0 0 1-8-8.8 28 28 0 0 1 0-15.6c.8-2.2 1.8-4.2 3.3-5.7a14 14 0 0 1 5.2-3.7c2.1-.8 4.5-1.2 7.3-1.2 2.7 0 5 .3 7 1s3.7 1.8 5 3.2a14 14 0 0 1 3.1 5.6c.7 2.2 1 4.8 1 7.8m-7.4.4c0-1.8-.1-3.5-.4-5-.3-1.5-.8-2.8-1.5-3.9a7 7 0 0 0-2.7-2.4 9.4 9.4 0 0 0-4.3-1c-1.8 0-3.2.4-4.4 1a8 8 0 0 0-2.8 2.7 11 11 0 0 0-1.5 3.8 27.8 27.8 0 0 0 0 9.8 11 11 0 0 0 1.4 3.9c.7 1 1.6 1.9 2.7 2.5 1.2.5 2.6.8 4.4.8 1.7 0 3.2-.3 4.3-1a7.8 7.8 0 0 0 2.9-2.6c.7-1.1 1.2-2.4 1.5-3.9.3-1.5.4-3 .4-4.7M375.7 69.6a10.5 10.5 0 0 1-.3 2.3c0 .2-.2.4-.3.5l-.5.1h-16c-.6 0-1-.1-1.5-.5-.4-.3-.6-.9-.6-1.7V38.7c0-.2 0-.4.2-.5.1-.2.3-.3.6-.4l1-.2a15.7 15.7 0 0 1 4.6.2c.3.1.5.2.6.4l.1.5v28h11l.5.1.3.5.2 1v1.3M408.4 70c.2.6.4 1 .4 1.4 0 .4 0 .7-.2.9-.2.2-.5.3-1 .3a24.3 24.3 0 0 1-5.4 0 1 1 0 0 1-.6-.4 2 2 0 0 1-.3-.6l-2.3-7h-13.1l-2.2 6.8c0 .3-.2.5-.3.6-.1.2-.3.4-.6.4a26 26 0 0 1-5 .2c-.3 0-.7-.2-.8-.4-.2-.2-.3-.5-.2-.8 0-.4.2-1 .4-1.5l10.7-31 .4-.7c.1-.2.4-.3.7-.4l1.3-.2a47.7 47.7 0 0 1 6.2.2c.3 0 .6.2.7.4l.4.8 10.8 31zm-16-25.7l-5 14.9h10l-5-14.9zM22.5 68.5c-6.9-6.9-6.9-18 0-24.9l23.8-23.8a17.6 17.6 0 0 1 20-3.4v.1L42.9 39.9a5.9 5.9 0 0 0 8.2 8.3l4.2-4.1c2.3-2.4 4.7-2.4 6.7-.4l9 8.9c2.3 2.4 2.6 4.4 0 7.1l-8.5 8.5c-2.4 2.3-4.6 2.5-7.1 0L39 51.9a5.9 5.9 0 0 0-8.3 8.3L51.5 81c4 4 10.6 4 14.7 0l17.4-17.5c4-4 4-10.6 0-14.7L70.3 35.4c-2.1-2-2-4.4.2-6.6l4.3-4.2.5-.7L92 40.6a21.8 21.8 0 0 1 0 31L74.2 89.2a21.9 21.9 0 0 1-30.9 0L22.5 68.5z"},sv:{viewBox:"0 0 463 111",title:"LokalTapiola",path:"M131 69.6l-.1 1.4-.2.9-.4.5-.4.2h-16c-.6 0-1.1-.2-1.5-.6-.4-.3-.6-.9-.6-1.7V38.7l.1-.5.6-.4 1.1-.2a15 15 0 0 1 4.5.2c.3.1.5.2.6.4l.2.5v28h11c.1 0 .3 0 .4.2.2 0 .3.2.4.4l.2 1v1.3M157.4 55c0-1.7-.1-3.4-.4-4.9-.3-1.5-.8-2.8-1.5-3.9a7 7 0 0 0-2.7-2.4 9.5 9.5 0 0 0-4.3-1c-1.8 0-3.2.4-4.4 1a8 8 0 0 0-2.8 2.7c-.8 1-1.3 2.4-1.6 3.8a27.6 27.6 0 0 0 0 9.8 11 11 0 0 0 1.5 4c.7 1 1.6 1.8 2.7 2.4 1.2.6 2.6.8 4.4.8a7.9 7.9 0 0 0 7.2-3.6c.7-1 1.2-2.4 1.5-3.9.3-1.5.4-3 .4-4.7m7.5-.4c0 3-.4 5.5-1.1 7.8-.7 2.3-1.8 4.2-3.2 5.8a13.7 13.7 0 0 1-5.3 3.6c-2 .9-4.5 1.3-7.3 1.3-2.7 0-5-.4-7-1a12.4 12.4 0 0 1-8.1-8.9 28 28 0 0 1 0-15.6 14 14 0 0 1 8.5-9.4c2.1-.8 4.5-1.2 7.3-1.2 2.6 0 5 .3 7 1a12.4 12.4 0 0 1 8.1 8.8c.7 2.2 1 4.8 1 7.8M196.3 71.5l-.1.5a1 1 0 0 1-.6.4l-1.2.2a17 17 0 0 1-4.3 0c-.5-.1-.9-.2-1.1-.4l-.5-.7L177.9 55v16.5l-.1.6-.6.3-1 .2a15 15 0 0 1-4.6-.2c-.3 0-.5-.2-.6-.3a.8.8 0 0 1-.2-.6V38.7c0-.2 0-.4.2-.5.1-.2.3-.3.6-.4l1-.2a14.8 14.8 0 0 1 4.6.2c.3.1.5.2.6.4l.1.5v14.8l10.2-14.8.5-.6.7-.3a20.7 20.7 0 0 1 5.7 0l.6.4.2.5-.3 1-.9 1.5-9.6 12.5 10.5 15.8.7 1.4.1.6M213.6 44.3l-5 14.9h10l-5-14.9zm16 25.6l.4 1.6c0 .3 0 .6-.2.8-.2.2-.6.3-1 .4a26.7 26.7 0 0 1-5.5-.2 1 1 0 0 1-.5-.3l-.3-.6-2.3-7H207l-2.2 6.8-.3.7-.6.4-1.1.2a27.7 27.7 0 0 1-3.8 0c-.5-.1-.8-.2-1-.4-.2-.2-.2-.5-.2-1l.4-1.4 10.8-31c0-.3.2-.5.4-.7.1-.2.3-.4.6-.4l1.4-.2a44.9 44.9 0 0 1 6.2.2c.3 0 .6.2.7.4l.4.8 10.8 31zM253.6 69.6V71l-.2.9-.4.5-.4.2h-16c-.6 0-1.1-.2-1.5-.6-.4-.3-.6-.9-.6-1.7V38.7c0-.2 0-.4.2-.5 0-.2.3-.3.5-.4l1.1-.2a15 15 0 0 1 4.5.2c.3.1.5.2.6.4l.2.5v28h11c.1 0 .3 0 .4.2.2 0 .3.2.4.4l.2 1v1.3M276.3 40.6v1.3l-.3 1-.3.4-.5.2h-8.7v28.1c0 .2 0 .3-.2.5l-.6.3-1 .2a15.2 15.2 0 0 1-4.6-.2l-.6-.3a.7.7 0 0 1-.1-.5V43.5h-8.8c-.1 0-.3 0-.4-.2-.2 0-.3-.3-.3-.5l-.2-.9a10.7 10.7 0 0 1 .2-3.6c0-.2.1-.4.3-.5l.4-.1h24.6l.5.1.3.5.2 1v1.3M288.6 44.3l-5 14.9h10l-5-14.9zm16 25.6l.4 1.6c0 .3 0 .6-.2.8-.2.2-.5.3-1 .4a26.8 26.8 0 0 1-5.4-.2 1 1 0 0 1-.6-.3l-.3-.6-2.3-7H282l-2.2 6.8-.3.7-.6.4-1 .2a27.9 27.9 0 0 1-3.9 0c-.5-.1-.8-.2-1-.4-.2-.2-.2-.5-.2-1l.4-1.4 10.8-31 .4-.7c.1-.2.3-.4.7-.4l1.3-.2a45 45 0 0 1 6.2.2c.3 0 .6.2.7.4l.4.8 10.8 31zM326 48.8c0-1.2-.3-2.2-.7-3-.4-.8-1-1.4-1.6-1.8-.6-.4-1.3-.6-2-.7l-2.1-.1h-3V55h3.2c1.1 0 2-.2 2.8-.5.8-.3 1.4-.7 1.9-1.2a8 8 0 0 0 1.5-4.5m7.4-.5c0 2-.3 3.7-1 5.2a10 10 0 0 1-2.6 3.8c-1.2 1-2.6 1.8-4.3 2.4a20 20 0 0 1-6 .8h-3V72l-.7.3-1 .2a14.8 14.8 0 0 1-4.6-.2c-.2 0-.4-.2-.5-.3a.8.8 0 0 1-.2-.5V40.2c0-.8.2-1.5.7-1.9.4-.4 1-.6 1.7-.6h8.2a27.3 27.3 0 0 1 5 .5c1.1.2 2.2.6 3.2 1.1 1 .6 2 1.3 2.8 2.1.7.9 1.3 1.9 1.7 3 .4 1.2.6 2.5.6 3.9M346 71.6c0 .2 0 .3-.2.5l-.6.3-1 .2a15.1 15.1 0 0 1-4.6-.2c-.2 0-.4-.2-.5-.3a.8.8 0 0 1-.2-.5v-33c0-.1 0-.3.2-.4 0-.2.3-.3.5-.4l1.1-.2a14.5 14.5 0 0 1 4.5.2c.3.1.5.2.6.4l.2.5v32.9zM377.5 55c0-1.7-.1-3.4-.4-4.9-.3-1.5-.8-2.8-1.5-3.9a7 7 0 0 0-2.7-2.4 9.5 9.5 0 0 0-4.3-1c-1.8 0-3.2.4-4.4 1a8 8 0 0 0-2.8 2.7c-.8 1-1.3 2.4-1.6 3.8a27.8 27.8 0 0 0 0 9.8 11 11 0 0 0 1.5 4c.7 1 1.6 1.8 2.7 2.4 1.2.6 2.6.8 4.4.8a7.9 7.9 0 0 0 7.2-3.6c.7-1 1.2-2.4 1.5-3.9.3-1.5.4-3 .4-4.7m7.5-.4c0 3-.4 5.5-1.1 7.8-.7 2.3-1.8 4.2-3.2 5.8a13.8 13.8 0 0 1-5.3 3.6c-2 .9-4.5 1.3-7.2 1.3-2.8 0-5.1-.4-7.1-1a12.3 12.3 0 0 1-8.1-8.9 28 28 0 0 1 0-15.6 14 14 0 0 1 8.5-9.4c2.1-.8 4.5-1.2 7.3-1.2 2.6 0 5 .3 7 1a12.4 12.4 0 0 1 8.1 8.8c.7 2.2 1 4.8 1 7.8M410.1 69.6V71l-.3.9c0 .2-.2.4-.3.5l-.5.2h-16c-.6 0-1-.2-1.5-.6-.4-.3-.6-.9-.6-1.7V38.7c0-.2 0-.4.2-.5.1-.2.3-.3.6-.4l1-.2a14.9 14.9 0 0 1 4.6.2c.3.1.5.2.6.4l.2.5v28h11c.1 0 .3 0 .4.2l.3.4.2 1 .1 1.3M426.8 44.3l-5 14.9h10l-5-14.9zm16 25.6l.5 1.6c0 .3 0 .6-.3.8-.2.2-.5.3-1 .4a26.8 26.8 0 0 1-5.4-.2 1 1 0 0 1-.6-.3l-.2-.6-2.4-7h-13l-2.3 6.8c0 .3-.2.5-.3.7l-.5.4-1.1.2a27.6 27.6 0 0 1-3.9 0l-1-.4c-.1-.2-.2-.5-.1-1l.4-1.4 10.7-31 .4-.7c.2-.2.4-.4.7-.4l1.3-.2a45 45 0 0 1 6.2.2c.4 0 .6.2.8.4l.4.8 10.8 31zM21.8 68.6c-7-7-7-18.1 0-25l23.8-23.8a17.7 17.7 0 0 1 20-3.4L42.2 40a5.9 5.9 0 0 0 8.2 8.3l4.2-4.1c2.3-2.4 4.6-2.4 6.7-.4l9 9c2.3 2.3 2.6 4.4 0 7l-8.6 8.5c-2.3 2.3-4.5 2.5-7 0L38.3 51.9a5.9 5.9 0 0 0-8.3 8.3L50.8 81c4 4 10.6 4 14.6 0L83 63.4c4-4 4-10.6 0-14.7L69.6 35.4c-2.1-2-2-4.4.2-6.6l4.3-4.3.5-.6 16.7 16.7a21.9 21.9 0 0 1 0 31L73.5 89.3a21.9 21.9 0 0 1-31 0L21.9 68.6z"},en:{viewBox:"0 0 460 111",title:"LocalTapiola",path:"M131.6 69.7V71l-.3 1c0 .2-.2.4-.3.5l-.5.1h-16c-.5 0-1-.1-1.4-.5-.5-.3-.7-1-.7-1.7V38.7l.2-.4c.1-.2.3-.3.6-.4l1-.2a14.8 14.8 0 0 1 4.6.2c.3.1.5.2.6.4l.2.4v28h11l.4.2.3.5.2 1 .1 1.3M158 55.2c0-1.8 0-3.5-.4-5-.2-1.5-.7-2.8-1.4-3.9a7 7 0 0 0-2.8-2.4 9.4 9.4 0 0 0-4.3-1c-1.7 0-3.2.4-4.4 1a8 8 0 0 0-2.8 2.7c-.7 1-1.2 2.4-1.5 3.8a27.6 27.6 0 0 0 0 9.8 11 11 0 0 0 1.4 3.9c.7 1 1.6 1.9 2.8 2.5 1.1.5 2.6.8 4.3.8a7.9 7.9 0 0 0 7.2-3.6c.7-1.1 1.2-2.4 1.5-3.9.3-1.5.5-3 .5-4.7m7.4-.4c0 2.9-.4 5.5-1 7.8-.8 2.2-1.9 4.2-3.3 5.8A13.7 13.7 0 0 1 156 72c-2.1.8-4.6 1.3-7.3 1.3s-5-.4-7.1-1.1a12.3 12.3 0 0 1-8-8.8 28 28 0 0 1 0-15.6 14 14 0 0 1 8.5-9.4c2-.8 4.5-1.2 7.2-1.2s5 .3 7 1 3.7 1.8 5.1 3.2c1.4 1.5 2.4 3.3 3 5.6.8 2.2 1.1 4.8 1.1 7.8M213.2 44.4l-5 14.8h10l-5-14.8zm16 25.6c.3.6.4 1.2.4 1.5 0 .4 0 .7-.2.9-.2.2-.5.3-1 .3a26.6 26.6 0 0 1-5.4-.1c-.3 0-.5-.2-.6-.3l-.3-.6-2.3-7h-13l-2.3 6.8c0 .3-.2.5-.3.6l-.5.4-1.1.2a27.2 27.2 0 0 1-3.9 0c-.4 0-.8-.2-1-.4-.1-.2-.2-.5-.1-.8l.4-1.6L208.7 39l.4-.7.7-.5 1.3-.1a47 47 0 0 1 6.2.1c.4.1.6.3.8.5l.4.8L229.2 70zM253.3 69.7l-.1 1.3-.2 1-.3.5-.5.1h-16c-.6 0-1-.1-1.5-.5-.4-.3-.6-1-.6-1.7V38.7c0-.1 0-.3.2-.4.1-.2.3-.3.6-.4l1-.2a14.8 14.8 0 0 1 4.6.2l.5.4c.2.1.2.3.2.4v28h11l.5.2.3.5.2 1v1.3M275.9 40.7V42l-.3 1-.3.4-.5.2h-8.7v28c0 .2 0 .4-.2.6l-.6.3-1 .2a15.3 15.3 0 0 1-4.6-.2c-.2 0-.4-.2-.5-.3a.7.7 0 0 1-.2-.5V43.6h-8.7c-.2 0-.4 0-.5-.2l-.3-.5-.2-.9a10.9 10.9 0 0 1 .2-3.6c0-.2.2-.4.3-.5l.5-.1h24.5l.5.1.3.5.2 1v1.3M288.2 44.4l-5 14.8h10l-5-14.8zm16 25.6l.4 1.5c0 .4 0 .7-.2.9-.2.2-.6.3-1 .3a26.7 26.7 0 0 1-5.5-.1 1 1 0 0 1-.5-.3l-.3-.6-2.3-7h-13.1l-2.2 6.8-.3.6c-.1.2-.3.3-.6.4l-1 .2a27.3 27.3 0 0 1-3.9 0c-.5 0-.8-.2-1-.4-.2-.2-.2-.5-.2-.8l.4-1.6L283.7 39l.4-.7c.1-.2.3-.4.7-.5l1.3-.1a47.4 47.4 0 0 1 6.2.1c.3.1.6.3.7.5l.4.8L304.2 70zM325.5 48.9c0-1.2-.2-2.2-.6-3-.5-.8-1-1.4-1.6-1.8-.6-.4-1.3-.6-2-.7l-2.1-.2h-3v11.9h3.1c1.2 0 2.1-.2 2.9-.5.7-.3 1.4-.7 1.8-1.3.5-.5.9-1.2 1.1-2 .3-.7.4-1.5.4-2.4m7.4-.5c0 2-.3 3.7-.9 5.2a10 10 0 0 1-2.6 3.8c-1.2 1-2.6 1.8-4.3 2.3-1.7.6-3.7.8-6 .8h-3v11.2l-.1.5-.6.3-1 .2a14.9 14.9 0 0 1-4.6-.2c-.3 0-.5-.2-.6-.3a.8.8 0 0 1-.1-.5V40.3c0-.8.2-1.5.6-1.9.5-.4 1-.6 1.8-.6h8.2a27.6 27.6 0 0 1 5 .5c1 .2 2.1.6 3.2 1.1a8.9 8.9 0 0 1 4.5 5.1c.3 1.2.5 2.4.5 3.9M345.5 71.7l-.1.5-.6.3-1 .2a15 15 0 0 1-4.6-.2c-.3 0-.5-.2-.6-.3a.8.8 0 0 1-.2-.5v-33c0-.1 0-.3.2-.4.1-.2.3-.3.6-.4l1-.2a14.5 14.5 0 0 1 4.6.2c.3.1.5.2.6.4l.1.4v33zM377 55.2c0-1.8 0-3.5-.4-5-.3-1.5-.7-2.8-1.4-3.9a7 7 0 0 0-2.8-2.4 9.4 9.4 0 0 0-4.3-1c-1.8 0-3.2.4-4.4 1a8 8 0 0 0-2.8 2.7c-.7 1-1.2 2.4-1.5 3.8a27.8 27.8 0 0 0 0 9.8 11 11 0 0 0 1.4 3.9c.7 1 1.6 1.9 2.8 2.5 1.1.5 2.6.8 4.3.8a7.9 7.9 0 0 0 7.2-3.6c.7-1.1 1.2-2.4 1.5-3.9.3-1.5.5-3 .5-4.7m7.4-.4c0 2.9-.4 5.5-1 7.8-.8 2.2-1.9 4.2-3.3 5.8A13.8 13.8 0 0 1 375 72a21.6 21.6 0 0 1-14.4.2 12.3 12.3 0 0 1-8-8.8 28 28 0 0 1 0-15.6c.8-2.2 1.9-4.2 3.3-5.7a14 14 0 0 1 5.2-3.7c2.1-.8 4.6-1.2 7.3-1.2s5 .3 7 1 3.7 1.8 5 3.2c1.4 1.5 2.5 3.3 3.2 5.6.7 2.2 1 4.8 1 7.8M409.6 69.7a11.5 11.5 0 0 1-.3 2.3c0 .2-.2.4-.3.5l-.5.1h-16c-.5 0-1-.1-1.4-.5-.4-.3-.7-1-.7-1.7V38.7l.2-.4c.1-.2.3-.3.6-.4l1.1-.2a14.7 14.7 0 0 1 4.5.2c.3.1.5.2.6.4l.2.4v28h11l.4.2.3.5.2 1 .1 1.3M426.3 44.4l-5 14.8h10l-5-14.8zm16 25.6c.3.6.4 1.2.4 1.5.1.4 0 .7-.2.9-.2.2-.5.3-1 .3a26.7 26.7 0 0 1-5.4-.1c-.3 0-.5-.2-.6-.3l-.3-.6-2.3-7h-13l-2.3 6.8c0 .3-.2.5-.3.6 0 .2-.3.3-.5.4l-1.1.2a27.1 27.1 0 0 1-3.9 0c-.4 0-.7-.2-1-.4-.1-.2-.2-.5-.1-.8l.4-1.6L421.8 39l.4-.7.7-.5 1.3-.1a47.3 47.3 0 0 1 6.2.1c.4.1.6.3.8.5l.4.8L442.3 70zM22.5 68.6c-6.9-6.9-6.9-18 0-25L46.3 20a17.6 17.6 0 0 1 20-3.4v.1L42.9 40a5.9 5.9 0 0 0 8.2 8.3l4.2-4.1c2.3-2.4 4.7-2.4 6.7-.4l9 8.9c2.3 2.4 2.6 4.4 0 7.1l-8.5 8.5c-2.4 2.3-4.6 2.5-7.1 0L39 52a5.9 5.9 0 0 0-8.3 8.3L51.5 81c4 4 10.6 4 14.7 0l17.4-17.5c4-4 4-10.6 0-14.7L70.3 35.5c-2.1-2-2-4.4.2-6.6l4.3-4.3.5-.6L92 40.7a21.8 21.8 0 0 1 0 31L74.2 89.3a21.8 21.8 0 0 1-30.9 0L22.5 68.6zM195.7 67.4a13.7 13.7 0 0 1-.2 2l-.2.5-.5.6c-.2.2-.5.5-1.1.8l-2 1a18.2 18.2 0 0 1-6.3 1A18 18 0 0 1 179 72c-2-.7-3.6-1.8-5-3.3a14.7 14.7 0 0 1-3-5.4c-.7-2.2-1.1-4.8-1.1-7.7 0-3 .4-5.6 1.2-7.9.8-2.3 1.9-4.2 3.3-5.7 1.4-1.6 3.1-2.8 5-3.6a17.2 17.2 0 0 1 14 .6l1.3.8.5.6.2.7.1.9a16.4 16.4 0 0 1-.2 3.5c0 .2-.2.4-.3.5l-.5.2-1-.5a16.8 16.8 0 0 0-4-2 10 10 0 0 0-6.9.3 8 8 0 0 0-2.7 2.4c-.8 1-1.4 2.3-1.8 3.8-.4 1.5-.6 3.2-.6 5 0 2 .3 3.9.7 5.4.4 1.5 1 2.7 1.8 3.7s1.7 1.7 2.8 2.1c1.1.5 2.3.7 3.7.7a10.6 10.6 0 0 0 5.6-1.4l1.7-1c.4-.2.7-.4 1-.4l.4.1c0 .1.2.2.2.5l.2.9v1.5"}},T=({inverse:t,logoId:d,language:a})=>{const i=t?y:L,{title:o,path:r,viewBox:h}=H[a];return e("svg",{role:"img",xmlns:"http://www.w3.org/2000/svg",fill:i,"aria-labelledby":d,viewBox:h},e("title",{id:d},o),e("path",{d:r}))},E=class{constructor(e){t(this,e),this.logoId=C("DuetLogo"),this.theme="",this.margin="auto",this.inverse=!1,this.size="medium",this.href="/",this.language=b()}componentWillLoad(){x(this)}async setFocus(e){this.nativeLink&&this.nativeLink.focus(e)}render(){return e(i,{class:{"duet-m-0":"none"===this.margin}},e(this.href?"a":"div",{href:this.href,ref:e=>this.nativeLink=e,class:{"duet-logo":!0,[this.size]:!0,"duet-theme-turva":"turva"===this.theme,"duet-logo-en":"en"===this.language,"duet-logo-sv":"sv"===this.language}},"turva"===this.theme?e(U,{logoId:this.logoId,inverse:this.inverse}):e(T,{logoId:this.logoId,inverse:this.inverse,language:this.language})))}get element(){return o(this)}};E.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:8px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-logo{-webkit-user-select:none;user-select:none;display:block;width:154px;height:40px;border-radius:4px}.duet-logo:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-logo:focus,.duet-logo:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-logo.duet-logo-en{width:166px}.duet-logo.duet-logo-sv{width:167px}.duet-logo.duet-theme-turva{width:110px;height:40px}.duet-logo svg{display:block;width:100%;height:auto}.duet-logo.large{width:184.8px;height:48px}.duet-logo.large.duet-logo-en{width:199.2px}.duet-logo.large.duet-logo-sv{width:200.4px}.duet-logo.large.duet-theme-turva{width:149.6px;height:54.4px}";export{$ as duet_header,E as duet_logo}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function a(t){try{u(i.next(t))}catch(e){r(e)}}function c(t){try{u(i["throw"](t))}catch(e){r(e)}}function u(t){t.done?n(t.value):o(t.value).then(a,c)}u((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return u([t,e])}}function u(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(c){a=[6,c];o=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-1cb29dd2.system.js","./p-6b03322b.system.js","./p-4e2532c7.system.js","./p-ddb6344c.system.js"],(function(t){"use strict";var e,n,i,o,r,a,c;return{setters:[function(t){e=t.E;n=t.r;i=t.h;o=t.H;r=t.g},function(t){a=t.i},function(t){c=t.g},function(){}],execute:function(){var u=function(t){if(typeof document==="undefined"||!t){return}var e=document.createElement("div");e.innerHTML=t;for(var n=e.childNodes.length-1;n>=0;n--){var i=e.childNodes[n];if(i.nodeName.toLowerCase()!=="svg"){e.removeChild(e.childNodes[n])}}return e.firstElementChild};var s=function(t){if(t.nodeName.toLowerCase()==="script"){return false}for(var e=0;e<t.attributes.length;e++){var n=t.attributes[e];if(n.name.toLowerCase().indexOf("on")===0){return false}}if(t.children){for(var e=0;e<t.children.length;e++){if(!s(t.children[e])){return false}}}return true};var d=function(t){{return"".concat(e.cdnURIProd,"/icons/").concat(e.duetIconVersion,"/lib/assets/").concat(t,".svg")}};var h={};function l(t){if(h[t]){return h[t]}function e(){return __awaiter(this,void 0,void 0,(function(){var e,n,i,o;return __generator(this,(function(r){switch(r.label){case 0:return[4,fetch(t)];case 1:e=r.sent();if(!e.ok){throw new Error("SVG request failed: ".concat(e.status," ").concat(e.statusText))}return[4,e.text()];case 2:n=r.sent();i=u(n);if(!s(i)){throw new Error("SVG validation failed")}o=document.createElement("div");o.appendChild(i);return[2,o.innerHTML]}}))}))}var n=e();return h[t]=n}var p="*,*::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;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px;border-radius:50%}@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:white;border-radius:50%}@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:white}.duet-icon.duet-icon-has-background.xxx-small .duet-icon-svg,.duet-icon.duet-icon-has-outline.xxx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.duet-icon-has-background.xx-small .duet-icon-svg,.duet-icon.duet-icon-has-outline.xx-small .duet-icon-svg{width:16px;height:16px}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:#0077b3}.duet-icon.duet-theme-turva{color:#c60c30}.duet-icon.auto .duet-icon-svg{width:100%;height:100%}.duet-icon.xxx-small .duet-icon-svg{width:7px;height:7px}.duet-icon.duet-icon-has-background.xxx-small{padding:6px}.duet-icon.duet-icon-has-outline.xxx-small{padding:4px}.duet-icon.xx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.duet-icon-has-background.xx-small{padding:8px}.duet-icon.duet-icon-has-outline.xx-small{padding:7px}.duet-icon.x-small .duet-icon-svg{width:16px;height:16px}.duet-icon.duet-icon-has-outline.x-small{padding:10px}.duet-icon.duet-icon-has-background.x-small{padding:12px}.duet-icon.small .duet-icon-svg{width:20px;height:20px}.duet-icon.duet-icon-has-background.small{padding:14px}.duet-icon.large .duet-icon-svg{width:30px;height:30px}.duet-icon.x-large .duet-icon-svg{width:36px;height:36px}.duet-icon.xx-large .duet-icon-svg{width:48px;height:48px}.duet-icon.xxx-large .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){.duet-icon.xxx-large .duet-icon-svg{width:72px;height:72px}}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon svg{width:100%;min-width:100%;fill:currentColor}";var m=t("duet_icon",function(){function t(t){n(this,t);this.theme="";this.name="action-add";this.margin="auto";this.responsive=true;this.color="";this.background="";this.size="medium";this.outline=""}t.prototype.componentWillLoad=function(){a(this);if(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)}this.loadIcon()};t.prototype.loadIcon=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(i){switch(i.label){case 0:if(this.icon){this.svgContent=this.icon;return[2]}t=this.src?this.src:d(this.name);i.label=1;case 1:i.trys.push([1,3,,4]);e=this;return[4,l(t)];case 2:e.svgContent=i.sent();return[3,4];case 3:n=i.sent();console.warn("[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ".concat(t,"."),n);return[3,4];case 4:return[2]}}))}))};t.prototype.render=function(){var t;var e=this.color==="currentColor"?"currentColor":c(this.color,this.theme)||c(this.outline,this.theme);var n={color:e,background:c(this.background,this.theme),"border-color":c(this.outline,this.theme)};return i(o,{class:{"duet-m-0":this.margin==="none","duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("div",{"aria-hidden":"true",style:n,class:(t={"duet-icon":true},t[this.size]=true,t["duet-theme-turva"]=this.theme==="turva",t["duet-theme-default"]=this.theme==="default",t["duet-icon-has-outline"]=!!this.outline,t["duet-icon-has-background"]=!!this.background,t["duet-icon-not-responsive"]=!this.responsive,t)},i("span",{"aria-hidden":"true",class:"duet-icon-svg",innerHTML:this.svgContent})))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}},enumerable:false,configurable:true});return t}());m.style=p}}}));
|