@duetds/components 10.0.0-alpha.23 → 10.0.0-alpha.25
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 +414 -261
- package/hydrate/index.mjs +414 -261
- package/lib/cjs/{a11y-utils-aMJTxbM9.js → a11y-utils-BeS3x4Hg.js} +1 -1
- package/lib/cjs/{app-globals-DN9e0v8L.js → app-globals-BvljEFtV.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-alert.cjs.entry.js +4 -4
- package/lib/cjs/duet-badge.cjs.entry.js +4 -4
- package/lib/cjs/duet-banner.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +6 -6
- package/lib/cjs/duet-button_2.cjs.entry.js +12 -12
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +13 -12
- package/lib/cjs/duet-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +3 -3
- package/lib/cjs/duet-choice_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
- package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
- package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
- package/lib/cjs/duet-date-picker.cjs.entry.js +6 -6
- package/lib/cjs/duet-divider_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +9 -9
- package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
- package/lib/cjs/duet-footer.cjs.entry.js +4 -4
- package/lib/cjs/duet-grid_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-header_2.cjs.entry.js +54 -12
- package/lib/cjs/duet-hero.cjs.entry.js +4 -4
- package/lib/cjs/duet-icon.cjs.entry.js +7 -7
- package/lib/cjs/duet-input_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-layout.cjs.entry.js +2 -2
- package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar.cjs.entry.js +10 -42
- package/lib/cjs/duet-modal.cjs.entry.js +37 -20
- package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-number-input.cjs.entry.js +14 -9
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +5 -5
- package/lib/cjs/duet-pagination_2.cjs.entry.js +17 -17
- package/lib/cjs/duet-panel.cjs.entry.js +53 -0
- package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +6 -6
- package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +16 -16
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +9 -9
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart.cjs.entry.js +7 -7
- package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +7 -7
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +12 -12
- package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
- package/lib/cjs/duet-status-icon.cjs.entry.js +4 -4
- package/lib/cjs/duet-step_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +8 -8
- package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
- package/lib/cjs/duet-toggle.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +8 -8
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +8 -8
- package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
- package/lib/cjs/duet-tray.cjs.entry.js +5 -5
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-CSxc4txc.js → errorcodes.utils-CwTzu57-.js} +1 -1
- package/lib/cjs/{focus-utils-R3gIGr8k.js → focus-utils-Dh4b8BiX.js} +1 -1
- package/lib/cjs/{index-cypK_uRu.js → index-D3O_5Hr7.js} +5 -1
- package/lib/cjs/{label-61f_b8fi.js → label-8AXhdqJy.js} +1 -1
- package/lib/cjs/{language-utils-DIDyCgUk.js → language-utils-CMK9eR4Q.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-BC5Q3UDm.js → slot-utils-BIdgEejh.js} +1 -1
- package/lib/cjs/{themeable-component-BWW4XmUY.js → themeable-component-B3llZmjN.js} +14 -2
- package/lib/cjs/{token-utils-CHLLcMzU.js → token-utils-DsVwGXGM.js} +75 -7
- package/lib/cjs/{tokens-DYbf8HFV.js → tokens-D7zqZKjQ.js} +0 -1
- package/lib/collection/collection-manifest.json +1 -0
- package/lib/collection/common/themeable-component.js +13 -1
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-banner/duet-banner.css +1 -0
- package/lib/collection/components/duet-banner/duet-banner.js +3 -3
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-button/duet-button.css +19 -4
- package/lib/collection/components/duet-button/duet-button.js +5 -5
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
- package/lib/collection/components/duet-header/duet-header.css +3 -0
- package/lib/collection/components/duet-header/duet-header.js +3 -2
- package/lib/collection/components/duet-icon/duet-icon.css +5 -0
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-label/duet-label.js +1 -1
- package/lib/collection/components/duet-link/duet-link.js +5 -4
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.css +8 -0
- package/lib/collection/components/duet-logo/duet-logo.js +74 -5
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +91 -0
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +27 -39
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +96 -15
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-nav/duet-nav.js +1 -1
- package/lib/collection/components/duet-notification/duet-notification.js +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +2 -2
- package/lib/collection/components/duet-number-input/duet-number-input.js +11 -6
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.css +12 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
- package/lib/collection/components/duet-panel/duet-panel.css +98 -0
- package/lib/collection/components/duet-panel/duet-panel.js +234 -0
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +3 -3
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
- package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
- package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
- package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
- package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab/duet-tab.js +2 -2
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +3 -3
- package/lib/collection/components/duet-toggle/duet-toggle.js +2 -2
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +2 -2
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/collection/utils/token-utils.js +59 -7
- package/lib/collection/utils/turva2-color-tokens.js +42 -0
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-2de0e6b5.entry.js → p-04ce95ba.entry.js} +1 -1
- package/lib/duet/{p-eafab2a1.entry.js → p-05766552.entry.js} +1 -1
- package/lib/duet/{p-3ea842ba.entry.js → p-065f7e81.entry.js} +1 -1
- package/lib/duet/{p-95dd811d.entry.js → p-06ed84cb.entry.js} +1 -1
- package/lib/duet/{p-625a23c2.entry.js → p-08ed76c2.entry.js} +1 -1
- package/lib/duet/{p-f3d5e40a.entry.js → p-0a448068.entry.js} +1 -1
- package/lib/duet/{p-44786477.entry.js → p-0dc4fe1d.entry.js} +1 -1
- package/lib/duet/{p-626e92a9.entry.js → p-0ebeee02.entry.js} +1 -1
- package/lib/duet/{p-9b9031cf.entry.js → p-106d3089.entry.js} +1 -1
- package/lib/duet/{p-32352972.entry.js → p-15593e3e.entry.js} +1 -1
- package/lib/duet/{p-54b978c0.entry.js → p-2057cc55.entry.js} +1 -1
- package/lib/duet/{p-061f484f.entry.js → p-2792ec0b.entry.js} +1 -1
- package/lib/duet/p-28a998f9.entry.js +4 -0
- package/lib/duet/{p-8057c9e5.entry.js → p-2d3d11db.entry.js} +1 -1
- package/lib/duet/{p-9d5be586.entry.js → p-2e34dd28.entry.js} +1 -1
- package/lib/duet/{p-f7782ce5.entry.js → p-30ade10d.entry.js} +1 -1
- package/lib/duet/{p-d5270614.entry.js → p-35ac072d.entry.js} +1 -1
- package/lib/duet/{p-70fd5cb5.entry.js → p-37222c50.entry.js} +1 -1
- package/lib/duet/{p-80f567c7.entry.js → p-39169420.entry.js} +1 -1
- package/lib/duet/{p-a544dcb2.entry.js → p-3dd4fbf1.entry.js} +1 -1
- package/lib/duet/{p-8ae3ba95.entry.js → p-402c8cd9.entry.js} +1 -1
- package/lib/duet/{p-2b2be1ce.entry.js → p-4628e002.entry.js} +1 -1
- package/lib/duet/{p-07cd31d4.entry.js → p-466ef37c.entry.js} +1 -1
- package/lib/duet/{p-f2e88086.entry.js → p-4aece4f9.entry.js} +1 -1
- package/lib/duet/{p-1b4e4213.entry.js → p-4ee576a2.entry.js} +1 -1
- package/lib/duet/p-500d799b.entry.js +4 -0
- package/lib/duet/{p-e8bf81e8.entry.js → p-5564a39c.entry.js} +1 -1
- package/lib/duet/p-5848a34c.entry.js +4 -0
- package/lib/duet/{p-1662ddb0.entry.js → p-5ab64521.entry.js} +1 -1
- package/lib/duet/{p-b3547427.entry.js → p-60be3836.entry.js} +1 -1
- package/lib/duet/p-625347d3.entry.js +4 -0
- package/lib/duet/{p-779380f8.entry.js → p-64ebf5e9.entry.js} +1 -1
- package/lib/duet/{p-48bcf197.entry.js → p-64f8d654.entry.js} +1 -1
- package/lib/duet/{p-73f38d13.entry.js → p-652eefa8.entry.js} +1 -1
- package/lib/duet/{p-85ddf215.entry.js → p-65a8dd89.entry.js} +1 -1
- package/lib/duet/{p-05cb3ef2.entry.js → p-66c7af01.entry.js} +1 -1
- package/lib/duet/{p-e8668d1a.entry.js → p-67290546.entry.js} +1 -1
- package/lib/duet/p-693fda6b.entry.js +4 -0
- package/lib/duet/{p-6fa05aeb.entry.js → p-6a6e4d82.entry.js} +1 -1
- package/lib/duet/{p-5c749aae.entry.js → p-6aa6ce7d.entry.js} +1 -1
- package/lib/duet/{p-e6a5676c.entry.js → p-71603edd.entry.js} +1 -1
- package/lib/duet/{p-c0721ad9.entry.js → p-71a6b137.entry.js} +1 -1
- package/lib/duet/{p-a40fbcac.entry.js → p-72c2ba6b.entry.js} +1 -1
- package/lib/duet/p-73290da8.entry.js +4 -0
- package/lib/duet/{p-2c2a8a28.entry.js → p-73ce0ef8.entry.js} +1 -1
- package/lib/duet/p-767afcf4.entry.js +4 -0
- package/lib/duet/{p-7ac87fc1.entry.js → p-774cf9f5.entry.js} +1 -1
- package/lib/duet/{p-89e9badf.entry.js → p-7a9f3475.entry.js} +1 -1
- package/lib/duet/{p-61da8d25.entry.js → p-7c814d9a.entry.js} +1 -1
- package/lib/duet/{p-1cc69291.entry.js → p-7f1fb1a9.entry.js} +1 -1
- package/lib/duet/{p-d154fb42.entry.js → p-83f6beb5.entry.js} +1 -1
- package/lib/duet/{p-5b2e8342.entry.js → p-8596c993.entry.js} +1 -1
- package/lib/duet/{p-e72e498d.entry.js → p-867aab83.entry.js} +1 -1
- package/lib/duet/{p-a854a83c.entry.js → p-86b74914.entry.js} +1 -1
- package/lib/duet/{p-11b6b71d.entry.js → p-8ed6f7c7.entry.js} +1 -1
- package/lib/duet/{p-b5cdfd48.entry.js → p-94e33308.entry.js} +1 -1
- package/lib/duet/p-960f95b4.entry.js +4 -0
- package/lib/duet/{p-5f437262.entry.js → p-9973c0dc.entry.js} +1 -1
- package/lib/duet/{p-e89f59fe.entry.js → p-9a1f29ac.entry.js} +1 -1
- package/lib/duet/{p-e3c9a33a.entry.js → p-9fade6a0.entry.js} +1 -1
- package/lib/duet/{p-0710ad83.entry.js → p-9fff2189.entry.js} +1 -1
- package/lib/duet/{p-CUNSbdt4.js → p-B_VBeM3r.js} +1 -1
- package/lib/duet/{p-B_RHZ7jo.js → p-BaR6ufr4.js} +1 -1
- package/lib/duet/p-BdUQgQFn.js +4 -0
- package/lib/duet/p-DdwVwK5C.js +4 -0
- package/lib/duet/p-Dr2j33H2.js +4 -0
- package/lib/duet/{p-Dvk6bntS.js → p-DxV3RbmM.js} +1 -1
- package/lib/duet/{p-fwfCVW-k.js → p-DyXNfxdT.js} +1 -1
- package/lib/duet/p-DzerL_yn.js +4 -0
- package/lib/duet/p-KocOARXM.js +4 -0
- package/lib/duet/p-OdY4DjJa.js +4 -0
- package/lib/duet/p-T5kkooky.js +4 -0
- package/lib/duet/{p-D5_4M8f7.js → p-Z0D6Gy9e.js} +1 -1
- package/lib/duet/{p-bd6f7e7b.entry.js → p-a09c6e42.entry.js} +1 -1
- package/lib/duet/{p-5956c71f.entry.js → p-a3a2e89e.entry.js} +1 -1
- package/lib/duet/{p-a94d6219.entry.js → p-a440c5b3.entry.js} +1 -1
- package/lib/duet/{p-835874ed.entry.js → p-a4a768bf.entry.js} +1 -1
- package/lib/duet/{p-e1715e1f.entry.js → p-a72b8cf4.entry.js} +1 -1
- package/lib/duet/{p-24f39c08.entry.js → p-ab0cd4e5.entry.js} +1 -1
- package/lib/duet/{p-a9353027.entry.js → p-aefcd222.entry.js} +1 -1
- package/lib/duet/p-b84ac47b.entry.js +4 -0
- package/lib/duet/{p-7cfcd244.entry.js → p-ba0fcce1.entry.js} +1 -1
- package/lib/duet/p-ba2b47d3.entry.js +4 -0
- package/lib/duet/{p-3d266d49.entry.js → p-baeb1090.entry.js} +1 -1
- package/lib/duet/{p-828a4e8b.entry.js → p-bcbe4d11.entry.js} +1 -1
- package/lib/duet/{p-fcb87d86.entry.js → p-bf5fae27.entry.js} +1 -1
- package/lib/duet/p-c6479694.entry.js +4 -0
- package/lib/duet/{p-c037858f.entry.js → p-c8308bec.entry.js} +1 -1
- package/lib/duet/p-d0f3a2e6.entry.js +4 -0
- package/lib/duet/{p-d29c6c90.entry.js → p-d28a8bc4.entry.js} +1 -1
- package/lib/duet/p-d2ceafd6.entry.js +4 -0
- package/lib/duet/{p-26ef0a2c.entry.js → p-d96af9c9.entry.js} +1 -1
- package/lib/duet/{p-a930cc2b.entry.js → p-dee8ff90.entry.js} +1 -1
- package/lib/duet/p-e9421a0e.entry.js +4 -0
- package/lib/duet/p-ec6e097b.entry.js +4 -0
- package/lib/duet/{p-b52c9aed.entry.js → p-effefdec.entry.js} +1 -1
- package/lib/duet/{p-9d16f09d.entry.js → p-fb3b8e0f.entry.js} +1 -1
- package/lib/esm/{a11y-utils-Do8wJ0uc.js → a11y-utils-CXqm1pj1.js} +1 -1
- package/lib/esm/{app-globals-CM7s1rys.js → app-globals-s-_CGo5t.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +5 -5
- package/lib/esm/duet-alert.entry.js +4 -4
- package/lib/esm/duet-badge.entry.js +4 -4
- package/lib/esm/duet-banner.entry.js +8 -8
- package/lib/esm/duet-breadcrumb.entry.js +7 -7
- package/lib/esm/duet-breadcrumbs.entry.js +7 -7
- package/lib/esm/duet-button_2.entry.js +13 -13
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +14 -13
- package/lib/esm/duet-card.entry.js +5 -5
- package/lib/esm/duet-checkbox.entry.js +2 -2
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +3 -3
- package/lib/esm/duet-choice_2.entry.js +6 -6
- package/lib/esm/duet-collapsible.entry.js +4 -4
- package/lib/esm/duet-combobox.entry.js +4 -4
- package/lib/esm/duet-contact-card.entry.js +5 -5
- package/lib/esm/duet-cookie-consent.entry.js +2 -2
- package/lib/esm/duet-date-picker.entry.js +6 -6
- package/lib/esm/duet-divider_2.entry.js +5 -5
- package/lib/esm/duet-editable-table_3.entry.js +10 -10
- package/lib/esm/duet-empty-state.entry.js +2 -2
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +2 -2
- package/lib/esm/duet-footer.entry.js +4 -4
- package/lib/esm/duet-grid_2.entry.js +4 -4
- package/lib/esm/duet-header_2.entry.js +55 -13
- package/lib/esm/duet-hero.entry.js +4 -4
- package/lib/esm/duet-icon.entry.js +8 -8
- package/lib/esm/duet-input_2.entry.js +8 -8
- package/lib/esm/duet-layout.entry.js +2 -2
- package/lib/esm/duet-list_2.entry.js +4 -4
- package/lib/esm/duet-menu-bar-button.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-menu-bar-item.entry.js +7 -7
- package/lib/esm/duet-menu-bar-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar.entry.js +10 -42
- package/lib/esm/duet-modal.entry.js +37 -20
- package/lib/esm/duet-multiselect.entry.js +10 -10
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +7 -7
- package/lib/esm/duet-number-input.entry.js +14 -9
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +5 -5
- package/lib/esm/duet-pagination_2.entry.js +18 -18
- package/lib/esm/duet-panel.entry.js +51 -0
- package/lib/esm/duet-phone-input.entry.js +4 -4
- package/lib/esm/duet-popup-menu_2.entry.js +7 -7
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +7 -7
- package/lib/esm/duet-radio_2.entry.js +7 -7
- package/lib/esm/duet-range-slider.entry.js +7 -7
- package/lib/esm/duet-scrollable_3.entry.js +17 -17
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +9 -9
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +2 -2
- package/lib/esm/duet-share-chart.entry.js +8 -8
- package/lib/esm/duet-show-more.entry.js +5 -5
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +7 -7
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +13 -13
- package/lib/esm/duet-slideout.entry.js +11 -11
- package/lib/esm/duet-status-icon.entry.js +4 -4
- package/lib/esm/duet-step_2.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar.entry.js +8 -8
- package/lib/esm/duet-textarea.entry.js +8 -8
- package/lib/esm/duet-toggle.entry.js +6 -6
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
- package/lib/esm/duet-toolbar-item.entry.js +8 -8
- package/lib/esm/duet-toolbar-link.entry.js +4 -4
- package/lib/esm/duet-toolbar.entry.js +4 -4
- package/lib/esm/duet-tooltip-button_2.entry.js +8 -8
- package/lib/esm/duet-tooltip.entry.js +5 -5
- package/lib/esm/duet-tray.entry.js +6 -6
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-jdmUflM5.js → errorcodes.utils-Bre55Njd.js} +1 -1
- package/lib/esm/{focus-utils-Fb4Hjq5k.js → focus-utils-vvgYykmM.js} +1 -1
- package/lib/esm/{index-CUNSbdt4.js → index-B_VBeM3r.js} +5 -1
- package/lib/esm/{label-CSouuUKb.js → label-l-Eza5H3.js} +1 -1
- package/lib/esm/{language-utils-fAqNRSrI.js → language-utils-B7PXWqpg.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-CgXzS75x.js → slot-utils-aDCRCdc4.js} +1 -1
- package/lib/esm/{themeable-component-EVqsr6Ut.js → themeable-component-DPqozkF4.js} +14 -2
- package/lib/esm/{token-utils-orOLyKQw.js → token-utils-BGFYWQ6j.js} +76 -9
- package/lib/esm/{tokens-Dvk6bntS.js → tokens-DxV3RbmM.js} +1 -1
- package/lib/esm/{tokens.module-D5_4M8f7.js → tokens.module-Z0D6Gy9e.js} +1 -1
- package/lib/types/components/duet-logo/duet-logo.d.ts +8 -0
- package/lib/types/components/duet-menu-bar/duet-menu-bar.d.ts +5 -4
- package/lib/types/components/duet-modal/duet-modal.d.ts +17 -1
- package/lib/types/components/duet-number-input/duet-number-input.d.ts +3 -1
- package/lib/types/components/duet-panel/duet-panel.d.ts +47 -0
- package/lib/types/components.d.ts +123 -4
- package/lib/types/utils/token-utils.d.ts +4 -0
- package/lib/types/utils/turva2-color-tokens.d.ts +39 -0
- package/package.json +3 -3
- package/lib/duet/p-2354e2c1.entry.js +0 -4
- package/lib/duet/p-50Jw5Ir2.js +0 -4
- package/lib/duet/p-5432f24c.entry.js +0 -4
- package/lib/duet/p-710ae64d.entry.js +0 -4
- package/lib/duet/p-7a9e6423.entry.js +0 -4
- package/lib/duet/p-7c4f010e.entry.js +0 -4
- package/lib/duet/p-88773ebf.entry.js +0 -4
- package/lib/duet/p-89e6b8d0.entry.js +0 -4
- package/lib/duet/p-9d501c34.entry.js +0 -4
- package/lib/duet/p-BI7G8d3Z.js +0 -4
- package/lib/duet/p-Be6-farU.js +0 -4
- package/lib/duet/p-CF5Kkdym.js +0 -4
- package/lib/duet/p-DyjhCDQL.js +0 -4
- package/lib/duet/p-M3ljdQX1.js +0 -4
- package/lib/duet/p-b2c2a24e.entry.js +0 -4
- package/lib/duet/p-b314a75a.entry.js +0 -4
- package/lib/duet/p-b4569b01.entry.js +0 -4
- package/lib/duet/p-d2e1cef2.entry.js +0 -4
- package/lib/duet/p-e89e940b.entry.js +0 -4
- package/lib/duet/p-ekdrapBY.js +0 -4
- package/lib/duet/p-fc319c57.entry.js +0 -4
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,c as e,h as i,H as s,g as n}from"./p-B_VBeM3r.js";import{g as a}from"./p-DvwKrUS6.js";import{i as u}from"./p-DdwVwK5C.js";import{c as r}from"./p-Cfr_DJqU.js";import{f as o,e as h,g as l,d as b,o as d,s as c,u as p}from"./p-Db8rvjPI.js";import{a as m,b as f,g,c as v,d as x}from"./p-BaR6ufr4.js";import{c as y,p as w}from"./p-KocOARXM.js";import"./p-C6E9F6QT.js";var k,A,D,N,C=a(A?k:(A=1,k={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>'})),S=a(N?D:(N=1,D={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>'}));function E(t,e){let i;if("string"==typeof t){if(""===t)return null;let s=t.replace("−","-").replace("‐","-").replace("−","-").replace("–","-").replace("—","-");e&&(s=function(t,e,i=!1){let s;const n=new Intl.NumberFormat(e).format(.5).replace(/[0-9]/g,""),a=new Intl.NumberFormat("en-US").format(.5).replace(/[0-9]/g,""),u=new Intl.NumberFormat(e).format(1e3).replace(/[0-9]/g,""),r=new Intl.NumberFormat("en-US").format(1e3).replace(/[0-9]/g,"");return s=t.replace(n,"DECIMALSEPARATOR"),s=s.replace(u,i?"THOUSANDSEPARATOR":""),s=s.replace("DECIMALSEPARATOR",a),s=s.replace("THOUSANDSEPARATOR",r),s}(s,e,!1)),s=s.replace(/\s+/g,""),i=parseFloat(s)}if("number"==typeof t&&(i=parseFloat(String(t))),!isNaN(Number(i)))return Number(i);if(null==t)return null;throw new Error("Invalid value passed to SafeParseFloat")}const I=(t,e,i)=>Math.min(Math.max(t,e),i),R=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetInput=e(this,"duetInput",3),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.inputId=r("DuetInput"),this.proxyId=r("DuetInput"),this.language=m(),this.locale=f(this.language).locale,this.unit=f(this.language).money,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveDefaults={fi:"{current} euroa valittuna",en:"{current} euros selected",sv:"{current} euro valt"},this.accessibleLive=g(this.accessibleLiveDefaults,this.language),this.accessibleLiveEnabled=!0,this.accessibleAddDefaults={fi:"Lisää summaan",en:"Add to the amount",sv:"Lägg till beloppet"},this.accessibleAdd=g(this.accessibleAddDefaults,this.language),this.accessibleSubtractDefaults={fi:"Vähennä summasta",en:"Subtract from the amount",sv:"Dra från beloppet"},this.accessibleSubtract=g(this.accessibleSubtractDefaults,this.language),this.theme="",this.margin="auto",this.expand=!1,this.min=0,this.labelDefaults={fi:"Nimilappu",en:"Label",sv:"Etikett"},this.label=g(this.labelDefaults,this.language),this.labelHidden=!1,this.max=1e6,this.error="",this.tooltip="",this.step=5e3,this.rounding=!0,this.disabled=!1,this.required=!1,this.handleFocus=()=>{this.focusedValue=this.value},this.handleKeyDown=t=>{o(t)||h(t)?this.add(t):l(t)||b(t)?this.subtract(t):d(t)&&this.clearValue(t)},this.handleChange=t=>{t.stopPropagation();const e=t.target;if(e&&e.value)try{let i=E(e.value,this.locale);(isNaN(i)||null==i)&&(i=this.min||0),this.setValue(i),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:E(this.value,this.locale).toString(),valueAsNumber:i})}catch(i){"-"!==e.value&&this.clearValue(t),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})}else this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})},this.handleBlur=t=>{const e=t.target;var i;if(e)if(e.value)try{let s=E(e.value,this.locale);this.rounding&&(i=this.step,s=Math.round(s/i)*i),s=I(s,this.min,this.max),s===E(this.value,this.locale)&&s===E(this.focusedValue,this.locale)||(this.setValue(s),this.emitChange(t))}catch(e){this.emitNull(t)}else this.emitNull(t)},this.emitChange=t=>{const e=E(this.value,this.locale);this.duetChange.emit({originalEvent:t,value:e.toString(),valueAsNumber:e,component:"duet-number-input"})},this.emitNull=t=>{this.duetChange.emit({originalEvent:t,value:null,valueAsNumber:null,component:"duet-number-input"})},this.localizeValue=t=>t.toLocaleString(this.locale,{useGrouping:!1}),this.setValue=t=>{this.value=this.localizeValue(t),this.duetInputElement.value=`${this.value}${this.getUnitString()}`},this.add=t=>{t&&t.preventDefault();const e=E(this.value,this.locale);if(e===this.max)return;let i=null==e?this.min:e+this.step;i%this.step!=0&&(i-=i%this.step);const s=I(i,this.min,this.max);this.value=this.localizeValue(s),this.emitChange(t)},this.subtract=t=>{t&&t.preventDefault();const e=E(this.value,this.locale);if(e===this.min)return;let i=e-this.step;i%this.step!=0&&(i+=this.step-i%this.step),i=I(i,this.min,this.max),this.value=this.localizeValue(i),this.emitChange(t)}}componentWillLoad(){u(this),this.value&&(this.value=this.localizeValue(E(this.value,this.locale))),y(this.element,"tooltip","duet-tooltip",1,!0)}connectedCallback(){v(this,[{prop:"accessibleLive",defaults:"accessibleLiveDefaults"},{prop:"accessibleAdd",defaults:"accessibleAddDefaults"},{prop:"accessibleSubtract",defaults:"accessibleSubtractDefaults"},{prop:"label",defaults:"labelDefaults"}]),c(this)}disconnectedCallback(){x(this),p(this)}componentDidRender(){w(this.element,this.proxyId,this.name,this.value?`${this.value} ${this.unit}`:"",this.required)}async setFocus(t){this.duetInputElement.setFocus(t)}async getValueAsNumber(){const t=E(this.value,this.locale);return null==this.value||isNaN(t)?null:t}clearValue(t){this.duetInputElement.value="",null!==this.value&&(this.value=null,this.emitNull(t))}getUnitString(){return this.unit?` ${this.unit}`:""}formatAnnouncement(){const t=this.value?E(this.value,this.locale):null;return null==t?"":this.accessibleLive.replace("{current}",t.toString(10))}render(){const t=this.identifier||this.inputId,e=`${this.localizeValue(this.max)}${this.getUnitString()}`.length,n=this.value?E(this.value,this.locale):null;return i(s,{key:"ff7a3b099b6146f8db869268ecc2609fefa88ca6",class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},i("div",{key:"04d204f9d0dc1bf334606a101b0b4b5e165d36a3",class:"duet-number-container"},i("duet-input",{key:"464c323e615b8978944cdeec09e0e1a1503391a0",ref:t=>this.duetInputElement=t,onDuetChange:t=>this.handleChange(t),onDuetFocus:this.handleFocus,onDuetBlur:t=>this.handleBlur(t),onKeyDown:t=>this.handleKeyDown(t),label:this.label,value:this.value?`${this.value}${this.getUnitString()}`:"",error:this.error,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":null!=n?n:"",maxlength:e,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:!0,numericKeyboard:!0,autoComplete:"off",type:"text",accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleLabelledBy:this.accessibleLabelledBy,accessibleDescription:this.accessibleDescription,accessibleDetails:this.accessibleDetails,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy},i("slot",{key:"876fa9e487574bd143648c8649105ac9f5972829",name:"tooltip"}),i("div",{key:"60053c4b4c4602d494693804539eff2149fe2a64",class:{"duet-number-buttons":!0,"duet-no-label":this.labelHidden}},i("button",{key:"083dc0860543ddc7e2532620e345ad9d8d163d13",disabled:this.disabled,"aria-disabled":null==n||n===this.min?"true":"false",class:"duet-number-button duet-number-button-subtract",onClick:this.subtract,type:"button"},i("duet-visually-hidden",{key:"5323ecaf1f86fa97f9267b70bc048dadcca7d34f"},this.accessibleSubtract," ",this.step),i("duet-icon",{key:"d6ab1819fe4c96d6e379570c5a5c4eb41a1a775f",icon:S.svg,size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})),i("button",{key:"82b9a72bfeba3653c85f853c2e9d295d146b2152",disabled:this.disabled,"aria-disabled":n===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},i("duet-visually-hidden",{key:"697550e4c1f874401d2e17f60c6c4f324fc97bd8"},this.accessibleAdd," ",this.step),i("duet-icon",{key:"7947d70d3a48a3ea7e36a46aa79c6abc82d52565",icon:C.svg,size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&i("duet-visually-hidden",{key:"0759711664742966c214cb765c179706affc7b2f","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))}get element(){return n(this)}};R.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: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}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-number-container{position:relative;width:100%}.duet-number-buttons{-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 .duet-number-button{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 .duet-number-button[aria-disabled=true],.duet-number-buttons .duet-number-button:disabled{pointer-events:none}.duet-number-buttons .duet-number-button[aria-disabled=true] duet-icon,.duet-number-buttons .duet-number-button:disabled duet-icon{opacity:0.4}.duet-number-buttons .duet-number-button:active duet-icon{transform:translateY(1px)}.duet-number-buttons .duet-number-button:focus{outline:0}:host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{z-index:2;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{box-shadow:0 0 0 2px #171c3a !important}.duet-number-buttons .duet-number-button:first-of-type{border-left:1px solid rgb(181, 198, 208)}.duet-number-buttons .duet-number-button:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-number-buttons .duet-number-button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons .duet-number-button:last-of-type::before{position:absolute;top:20%;left:0;width:1px;height:60%;content:"";background:rgb(212, 223, 229)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:first-of-type::before{background:linear-gradient(to left, rgba(199, 202, 207, 0.2) 0%, rgba(199, 202, 207, 0.2) 1px, rgba(199, 202, 207, 0.1) 1px, rgba(199, 202, 207, 0) 100%)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:first-of-type::before{background:linear-gradient(to left, rgba(178, 194, 205, 0.2) 0%, rgba(178, 194, 205, 0.2) 1px, rgba(178, 194, 205, 0.1) 1px, rgba(178, 194, 205, 0) 100%)}:host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:last-of-type::before{background:#d4dde2}';export{R as duet_number_input}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as d,h as a,H as e,g as t}from"./p-
|
|
4
|
+
import{r as d,h as a,H as e,g as t}from"./p-B_VBeM3r.js";import{i}from"./p-DxESMgwA.js";const n=class{constructor(a){d(this,a),this.margin="auto",this.middle=!1,this.paddingBreakpoint=void 0}render(){return a(e,{key:"eb1923a8bfba01565e0452347752088c58d9ab08",class:{"duet-middle":this.middle,"duet-ie":i()}},a("div",{key:"0c04bf013cc9644f09de55e114f3692022374c6f",class:{"duet-layout-wrapper":!0,"duet-m-0":"none"===this.margin}},a("div",{key:"bf2d3164111fad314c90114ce15e2b2488608505",class:{"duet-layout":!0,[`padding-${this.paddingBreakpoint}`]:!!this.paddingBreakpoint}},a("section",{key:"5c07cbae7cf870868a5c8f897bf6393eb6a7e866",class:"duet-main"},a("slot",{key:"5dea403267b9102ee9a375aac51c931bd0dde438"})))))}get element(){return t(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;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";export{n as duet_section_layout}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as a,g as n}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,g as n}from"./p-B_VBeM3r.js";import{i}from"./p-DdwVwK5C.js";const r=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.href="#",this.icon=void 0}componentWillLoad(){i(this)}render(){return t(a,{key:"d150209d2395822ac0ba4b0d6372bdc0ba5532fd",role:"listitem"},t("a",{key:"46070813f893e645146a7ca8ea798fa455df11e9",class:{"duet-menu-bar-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&t("duet-icon",{key:"bac5752b20258b49e6b3210f071578154de8d8d8",class:"menu-bar-link-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),t("slot",{key:"efec03fcc7a033a4f9df871a4a087d7c9a04a0e8"})))}get element(){return n(this)}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}.duet-menu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-link .menu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-link .menu-bar-link-icon{width:16px;height:16px}}.duet-menu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}@media (min-width: 62em){.duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:rgb(0, 119, 179)}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-link.active::after{z-index:auto;height:2px}}.duet-menu-bar-link.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-link:hover{color:rgb(0, 119, 179)}.duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-link.duet-theme-turva:hover{color:#e61740}}';export{r as duet_menu_bar_link}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,h as a,H as o,g as t}from"./p-B_VBeM3r.js";import{i as r}from"./p-DdwVwK5C.js";import{h as i,c as d}from"./p-KocOARXM.js";import{g as s,p as n}from"./p-Dr2j33H2.js";import"./p-Z0D6Gy9e.js";const p=class{constructor(a){e(this,a),this.theme="",this.margin="auto",this.backgroundColor="",this.textColor="secondary",this.image="",this.headingLevel="h3"}componentWillLoad(){r(this),this.hasPreHeadingSlot=i(this.element,"pre-heading"),this.hasHeadingSlot=i(this.element,"heading"),this.hasDescriptionSlot=i(this.element,"description"),this.hasActionSlot=i(this.element,"action"),d(this.element,"heading","span"),d(this.element,"description","span")}async setFocus(e){this.url&&this.aOrDivElement&&this.aOrDivElement.focus(e)}render(){const e=s(this.backgroundColor,this.theme);return a(o,{key:"427288a23a020a8ba83d29535a990685e56136cd",class:{"duet-m-0":"none"===this.margin}},a("aside",{key:"b34e5beb86c428cf1d23c252c9867d8109fa28c9",class:{"duet-promo-card":!0,"duet-theme-turva":"turva"===this.theme,"no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:{backgroundColor:e||"none"}},a(this.url?"a":"div",{key:"3d17bf1dc1fa3bc580ef7feb08e1d749dafaec34",href:this.url,class:"content-wrapper",ref:e=>this.aOrDivElement=e},a("img",{key:"ba518b8e4449f267ebef440bed06ebb1349d90c5",class:"image",src:this.image,alt:"",role:"presentation"}),a("div",{key:"638d94d31bb60bec7019ed852f70269f73241d7e",class:"content"},this.hasPreHeadingSlot&&a("div",{key:"08e8bb35ced5d1f6fc9a442c017e96f3294c3341",class:"pre-heading"},a("slot",{key:"3cc1c6bcaeea2e811bf8984b0574cc7086e997c3",name:"pre-heading"})),this.hasHeadingSlot&&a("div",{key:"edfb7d324d0d5f68392b7b4b2386183cad567698",class:"heading"},a("duet-heading",{key:"57820fcebf0e3c172c232611843679bb47e41e61",theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:n(this.textColor,this.theme)},a("span",{key:"e2b7014be3e8d44f00a418f76e1f9959a783e9e6"},a("slot",{key:"094c582e2f0dfc6055563892bfa02dd9d5de4261",name:"heading"})))),this.hasDescriptionSlot&&a("div",{key:"2af2637554173d2c40ad28bee0e589b6dc92a19c",class:"description"},a("duet-paragraph",{key:"f9a47265148a494e1803f5493ab359cfe4abb895",theme:this.theme,margin:"none",color:n(this.textColor,this.theme)},a("span",{key:"42af2e9a0d151bb22d303f453d481bb69891746c"},a("slot",{key:"3a4173db824f27939a8abc88124a8751d10cbc71",name:"description"})))),this.hasActionSlot&&a("div",{key:"59a84926d8d346d724980bef00e42a48a44574d1",class:"action"},a("slot",{key:"52109f0d34365be7e7fe8ec5091ee5ddc5c83bce",name:"action"}))))))}get element(){return t(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}';export{p as duet_promo_card}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{h as e,r as t,c as d,B as a,H as i,F as o,g as r}from"./p-B_VBeM3r.js";import{s as h}from"./p-5iZMFvpJ.js";import{g as n}from"./p-DvwKrUS6.js";import{a as l}from"./p-DxV3RbmM.js";import{d as s,e as u}from"./p-B1B-PPrh.js";import{D as c}from"./p-MxsWrBCY.js";import{i as p}from"./p-DdwVwK5C.js";import{s as m,u as g,a as v,q as b,d as w,e as f,f as x,g as k}from"./p-Db8rvjPI.js";import{a as y,g as C,c as L,d as z}from"./p-BaR6ufr4.js";import{p as M}from"./p-C6E9F6QT.js";import{p as S}from"./p-Dr2j33H2.js";import{a as V}from"./p-BVgBUIYF.js";import{C as A,I as j,d as B,a as I}from"./p-Z0D6Gy9e.js";import{c as T}from"./p-Cfr_DJqU.js";var D,E,R,U,H,$,Y,Z,_,F,K=n(E?D:(E=1,D={title:"navigation-contact-dropdown",tags:"navigation contact dropdown speech bubbles",svg:'<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>'})),O=n(U?R:(U=1,R={title:"navigation-language",tags:"navigation language earth world map",svg:'<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>'})),G=n($?H:($=1,H={title:"navigation-login",tags:"navigation login sign in lock locked key",svg:'<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>'})),N=n(Z?Y:(Z=1,Y={title:"navigation-logout",tags:"navigation logout sign out lock unlocked key",svg:'<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>'})),P=n(F?_:(F=1,_={title:"navigation-user",tags:"navigation user human person head circle",svg:'<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 W=t=>e("span",{class:`duet-header-icon ${t.class?t.class:""}`},e("duet-icon",{margin:"none",size:t.iconSize?t.iconSize:"x-small",icon:t.icon,color:"currentColor"})),q=(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,open:t.isOpen},onClick:t.onToggle},t.icon&&e(W,{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:V.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))},J=()=>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"})),Q=(e,t)=>({component:"duet-header",data:t,originalEvent:e}),X=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.duetEvent=d(this,"duetEvent",7),this.subMenuItemRefs={},this.subMenuButtonRefs={},this.hasLanguageChanged=!1,this.mql=[window.matchMedia(l.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=y(),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=C(this.accessibleI18nLabelsDefaults),this.accessibleLabelExternalDefaults=c,this.accessibleLabelExternal=C(this.accessibleLabelExternalDefaults),this.accessibleLabelDefaults={fi:"Valikko",sv:"Meny",en:"Menu"},this.accessibleLabel=C(this.accessibleLabelDefaults),this.logoHref="/",this.currentHref="/",this.skipToId="",this.region="",this.contact="",this.handleClick=(e,t=!1)=>{e.data.analyticsId&&this.duetAnalytics.emit({component:"duet-header",analyticsId:e.data.analyticsId}),this.duetChange.emit(e),this.closeMenus(t),this.closeMobileNavigation(t)},this.handleSessionClick=e=>{const t=Q(e,this.processedSession);this.handleClick(t),this.duetSessionClick.emit(t)},this.handleSessionItemClick=(e,t)=>{const d=Q(e,t);this.handleClick(d),this.duetSessionClick.emit(d)},this.handleSearchClick=e=>{const t=Q(e,this.processedSearch);this.handleClick(t),this.duetSearchClick.emit(t)},this.handleUserClick=e=>{const t=Q(e,this.processedUser);this.handleClick(t),this.duetUserClick.emit(t)},this.handleBackClick=e=>{const t=Q(e,this.processedBack);this.handleClick(t),this.duetBackClick.emit(t)},this.handleSkipClick=e=>{const{skipLabel:t}=this.accessibleI18nLabels,d=Q(e,{href:this.skipToId,label:t});this.handleClick(d),this.duetSkipClick.emit(d)},this.handleLogoClick=e=>{const t=Q(e,{href:this.logoHref,label:"logo"});this.handleClick(t),this.duetLogoClick.emit(t)},this.handleArrowKeys=e=>{let t;w(e)||f(e)?t=e.target.previousElementSibling:(x(e)||k(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}):u(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)}},this.emitDuetEvent=(e,t)=>{this.duetEvent.emit({component:"duet-header",data:t,originalEvent:e})}}componentWillLoad(){p(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}L(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"},{prop:"accessibleI18nLabels",defaults:"accessibleI18nLabelsDefaults"},{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}]),m(this)}disconnectedCallback(){this.navigationEl&&u(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=[],z(this),g(this)}handleKeyUp(e){v(e)&&(this.closeMenus(!0),this.closeMobileNavigation(!0))}handleKeyDown(e){if(this.isContactOpen||this.isLanguageOpen||this.isSegmentOpen){const t=this.element.shadowRoot.activeElement;b(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=Q(e,t);this.handleClick(d,!0),this.duetLanguageSelect.emit(d)}handleContactClick(e,t){const d=Q(e,t);this.handleClick(d),this.duetContactClick.emit(d)}handleItemClick(e,t){const d=Q(e,t);this.handleClick(d),this.duetItemClick.emit(d)}async refresh(){var e,t;(this.renderDesktopNav!==a.isServer||(null===(e=this.mql[0])||void 0===e?void 0:e.matches))&&(this.renderDesktopNav=null===(t=this.mql[0])||void 0===t?void 0:t.matches,this.openMenu=null,this.isSlideOutOpen&&this.toggleMenu(document.createEvent("UIEvents"),"mobile")),this.processedItems=M(this.items),this.processedLanguageItems=M(this.languageItems),this.processedContactItems=M(this.contactItems),this.processedSession=M(this.session),this.processedSearch=M(this.search),this.processedUser=M(this.user),this.processedBack=M(this.back)}async closeMobileNavigation(e=!1){this.isSlideOutOpen&&(this.isSlideOutOpen=!1,u(this.navigationEl),e&&this.navigationElButton.focus({preventScroll:!0}))}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:a}=this.accessibleI18nLabels,r=()=>this.skipToId?e("a",{href:this.skipToId,class:"duet-header-skip",onClick:this.handleSkipClick},t):null,n=()=>e("duet-logo",{href:this.logoHref,size:"medium",ref:e=>this.logoEl=e,language:this.language,theme:this.theme,onClick:this.handleLogoClick}),l=()=>e("duet-logo",{href:this.logoHref,size:"large",ref:e=>this.logoEl=e,language:this.language,theme:this.theme,onClick:this.handleLogoClick}),s=()=>this.contact&&this.processedContactItems?e(q,{id:"duet-header-contact",label:this.contact,icon:K.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(o,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:S("primary",this.theme)}))))))):null,u=()=>this.language&&this.processedLanguageItems?e(q,{id:"duet-header-language",label:this.language,icon:O.svg,accessibleText:`${d}${this.hasLanguageChanged?`, ${a}`:""}`,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.processedSession?e("a",{href:this.processedSession.href||"#",id:this.processedSession.id,class:"duet-header-logout duet-header-button",onClick:this.handleSessionClick},e(W,{class:"desktop",icon:"logout"===this.processedSession.type?N.svg:G.svg,iconSize:"x-small"}),e(W,{class:"mobile",icon:"logout"===this.processedSession.type?N.svg:G.svg,iconSize:"small"}),e("span",{class:"duet-header-button-label"},this.processedSession.label)):null,p=()=>this.processedSession&&this.processedSession.sessionItems?e(q,{className:"duet-header-session",id:"duet-header-session",label:this.processedSession.label,icon:"logout"===this.processedSession.type?N.svg:G.svg,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(o,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(o,null,e("duet-spacer",{size:"x-small","aria-hidden":"true"}),e("duet-divider",{margin:"none","aria-hidden":"true"})))))):null,m=()=>this.processedSearch?e("a",{href:this.processedSearch.href||"#",id:this.processedSearch.id,class:"duet-header-search duet-header-button",onClick:this.handleSearchClick},e(W,{icon:h.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"},r(),e("duet-button",{url:this.processedBack.href,id:this.processedBack.id,theme:this.theme,variation:"plain",color:S("secondary",this.theme),icon:"navigation-arrow-left",iconSize:"large",onClick:this.handleBackClick},this.processedBack.label),n(),e("slot",{name:"logo-utility"})))));const g=this.processedItems&&this.processedItems.some((e=>e.items&&e.items.length>0)),v=this.processedItems&&this.processedItems.some((e=>e.items&&e.items.some((e=>!0===e.active)))),b=this.processedItems&&this.processedItems.some((e=>e.items&&e.items.some((e=>e.items&&e.items.some((e=>!0===e.active)))))),w=e("div",{class:{"duet-header-reserved-space":!0,"duet-with-links":!!this.processedItems,"duet-header-second-level-active":v,"duet-header-third-level-active":b,"duet-header-items-have-sub-items":g}},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"},r(),n(),e("slot",{name:"logo-utility"},this.region&&e("div",{class:"duet-header-region"},this.region)),(this.processedItems||u()||s()||this.processedSession||this.processedUser)&&e("button",{ref:e=>this.navigationElButton=e,class:{"duet-header-toggle":!0,active:this.isSlideOutOpen},onClick:e=>this.toggleMenu(e,"mobile"),type:"button","aria-controls":"duet-header-bottom","aria-expanded":this.isSlideOutOpen?"true":"false"},e("duet-visually-hidden",null,this.accessibleLabel),e(J,null))),e("div",{ref:e=>this.navigationEl=e,id:"duet-header-bottom",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:!g&&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),onMouseEnter:e=>this.emitDuetEvent(e,t),onTouchStart:e=>this.emitDuetEvent(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(((t,a)=>{const i=t.id||`header-item-${d}-${a}`,o=!this.openMenu&&!0===t.active&&!(this.closedActives&&this.closedActives.find((e=>e===i)))||this.openMenu===i,r=o&&!(t.items&&t.items.some((e=>!0===e.active)));return e(q,{id:i,className:"duet-header-second-level",label:t.label,icon:`${t.icon}.svg`,active:r,isOpen:o,badge:t.badge,toggleRef:e=>this.subMenuButtonRefs[i]=e,itemsRef:e=>this.subMenuItemRefs[i]=e,onToggle:e=>this.toggleMenu(e,"sub",i,!0===t.active)},e("div",{class:"duet-header-third-level"},t.items&&t.items.map((t=>e("a",{class:{"duet-header-item":!0,active:!0===t.active},role:"menuitem",href:t.href||"#",id:t.id,onClick:e=>this.handleItemClick(e,t),onKeyDown:e=>this.handleArrowKeys(e),onMouseEnter:e=>this.emitDuetEvent(e,t),onTouchStart:e=>this.emitDuetEvent(e,t),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-bottom-utils"},e("slot",{name:"utility"})),e("div",{class:"duet-header-utils"},!g&&s(),u(),!g&&e(o,null,(()=>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(W,{icon:P.svg}),e("span",{class:"duet-header-user-label"},this.processedUser.label)):null)(),(()=>this.processedUser&&!this.processedUser.href?e("span",{id:this.processedUser.id,class:"duet-header-user duet-header-button duet-header-no-action"},e(W,{icon:P.svg}),e("span",{class:"duet-header-user-label"},this.processedUser.label)):null)()),m(),c()),e("div",{class:{"extra-bottom-margin":!0}}))));if(g){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-variation"},e("div",{class:{"duet-header-multi-level":!0,"duet-header-multi-level-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"},r(),e("div",{class:"logo-and-segment"},e("div",null,l()),this.processedItems&&e(q,{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),onMouseEnter:e=>this.emitDuetEvent(e,d),onTouchStart:e=>this.emitDuetEvent(e,d),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-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(q,{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),onMouseEnter:e=>this.emitDuetEvent(e,t),onTouchStart:e=>this.emitDuetEvent(e,t),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-utils"},m(),u(),null!=p()?p():c()),e("slot",{name:"utility"})))),w)}return e(i,{class:{"duet-header-default-variation":!0}},w)}get element(){return r(this)}static get watchers(){return{user:["refresh"],items:["refresh"],session:["refresh"],back:["refresh"],contactItems:["refresh"],languageItems:["refresh"]}}};X.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;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-variation){top:0}}@supports (position: sticky){:host(.duet-header-multi-level-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:rgb(8, 42, 77);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:rgb(23, 28, 58)}@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:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);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:rgb(222, 224, 228);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 rgb(181, 198, 208)}.duet-theme-turva .duet-header-top .duet-header-region{border-color:rgb(199, 202, 207)}@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:rgb(240, 247, 250);opacity:0;-webkit-overflow-scrolling:touch}.duet-theme-turva .duet-header-bottom{background:rgb(245, 247, 250)}@media (min-width: 62em){.duet-header-bottom{position:relative;top:auto;bottom:auto;z-index:200;flex-direction:row;overflow:visible;visibility:visible;background:rgb(255, 255, 255);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)}.extra-bottom-margin{margin-bottom:188px}@media (min-width: 62em){.extra-bottom-margin{display:none}}.duet-header-items{position:relative;z-index:300;display:block;width:100%;font-size:1rem;font-weight:400;line-height:1.5;background:rgb(255, 255, 255)}@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 rgb(212, 223, 229);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:rgb(8, 42, 77);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 62em){.duet-header-items .duet-header-item{font-weight:600;border-radius:4px}}.duet-theme-turva .duet-header-items .duet-header-item{color:rgb(23, 28, 58);border-color:rgb(212, 223, 229)}.duet-header-items .duet-header-item:hover{color:rgb(0, 75, 129)}.duet-theme-turva .duet-header-items .duet-header-item:hover{color:rgb(113, 118, 132)}.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:rgb(0, 119, 179)}.duet-theme-turva .duet-header-items .duet-header-item.active{color:rgb(198, 12, 48)}.duet-header-items .duet-header-item.active:hover{color:rgb(0, 119, 179)}.duet-theme-turva .duet-header-items .duet-header-item.active:hover{color:rgb(198, 12, 48)}.duet-header-items .duet-header-item.active::after{position:absolute;top:0;bottom:0;left:0;width:4px;content:"";background:rgb(0, 119, 179)}.duet-theme-turva .duet-header-items .duet-header-item.active::after{background:rgb(198, 12, 48)}@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:rgb(8, 42, 77);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:rgb(23, 28, 58)}.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:rgb(8, 42, 77);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-bottom:1px solid rgb(212, 223, 229);border-radius:4px;-webkit-appearance:none;appearance:none}.duet-theme-turva .duet-header-button{color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}.duet-header-button:hover{color:rgb(0, 75, 129)}.duet-theme-turva .duet-header-button:hover{color:rgb(126, 2, 35)}.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:rgb(181, 198, 208);transform:translateY(-50%)}.duet-theme-turva .duet-header-button::before{background:rgb(199, 202, 207)}}.duet-header-button.active{color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-header-button.active{color:rgb(198, 12, 48)}.duet-header-button.active:hover{color:rgb(0, 119, 179)}.duet-theme-turva .duet-header-button.active:hover{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-header-button.active::after{position:absolute;top:0;bottom:0;left:0;width:3px;content:"";background:rgb(0, 119, 179)}.duet-theme-turva .duet-header-button.active::after{color:rgb(198, 12, 48)}}.duet-header-button.duet-header-logout .duet-header-icon.mobile{display:block}.duet-header-button.duet-header-logout .duet-header-icon.desktop{display:none}@media (min-width: 62em){.duet-header-button.duet-header-logout .duet-header-icon.mobile{display:none}.duet-header-button.duet-header-logout .duet-header-icon.desktop{display:block}}.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 rgb(8, 42, 77);border-radius:20rem}.duet-theme-turva .duet-header-utils .duet-header-button.duet-header-logout{border-color:rgb(23, 28, 58)}.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:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-header-badge{background:rgb(247, 178, 40)}.active-bar{color:rgb(0, 119, 179)}.active-bar::after{position:absolute;top:0;bottom:0;left:0;width:4px;content:"";background:rgb(0, 119, 179)}.duet-theme-turva .active-bar::after{background:rgb(198, 12, 48)}.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:rgb(0, 119, 179);transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle::after{background:rgb(198, 12, 48)}}.duet-header-dropdown .duet-header-dropdown-toggle.active,.duet-header-dropdown .duet-header-dropdown-toggle.active:hover{border-bottom:1px solid rgb(245, 248, 250)}.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:rgb(0, 119, 179)}.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:rgb(198, 12, 48)}.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:rgb(245, 247, 250)}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-toggle.active,.duet-header-dropdown .duet-header-dropdown-toggle.active:hover{color:rgb(0, 75, 129);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-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active,.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover{color:rgb(126, 2, 35)}}@media (min-width: 62em){.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session{color:rgb(255, 255, 255);background:rgb(198, 12, 48);border-radius:0}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session:hover,.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session.active,.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session.active:hover{color:rgb(255, 255, 255);background:rgb(126, 2, 35)}}.duet-header-dropdown .duet-header-dropdown-content{display:none;padding-bottom:16px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content{background:rgb(245, 247, 250);border-color:rgb(212, 223, 229)}@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:rgb(8, 42, 77);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:rgb(23, 28, 58)}@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:rgb(228, 241, 247)}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover{background:rgb(222, 224, 228)}}.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:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item).active{background:rgb(198, 12, 48)}}.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:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);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:rgb(23, 28, 58)}@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}@media (min-width: 62em){.duet-header-items-have-sub-items{display:none}}.duet-header-multi-level{display:none;height:6rem}@media (min-width: 62em){.duet-header-multi-level{display:block}}.duet-header-multi-level .duet-header-top{justify-content:space-between;height:6rem}.duet-header-multi-level .duet-header-button{height:6rem}.duet-header-multi-level .logo-and-segment{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;padding-top:1rem}.duet-header-multi-level .logo-and-segment .duet-header-dropdown{z-index:400;margin-left:2rem}.duet-header-multi-level .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content{background:rgb(240, 247, 250)}.duet-header-multi-level .logo-and-segment button{align-items:flex-start;height:2rem;font-weight:600;line-height:1rem}.duet-header-multi-level .logo-and-segment button::before{display:none}.duet-header-multi-level .logo-and-segment .duet-header-caret{top:25%}.duet-header-multi-level-nav{display:flex}.duet-header-multi-level-nav .duet-header-dropdown{position:static}.duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-toggle{z-index:400;padding-right:1rem;font-size:1rem;font-weight:600}.duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-toggle.active{color:rgb(0, 119, 179)}.duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-toggle.active:not(.open) .duet-header-caret{transform:translateY(-50%) rotate(0deg)}.duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content{z-index:399;display:flex;justify-content:center;width:100%;height:4.5rem;padding:0;background:rgb(240, 247, 250);border-top:1px solid rgb(212, 223, 229);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:none}.duet-header-multi-level-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-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:rgb(0, 119, 179);transition:300ms ease;transform:translateY(3px)}.duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content a.active{font-weight:600;color:rgb(0, 119, 179);background:none}.duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content a.active::after{transform:translateY(0)}.duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content a .duet-header-icon{margin:0}.duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content .duet-header-badge{position:absolute;margin-top:-2rem;margin-right:-2.25rem}.duet-header-multi-level-nav button::before{display:none}.duet-header-multi-level-nav .duet-header-caret{right:1%}.duet-header-multi-level-utils{display:flex;flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-header-multi-level-utils>:last-child::before{display:none}.duet-header-multi-level-utils>:last-child.duet-header-dropdown .duet-header-button::before{display:none}.duet-header-multi-level-utils .duet-header-dropdown{z-index:400}.duet-header-multi-level-utils .duet-header-dropdown .duet-header-dropdown-content{background:rgb(240, 247, 250)}.duet-header-multi-level-utils .duet-header-button-label,.duet-header-multi-level-utils .duet-header-dropdown-label{display:none}@media (min-width: 64.0625em){.duet-header-multi-level-utils .duet-header-button-label,.duet-header-multi-level-utils .duet-header-dropdown-label{display:initial}}.duet-header-multi-level .duet-theme-turva .logo-and-segment .duet-header-dropdown{margin-left:0}.duet-header-multi-level .duet-theme-turva .logo-and-segment .duet-header-dropdown-toggle{padding-left:0.5rem}.duet-header-multi-level .duet-theme-turva .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content{background:rgb(245, 247, 250)}.duet-header-multi-level .duet-theme-turva .duet-header-multi-level-utils>:nth-last-child(2).duet-header-dropdown .duet-header-button::before{display:none}.duet-header-multi-level .duet-theme-turva .duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-toggle.active{color:rgb(198, 12, 48)}.duet-header-multi-level .duet-theme-turva .duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-header-multi-level .duet-theme-turva .duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content a::after{background:rgb(198, 12, 48)}.duet-header-multi-level .duet-theme-turva .duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content a.active{color:rgb(198, 12, 48);background:none}.duet-header-multi-level .duet-theme-turva .duet-header-multi-level-utils .duet-header-dropdown .duet-header-dropdown-content{background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-header.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-top{border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-top .duet-header-region{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-top duet-logo{margin-top:0 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-bottom{background:#fdf7f2}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-button:not(:hover){color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item:not(:hover){color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item.active{color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item.active::after{background:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-hamburger .duet-header-bar{background:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle::after{background:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active,:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover{border-bottom-color:#f5f6f7}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content{background:#fdf7f2}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item){color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover{background:#f1cab2}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item).active{background:#f1cab2}:host(.duet-theme-turva2) .duet-theme-turva .duet-header-skip{color:#172a3b}:host(.duet-theme-turva2) .duet-header-multi-level .duet-theme-turva .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content{background:#fdf7f2}:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content{background:#f5f6f7;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active{color:#e61740}:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a::after{background:#e61740}:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a.active{color:#e61740}:host(.duet-theme-turva2) .duet-header-multi-level-utils .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content{background:#f5f6f7}';const ee=()=>{var e;return null===(e=document.documentElement.attributes.getNamedItem("class"))||void 0===e?void 0:e.value.includes("duet-theme-turva2")},te=({inverse:t,logoId:d})=>{const a=t?A:j,i=t?A:B,o=t?A:"#e61740";return ee()?e("svg",{role:"img",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":d,viewBox:"0 0 460 111"},e("title",{id:d},"Turva"),e("path",{fill:o,d:"M376.31,6.532L353.12,6.532C351.181,6.585 348.968,6.454 348.169,8.504L335.005,45.585C335.005,45.585 332.621,52.566 331.6,56.371C330.84,59.194 327.113,59.305 326.432,56.299C325.588,52.559 323.119,45.637 323.119,45.637L311.311,9.316C310.439,6.572 308.979,6.539 306.53,6.539L279.678,6.539C277.262,6.539 277.537,7.803 277.963,8.884L313.177,98.22C314.323,101.049 315.633,101.455 317.945,101.455L338.98,101.455C341.869,101.455 342.707,99.195 343.132,98.22L378.425,9.715C378.773,8.818 379.362,6.539 376.297,6.539L376.31,6.532Z"}),e("path",{fill:o,d:"M459.516,96.346C454.277,83.268 433.732,31.15 425.821,9.722C424.662,6.821 423.686,6.539 421.689,6.539L399.651,6.539C397.647,6.539 396.783,7.541 395.885,9.925C387.024,33.495 362.341,94.31 361.535,96.346C360.704,98.455 360.717,101.455 363.277,101.455L387.358,101.455C389.52,101.455 389.827,100.63 391.032,98.22C391.36,97.558 394.097,91.461 395.034,89.103C395.329,88.357 396.049,87.872 396.848,87.872L422.298,87.813C423.084,87.813 423.791,88.271 424.099,88.992C425.225,91.605 428.598,98.815 428.932,99.621C429.574,101.167 430.235,101.455 432.095,101.455L457.768,101.455C460.328,101.455 460.341,98.455 459.51,96.346L459.516,96.346ZM417.916,66.253L402.559,66.286C401.144,66.286 400.463,65.075 400.974,63.529C401.308,62.52 408.224,43.574 408.551,42.611C408.551,42.592 408.571,42.579 408.584,42.559C408.925,41.485 409.272,40.365 409.501,39.507C409.809,38.354 411.452,38.387 411.714,39.553C411.898,40.352 412.376,41.937 412.52,42.408C413.064,44.209 419.449,63.313 419.508,63.49C420.019,65.035 419.344,66.247 417.923,66.247L417.916,66.253Z"}),e("path",{fill:o,d:"M162.312,28.57L162.312,27.3C162.312,25.734 163.838,24.719 165.122,25.44C168.953,27.575 173.662,29.389 178.96,30.843C179.432,30.974 179.897,30.613 179.897,30.129L179.897,9.748C179.897,7.148 179.327,6.46 176.616,6.46L153.15,6.46C150.432,6.46 149.869,7.148 149.869,9.748L149.869,60.327C149.869,75.547 142.207,78.356 136.457,78.356C130.707,78.356 123.031,74.99 123.031,60.327L123.031,9.748C123.031,7.148 122.461,6.46 119.75,6.46L96.311,6.46C93.593,6.46 93.03,7.148 93.03,9.748L93.03,65.599C93.03,99.621 125.493,104.618 136.496,104.618C149.057,104.618 179.897,100.158 179.897,65.599L179.897,51.511C179.897,50.974 179.602,50.483 179.13,50.215C169.019,44.504 162.306,36.553 162.306,28.563L162.312,28.57Z"}),e("path",{fill:o,d:"M282.593,98.252C279.561,93.989 261.976,67.203 261.976,67.203C258.662,62.213 263.967,65.854 271.472,55.546C283.497,39.022 275.684,11.68 252.166,7.823C244.025,6.153 235.492,6.467 231.025,6.467L199,6.467C196.282,6.467 195.719,7.155 195.719,9.755L195.719,33.338C195.719,33.718 196.001,34.039 196.381,34.078C201.371,34.628 206.558,34.91 211.817,34.91C230.174,34.91 247.771,31.432 258.512,25.446C259.795,24.732 261.321,25.741 261.321,27.306L261.321,28.577C261.321,43.666 237.417,58.604 211.817,58.604C206.623,58.604 201.502,57.989 196.63,56.882C196.165,56.777 195.719,57.124 195.719,57.602L195.719,98.174C195.719,100.774 196.289,101.461 199,101.461L221.739,101.461C224.457,101.461 225.02,100.774 225.02,98.174L225.039,71.047C225.039,69.954 229.44,70.111 230.776,71.702C235.086,76.843 242.899,92.928 246.547,96.857C248.852,99.346 253.011,101.461 260.287,101.461L278.958,101.461C281.231,101.461 283.765,99.916 282.586,98.265L282.593,98.252Z"}),e("path",{fill:o,d:"M77.377,6.388L3.281,6.388C0.563,6.388 0,7.076 0,9.676L0,31.556C0,33.809 0,34.7 2.331,34.7L24.297,34.7C26.432,34.7 26.491,35.46 26.491,37.359L26.504,98.174C26.504,100.774 27.074,101.461 29.785,101.461L51.24,101.461C53.958,101.461 54.521,100.774 54.521,98.174L54.521,37.221C54.521,35.427 54.632,34.7 56.715,34.7L78.026,34.7C80.161,34.7 80.665,33.665 80.665,31.936L80.665,9.682C80.665,7.083 80.095,6.395 77.384,6.395L77.377,6.388Z"})):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"}))},de=({inverse:t,logoId:d})=>{var a;const i=t?A:j,o=t?A:"#e61740";return(null===(a=document.documentElement.attributes.getNamedItem("class"))||void 0===a?void 0:a.value.includes("duet-theme-turva2"))?e("svg",{id:"a",xmlns:"http://www.w3.org/2000/svg",width:"500",height:"500",viewBox:"0 0 500 500"},e("title",{id:d},"Turva"),e("circle",{cx:"250",cy:"250",r:"250",fill:o}),e("path",{d:"M346.35,113.78h-190.26c-6.97,0-8.43,1.76-8.43,8.44v.19s0,55.98,0,55.98c0,5.78,0,8.06,5.98,8.06h51.63c5.49,0,5.63,1.95,5.63,6.82l.03,94.19c0,6.68,1.46,8.44,8.43,8.44h64.6c6.97,0,8.43-1.76,8.43-8.44v-94.53c0-5.51.98-6.47,6.43-6.47h49.17c5.49,0,6.78-2.66,6.78-7.1v-57.14c0-6.68-1.46-8.44-8.43-8.44Z",fill:"#fff"}),e("path",{d:"M250,339.02c-62.43,0-122.26-11.83-158.77-32.18-4.37-2.44-9.56,1.01-9.56,6.33v4.32c0,51.3,81.28,102.09,168.33,102.09s168.33-50.79,168.33-102.09v-4.32c0-5.32-5.18-8.76-9.56-6.33-36.51,20.35-96.34,32.18-158.77,32.18Z",fill:"#fff"})):e("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("title",{id:d},"Turva"),e("path",{d:"M9.56842 10.8425V14.8074H17.259V27.617C16.2117 27.867 15.1199 28 13.9966 28C6.2665 28 0 21.7324 0 14C0 6.26802 6.2665 0 13.9966 0C20.6416 0 26.2045 4.63095 27.6359 10.8425H9.56842Z",fill:i}),e("path",{d:"M27.9695 14.8073C27.7012 19.5272 25.0971 23.6203 21.2944 25.9486V14.8073H27.9695Z",fill:i}))},ae={fi:"LähiTapiola",sv:"LokalTapiola",en:"LocalTapiola"},ie=({inverse:t,logoId:d,language:a})=>{const i=t?A:I;return e("svg",{role:"img",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":d,viewBox:"0 0 81 81"},e("title",{id:d},ae[a]),e("path",{fill:i,d:"M5.164,53.864C-1.721,46.977 -1.721,35.816 5.164,28.927L28.93,5.164C34.364,-0.27 42.466,-1.417 49.024,1.73L48.979,1.773L48.921,1.83L25.541,25.21L25.484,25.268C23.198,27.554 23.198,31.262 25.484,33.548C27.77,35.834 31.478,35.834 33.766,33.548L37.915,29.396C40.257,27.055 42.595,27.011 44.631,29.049L53.557,37.931C55.983,40.356 56.229,42.367 53.557,45.036L45.102,53.492C42.757,55.834 40.553,56.052 37.995,53.492L21.766,37.262C19.481,34.979 15.773,34.979 13.487,37.265C11.201,39.551 11.201,43.258 13.487,45.544L34.13,66.187C38.183,70.239 44.747,70.239 48.798,66.186L66.25,48.734C70.302,44.685 70.302,38.117 66.25,34.064L52.918,20.735C50.836,18.65 51.023,16.29 53.139,14.175L57.431,9.882C57.626,9.685 57.803,9.478 57.967,9.264L74.647,25.946C83.18,34.479 83.18,48.314 74.647,56.844L56.85,74.644C48.314,83.179 34.48,83.179 25.946,74.644L5.164,53.864Z"}))},oe={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"}},re=({inverse:t,logoId:d,language:a})=>{const i=t?A:I,{title:o,path:r,viewBox:h}=oe[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}))},he=class{constructor(e){t(this,e),this.logoId=T("DuetLogo"),this.isTurva2=!1,this.theme="",this.margin="auto",this.inverse=!1,this.size="medium",this.href="/",this.accessibleLabelDefaults={fi:"Siirry etusivulle.",sv:"Gå till förstasidan.",en:"Go to front page."},this.accessibleLabel=C(this.accessibleLabelDefaults),this.language=y(),this.onlySymbol=!1}setTurva2State(){this.isTurva2=ee()}componentWillLoad(){p(this)}connectedCallback(){L(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"}),this.classMutationObserver=new MutationObserver(this.setTurva2State.bind(this)),this.classMutationObserver.observe(this.element,{subtree:!1,childList:!1,characterData:!1,attributes:!0,attributeFilter:["class"],attributeOldValue:!0})}disconnectedCallback(){z(this),this.classMutationObserver.disconnect()}async setFocus(e){this.nativeLink&&this.nativeLink.focus(e)}render(){return e(i,{key:"ee59f65171b71ff2296eb5ee774b83710183aaf5",class:{"duet-m-0":"none"===this.margin}},e(this.href?"a":"div",{key:"a07977483cf71755d653ba0ed887c2fb46c9df37",href:this.href,ref:e=>this.nativeLink=e,"aria-label":this.accessibleLabel,class:{"duet-logo":!0,[this.size]:!0,"duet-logo-only-symbol":this.onlySymbol,"duet-theme-turva":"turva"===this.theme,"duet-logo-en":"en"===this.language,"duet-logo-sv":"sv"===this.language}},"turva"===this.theme?e(this.onlySymbol?de:te,{logoId:this.logoId,inverse:this.inverse}):e(this.onlySymbol?ie:re,{logoId:this.logoId,inverse:this.inverse,language:this.language})))}get element(){return r(this)}};he.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}.duet-logo.duet-logo-only-symbol{width:28px;height:28px}:host(.duet-theme-turva2) .duet-logo{width:92px;height:22.2px}:host(.duet-theme-turva2) .duet-logo.large{width:124.3243243243px;height:30px}:host(.duet-theme-turva2) .duet-logo.duet-logo-only-symbol{width:28px;height:28px}";export{X as duet_header,he as duet_logo}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as a,H as i,g as r}from"./p-
|
|
4
|
+
import{r as e,c as t,h as a,H as i,g as r}from"./p-B_VBeM3r.js";import{i as s}from"./p-DdwVwK5C.js";import{c as o}from"./p-Cfr_DJqU.js";import{s as n,u as d}from"./p-Db8rvjPI.js";import{g as l,c,d as u}from"./p-BaR6ufr4.js";import{h as p}from"./p-KocOARXM.js";import"./p-C6E9F6QT.js";const h=class{constructor(a){e(this,a),this.duetDismiss=t(this,"duetDismiss",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.descriptiveId=o("DuetAlert"),this.hasShowMoreSlot=!1,this.labels={default:{fi:"Huomioithan",en:"Please note",sv:"Observera"},success:{fi:"Onnistunut toiminto",en:"Action completed successfully",sv:"Lyckad åtgärd"},danger:{fi:"Tärkeä varoitus",en:"Important warning",sv:"Viktig varning"},warning:{fi:"Varoitus",en:"Warning",sv:"Varning"}},this.theme="",this.isDismissed=!1,this.isExpanded=!1,this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"},this.accessibleLabel=l(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.position="content",this.dismissible=!1,this.focusable=!1,this.expandingTitle="",this.handleDismiss=e=>{this.handleHide(),this.duetDismiss.emit({component:"duet-alert",originalEvent:e})},this.handleShow=()=>{this.isDismissed=!1},this.handleHide=()=>{this.isDismissed=!0,this.element.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0})},this.handleExpandToggle=()=>{this.isExpanded=!this.isExpanded}}componentWillLoad(){s(this),this.hasShowMoreSlot=p(this.element,"show-more")}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}connectedCallback(){c(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"}),n(this)}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID),u(this),d(this)}async show(){this.handleShow()}async hide(){this.handleHide()}async setFocus(e){this.alertContainer.focus(e)}render(){const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default",t=l(this.labels[e]);return a(i,{key:"5584475286356ac3d444c97e9429aaddc5e6153e",class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":void 0},a("div",{key:"7a3ef0cee9f7e304eac829dfbfd834f1123867fd",class:{"duet-alert-wrapper":!0,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,[this.position]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"27797a4ea2296ac70ac133f3ec1a4fedaa07b78d",class:{"duet-alert":!0,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||"below-nav"===this.position,"duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"3030a95fb19791465f75a74a6803a1bbd0f9b5dd",class:"duet-alert-container",ref:e=>{this.alertContainer=e},tabindex:this.focusable?"0":void 0},"below-nav"!==this.position&&a("div",{key:"e990ae6cf89ef89c0c3445af06402f8202583796",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"f4b0bd5ca292239cb7a98379b10dd965d4173509",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"ad9b6952c1af47501fe6bf7298d69a66bb1223b9",strong:!0,variation:e,margin:"none",size:"auto"})),"below-nav"===this.position&&a("div",{key:"479a41fafb16793a51eb71e8e892088b6ede41ef",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"249c1b1f9a763ce5725982a2c0a00597698bccc7",strong:!0,variation:e,margin:"none",size:"auto"})),a("div",{key:"577fa13d2a0682a3fe079a4a098e11bb99fc8dc9",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"4fb68ee1545889ee3c0090bcbc3cd7e952e4d6c9","aria-expanded":this.isExpanded.toString(),"aria-controls":`${this.descriptiveId}-content`,class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"9ab35209919d1fe4aa6f3db6c16e593828985434",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"d387939b25c676cd7c17ec6962da00383935ade3",name:"action-arrow-down",color:"default"===e?"lt-blue-800":`${e}-800`,margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"989a79e16a74690dc7c78da3cc40ef4d02ecb513",id:`${this.descriptiveId}-content`},a("duet-visually-hidden",{key:"4792b5aa92cefc69907c6325a3c89bd5d9476ae3"},t),a("slot",{key:"662c5673bd1118e9effdd083eba7b13ea349ac39"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"7b7b917b785c74924ef13550a9866ab4d724f9ce",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"6370fcc4b7e689d1997c7e224e6f71ca27772689",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"70e609bdf62b90448894c3f107c435d9b9b9f7ca",class:"duet-alert-dismiss"},a("duet-button",{key:"1b230dc424387b18799431608c1aab1e63e7035f",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",color:"default"===e?"lt-blue-800":`${e}-800`,theme:this.theme,onClick:this.handleDismiss,fixed:!0})))))}get element(){return r(this)}};h.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%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing: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:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}';export{h as duet_alert}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as a,H as t,g as r}from"./p-
|
|
4
|
+
import{r as e,h as a,H as t,g as r}from"./p-B_VBeM3r.js";import{i as n}from"./p-DdwVwK5C.js";const o=class{constructor(a){e(this,a),this.theme="",this.icon="messaging-question",this.size="medium"}componentWillLoad(){n(this)}render(){return a(t,{key:"53de43734389ae17bb5cbbc201ea8221411a074a"},a("div",{key:"fea68b243812a88775a726280481b66fa1126920",class:{"duet-empty-state":!0,"duet-theme-turva":"turva"===this.theme,"duet-is-small":"small"===this.size}},a("duet-icon",{key:"06f82828a03af6f565d8d9713da804c69142ed68",color:"currentColor",name:this.icon,size:"small"===this.size?"large":"x-large"}),a("div",{key:"1f4ff8862530081a93e9ed5da5db580fc4a310d9"},a("slot",{key:"0b4a5d2aac8b20b27d08efea357960190a737507"}))))}get element(){return r(this)}};o.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%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-empty-state.duet-theme-turva{color:#172a3b;background:#f5f6f7}";export{o as duet_empty_state}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { g as getElementsFromDefaultSlot } from './slot-utils-
|
|
4
|
+
import { g as getElementsFromDefaultSlot } from './slot-utils-aDCRCdc4.js';
|
|
5
5
|
|
|
6
6
|
function getAccessibleLinkLabel(component) {
|
|
7
7
|
const textContent = component.element.textContent;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
4
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-B_VBeM3r.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-DPqozkF4.js';
|
|
6
6
|
import { c as createID } from './create-id-Cfr_DJqU.js';
|
|
7
7
|
import { d as debounce } from './js-utils-BlUsLmbQ.js';
|
|
8
8
|
import { i as isKeyboardClick } from './keyboard-utils-Db8rvjPI.js';
|
|
9
|
-
import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-
|
|
10
|
-
import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './token-utils-
|
|
9
|
+
import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-B7PXWqpg.js';
|
|
10
|
+
import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './token-utils-BGFYWQ6j.js';
|
|
11
11
|
import './string-utils-C6E9F6QT.js';
|
|
12
|
-
import './tokens.module-
|
|
12
|
+
import './tokens.module-Z0D6Gy9e.js';
|
|
13
13
|
|
|
14
14
|
const duetActionButtonCss = "*,*::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-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:focus{box-shadow:0 0 0 2px #172a3b !important}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important;box-shadow:none}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:disabled{color:#7891a4;background:#f5f6f7}";
|
|
15
15
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
4
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-B_VBeM3r.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-DPqozkF4.js';
|
|
6
6
|
import { c as createID } from './create-id-Cfr_DJqU.js';
|
|
7
7
|
import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-Db8rvjPI.js';
|
|
8
|
-
import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-
|
|
9
|
-
import { h as hasSlot } from './slot-utils-
|
|
8
|
+
import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-B7PXWqpg.js';
|
|
9
|
+
import { h as hasSlot } from './slot-utils-aDCRCdc4.js';
|
|
10
10
|
import './string-utils-C6E9F6QT.js';
|
|
11
11
|
|
|
12
12
|
const duetAlertCss = "*,*::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%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing: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:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
4
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-B_VBeM3r.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-DPqozkF4.js';
|
|
6
6
|
|
|
7
7
|
const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display: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-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:#172a3b}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:#172a3b}";
|
|
8
8
|
|
|
@@ -39,12 +39,12 @@ const DuetBadge = class {
|
|
|
39
39
|
*/
|
|
40
40
|
render() {
|
|
41
41
|
const backgroundClass = `background-${this.background}`;
|
|
42
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: 'da159f6322336c9e29fe1f6fd62a1c856fee0a86', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '9e9e12f29c7a27a2c15be1e4e7aaffcacc81f053', class: {
|
|
43
43
|
"duet-badge": true,
|
|
44
44
|
[this.variation]: true,
|
|
45
45
|
[backgroundClass]: true,
|
|
46
46
|
"duet-theme-turva": this.theme === "turva",
|
|
47
|
-
} }, h("slot", { key: '
|
|
47
|
+
} }, h("slot", { key: '97ed4f103d26ccf534b9eb10168a7855a958b466' }))));
|
|
48
48
|
}
|
|
49
49
|
get element() { return getElement(this); }
|
|
50
50
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { h, r as registerInstance, H as Host, g as getElement } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
6
|
-
import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-
|
|
4
|
+
import { h, r as registerInstance, H as Host, g as getElement } from './index-B_VBeM3r.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-DPqozkF4.js';
|
|
6
|
+
import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-aDCRCdc4.js';
|
|
7
7
|
import { p as parsePossibleJSON } from './string-utils-C6E9F6QT.js';
|
|
8
|
-
import { g as getColorByName } from './token-utils-
|
|
9
|
-
import './tokens.module-
|
|
8
|
+
import { g as getColorByName, p as postfixTheme } from './token-utils-BGFYWQ6j.js';
|
|
9
|
+
import './tokens.module-Z0D6Gy9e.js';
|
|
10
10
|
|
|
11
11
|
const DuetPicture = ({ img, sources }) => {
|
|
12
12
|
return (h("picture", null,
|
|
@@ -15,7 +15,7 @@ const DuetPicture = ({ img, sources }) => {
|
|
|
15
15
|
h("img", Object.assign({}, img))));
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
const duetBannerCss = "*,\n*::after,\n*::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n /* stylelint-enable */\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n.duet-banner.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-enable */\n padding: 48px;\n }\n}";
|
|
18
|
+
const duetBannerCss = "*,\n*::after,\n*::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n /* stylelint-enable */\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n transform: scale(101%);\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n.duet-banner.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-enable */\n padding: 48px;\n }\n}";
|
|
19
19
|
|
|
20
20
|
const DuetBanner = class {
|
|
21
21
|
constructor(hostRef) {
|
|
@@ -126,14 +126,14 @@ const DuetBanner = class {
|
|
|
126
126
|
img: { src: this.image, alt: "", loading: "lazy", class: "image", role: "presentation" },
|
|
127
127
|
sources: parsePossibleJSON(this.sources),
|
|
128
128
|
};
|
|
129
|
-
return (h(Host, { key: '
|
|
129
|
+
return (h(Host, { key: '12cea619c3a29693b7bbb7189962468eee715f68', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: 'b4e70162ea52e299c8cc3481961e1354f7a348d0', class: {
|
|
130
130
|
"duet-banner": true,
|
|
131
131
|
"duet-theme-turva": this.theme === "turva",
|
|
132
132
|
[this.currentSize]: true,
|
|
133
133
|
"size-medium": this.size === "medium" || this.size === "large",
|
|
134
134
|
"size-large": this.size === "large",
|
|
135
135
|
"no-image": !this.image,
|
|
136
|
-
}, style: bannerStyles }, h("div", { key: '
|
|
136
|
+
}, style: bannerStyles }, h("div", { key: '77b6658e115f6c6ad322e4d81607a842de28ad7f', class: "visual" }, h("div", { key: '1140037769c9615f7fc233d5ef7db5e93e5b1434', class: "image-container" }, this.image && h(DuetPicture, Object.assign({ key: '63b777ee272d5fe8c7df6f6a8bff7b84a44c9dff' }, pictureSource))), 1 > 2, h("div", { key: '5af78573b362552f7bdc061be9bed68373255aae', style: bannerStyles, class: "brand-shape" })), h("div", { key: '99f371a78ff9d7e85cff37c9c5eb2d49f51e7aaa', class: "content" }, this.hasHeadingSlot && (h("div", { key: '8684e9cbd15cd42e8bce73271543ce7fc91b63fc', class: "heading" }, h("duet-heading", { key: '2d3348662100fc98f088ac9dee4a5a38681ce9d7', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '692332080a527df5d5ed15773ef34efbda983f15' }, h("slot", { key: '8a0a0e72edfcf4c55f66b8565fe90b948e86c4bc', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'daba4eb6a51dc590ea3591132b8cddebb5cf9756', class: "description", style: { color } }, h("slot", { key: '5d8e3bc1324a170bf266b89e8815896c470a512a', name: "description" }))), this.hasActionSlot && (h("div", { key: 'c9d0e0f700ef91081cad82c8edb5db69ee38ef56', class: "action" }, h("slot", { key: 'e72dfb579efb7ad822de3f59d3d828fffd3ef015', name: "action" })))))));
|
|
137
137
|
}
|
|
138
138
|
get element() { return getElement(this); }
|
|
139
139
|
};
|