@duetds/components 8.7.3 → 8.7.5
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 +206 -191
- package/lib/cjs/{app-globals-4bdf3e04.js → app-globals-d1a7f669.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-alert.cjs.entry.js +3 -3
- package/lib/cjs/duet-badge.cjs.entry.js +3 -3
- package/lib/cjs/duet-banner.cjs.entry.js +2 -2
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +6 -6
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +4 -4
- package/lib/cjs/duet-button_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-callout.cjs.entry.js +4 -4
- package/lib/cjs/duet-caption_4.cjs.entry.js +7 -7
- package/lib/cjs/duet-card.cjs.entry.js +1 -1
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-checkmark.cjs.entry.js +3 -3
- package/lib/cjs/duet-chip.cjs.entry.js +36 -24
- package/lib/cjs/duet-choice_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
- package/lib/cjs/duet-combobox.cjs.entry.js +3 -3
- package/lib/cjs/duet-contact-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +4 -4
- package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +7 -7
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +5 -5
- package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +3 -3
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-hero.cjs.entry.js +4 -4
- package/lib/cjs/duet-icon.cjs.entry.js +4 -4
- package/lib/cjs/duet-input_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-layout.cjs.entry.js +9 -7
- package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -4
- package/lib/cjs/duet-modal.cjs.entry.js +10 -10
- package/lib/cjs/duet-multiselect.cjs.entry.js +8 -8
- package/lib/cjs/duet-nav.cjs.entry.js +2 -2
- package/lib/cjs/duet-notification_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-number-input.cjs.entry.js +3 -3
- package/lib/cjs/duet-overlay.cjs.entry.js +2 -2
- package/lib/cjs/duet-page-heading.cjs.entry.js +3 -3
- package/lib/cjs/duet-pagination_2.cjs.entry.js +15 -15
- package/lib/cjs/duet-popup-menu-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-popup-menu.cjs.entry.js +2 -2
- package/lib/cjs/duet-progress.cjs.entry.js +2 -2
- package/lib/cjs/duet-promo-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-radio_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +18 -18
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +2 -2
- package/lib/cjs/duet-shaped-image.cjs.entry.js +3 -3
- package/lib/cjs/duet-show-more.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +10 -10
- package/lib/cjs/duet-slideout.cjs.entry.js +8 -8
- package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +5 -5
- package/lib/cjs/duet-textarea.cjs.entry.js +2 -2
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar.cjs.entry.js +2 -2
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-tooltip.cjs.entry.js +2 -2
- package/lib/cjs/duet-tray.cjs.entry.js +4 -4
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +5 -5
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +2 -2
- package/lib/cjs/{errorcodes.utils-e98c8bfb.js → errorcodes.utils-09ff4a36.js} +1 -1
- package/lib/cjs/{focus-utils-32fb1216.js → focus-utils-6a4b5f08.js} +1 -1
- package/lib/cjs/{index-ba1e23fb.js → index-7354b546.js} +1 -1
- package/lib/cjs/{language-utils-a0632bf3.js → language-utils-83b499ff.js} +1 -1
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/cjs/{slot-utils-71bdce18.js → slot-utils-90b6ce2c.js} +1 -1
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-chip/duet-chip.css +8 -0
- package/lib/collection/components/duet-chip/duet-chip.js +34 -22
- package/lib/collection/components/duet-choice/duet-checkmark.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-header/duet-header.css +4 -7
- package/lib/collection/components/duet-header/duet-header.js +1 -1
- package/lib/collection/components/duet-hero/duet-hero.css +5 -0
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-layout/duet-layout.css +20 -0
- package/lib/collection/components/duet-layout/duet-layout.js +8 -5
- package/lib/collection/components/duet-link/duet-link.js +3 -3
- package/lib/collection/components/duet-list/duet-list.js +1 -1
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +2 -2
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +6 -6
- 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-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +1 -1
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.css +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +9 -9
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- 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.css +6 -8
- 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-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +4 -4
- 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-group/duet-tab-group.js +5 -5
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +1 -1
- 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 +2 -2
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +2 -2
- 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/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-badge.js +1 -1
- package/lib/dist-custom-elements/duet-banner.js +3 -3
- package/lib/dist-custom-elements/duet-breadcrumb.js +7 -7
- package/lib/dist-custom-elements/duet-breadcrumbs.js +3 -3
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +4 -4
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +3 -3
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-checkmark.js +1 -1
- package/lib/dist-custom-elements/duet-chip.js +1 -1
- package/lib/dist-custom-elements/duet-choice-group.js +8 -8
- package/lib/dist-custom-elements/duet-choice.js +4 -4
- package/lib/dist-custom-elements/duet-collapsible.js +2 -2
- package/lib/dist-custom-elements/duet-combobox.js +12 -12
- package/lib/dist-custom-elements/duet-contact-card.js +10 -10
- package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
- package/lib/dist-custom-elements/duet-date-picker.js +13 -13
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +7 -7
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-fieldset.js +1 -1
- package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
- package/lib/dist-custom-elements/duet-footer.js +7 -7
- package/lib/dist-custom-elements/duet-grid-item.js +1 -1
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +10 -10
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +10 -10
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-label.js +1 -1
- package/lib/dist-custom-elements/duet-layout.js +9 -7
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-list-item.js +1 -1
- package/lib/dist-custom-elements/duet-list.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-menu-bar-item.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-link.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar.js +4 -4
- package/lib/dist-custom-elements/duet-modal.js +14 -14
- package/lib/dist-custom-elements/duet-multiselect.js +14 -14
- package/lib/dist-custom-elements/duet-nav.js +2 -2
- package/lib/dist-custom-elements/duet-notification-drawer.js +6 -6
- package/lib/dist-custom-elements/duet-notification.js +4 -4
- package/lib/dist-custom-elements/duet-number-input.js +11 -11
- package/lib/dist-custom-elements/duet-overlay.js +1 -1
- package/lib/dist-custom-elements/duet-page-heading.js +4 -4
- package/lib/dist-custom-elements/duet-pagination.js +24 -24
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu-item.js +3 -3
- package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
- package/lib/dist-custom-elements/duet-progress.js +1 -1
- package/lib/dist-custom-elements/duet-promo-card.js +5 -5
- package/lib/dist-custom-elements/duet-radio-group.js +8 -8
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +2 -2
- package/lib/dist-custom-elements/duet-range-stepper.js +6 -6
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +4 -4
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-shaped-image.js +3 -3
- package/lib/dist-custom-elements/duet-show-more.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-lang.js +4 -4
- package/lib/dist-custom-elements/duet-slideout-link.js +4 -4
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-slideout-panel.js +8 -8
- package/lib/dist-custom-elements/duet-slideout.js +7 -7
- package/lib/dist-custom-elements/duet-spacer.js +1 -1
- package/lib/dist-custom-elements/duet-spinner.js +1 -1
- package/lib/dist-custom-elements/duet-step.js +4 -4
- package/lib/dist-custom-elements/duet-stepper.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-submenu-bar-item.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar.js +7 -7
- package/lib/dist-custom-elements/duet-tab-group.js +18 -18
- package/lib/dist-custom-elements/duet-tab.js +1 -1
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +10 -10
- package/lib/dist-custom-elements/duet-toggle.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-toolbar-item.js +4 -4
- package/lib/dist-custom-elements/duet-toolbar-link.js +4 -4
- package/lib/dist-custom-elements/duet-toolbar.js +2 -2
- package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +5 -5
- package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
- package/lib/dist-custom-elements/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +21 -21
- package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/index.js +1 -1
- package/lib/dist-custom-elements/{p-8ff75665.js → p-00e941ae.js} +1 -1
- package/lib/dist-custom-elements/{p-ebf428c3.js → p-022fb6e5.js} +2 -2
- package/lib/dist-custom-elements/{p-b1698020.js → p-0c4fdfaf.js} +1 -1
- package/lib/dist-custom-elements/{p-ba535c6a.js → p-29ed51d7.js} +1 -1
- package/lib/dist-custom-elements/{p-085a1971.js → p-2a0caf1e.js} +6 -6
- package/lib/dist-custom-elements/{p-6a8cc6b0.js → p-2b80cc8e.js} +3 -3
- package/lib/dist-custom-elements/{p-ac4d9cdd.js → p-2c1a83c1.js} +15 -15
- package/lib/dist-custom-elements/{p-810bf022.js → p-2cc71ae5.js} +5 -5
- package/lib/dist-custom-elements/{p-e491d8d2.js → p-2e8da5d4.js} +2 -2
- package/lib/dist-custom-elements/{p-86e22012.js → p-38f07d37.js} +7 -7
- package/lib/dist-custom-elements/{p-2cd41f40.js → p-484a274a.js} +5 -5
- package/lib/dist-custom-elements/{p-43f82d58.js → p-514cdcf1.js} +4 -4
- package/lib/dist-custom-elements/{p-0cb2d3d2.js → p-5190c77c.js} +4 -4
- package/lib/dist-custom-elements/{p-d61727bb.js → p-5b8c2322.js} +1 -1
- package/lib/dist-custom-elements/{p-8d49b51c.js → p-654bce60.js} +3 -3
- package/lib/dist-custom-elements/{p-b713da48.js → p-6a6955ad.js} +37 -25
- package/lib/dist-custom-elements/{p-76594c11.js → p-6f18089c.js} +1 -1
- package/lib/dist-custom-elements/{p-411c0efc.js → p-73b7bd0b.js} +5 -5
- package/lib/dist-custom-elements/{p-23afb5e4.js → p-82c75c20.js} +8 -8
- package/lib/dist-custom-elements/{p-5a20d788.js → p-831a372d.js} +2 -2
- package/lib/dist-custom-elements/{p-878d87b2.js → p-908a1eb3.js} +3 -3
- package/lib/dist-custom-elements/{p-47c3a7d1.js → p-9301ae5d.js} +2 -2
- package/lib/dist-custom-elements/{p-63219fc9.js → p-95ee5452.js} +2 -2
- package/lib/dist-custom-elements/{p-b85e4143.js → p-97a0cbd1.js} +10 -10
- package/lib/dist-custom-elements/{p-54654aef.js → p-a4831958.js} +1 -1
- package/lib/dist-custom-elements/{p-eab7e6e0.js → p-a507e7d5.js} +2 -2
- package/lib/dist-custom-elements/{p-906bfe4b.js → p-b6f645f7.js} +3 -3
- package/lib/dist-custom-elements/{p-f089c3c3.js → p-c8fc5cc1.js} +1 -1
- package/lib/dist-custom-elements/{p-6eb22e51.js → p-cdbf4062.js} +5 -5
- package/lib/dist-custom-elements/{p-e61ae27d.js → p-d6dd92e7.js} +12 -12
- package/lib/dist-custom-elements/{p-542c1f6e.js → p-dffd004f.js} +3 -3
- package/lib/dist-custom-elements/{p-387255f0.js → p-e0ed4bc3.js} +3 -3
- package/lib/dist-custom-elements/{p-9ffa0264.js → p-e1573ed9.js} +2 -2
- package/lib/dist-custom-elements/{p-3b6dad71.js → p-e487f7aa.js} +1 -1
- package/lib/dist-custom-elements/{p-e43de9cb.js → p-ed44791c.js} +3 -3
- package/lib/dist-custom-elements/{p-25553b11.js → p-ee0c8100.js} +3 -3
- package/lib/dist-custom-elements/{p-fc4d041c.js → p-ee39b653.js} +4 -4
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-bc308f20.entry.js → p-0103b12c.entry.js} +1 -1
- package/lib/duet/{p-cf6d25ee.system.entry.js → p-01eb2a5c.system.entry.js} +1 -1
- package/lib/duet/{p-29af6c88.system.entry.js → p-04948ab1.system.entry.js} +1 -1
- package/lib/duet/p-060c8c5e.entry.js +4 -0
- package/lib/duet/{p-1d3367ab.system.entry.js → p-06babed5.system.entry.js} +2 -2
- package/lib/duet/{p-89749799.entry.js → p-06dd091c.entry.js} +1 -1
- package/lib/duet/{p-e07fa16f.entry.js → p-079b6815.entry.js} +1 -1
- package/lib/duet/{p-1b0c4d42.system.entry.js → p-08e1f6d7.system.entry.js} +1 -1
- package/lib/duet/{p-669e4c07.system.entry.js → p-0cd90a7f.system.entry.js} +1 -1
- package/lib/duet/p-0ced1d42.js +4 -0
- package/lib/duet/{p-97489308.system.entry.js → p-0d7bc10c.system.entry.js} +2 -2
- package/lib/duet/{p-3502dc9a.entry.js → p-0def8054.entry.js} +1 -1
- package/lib/duet/{p-c1a9a926.js → p-0e432a64.js} +1 -1
- package/lib/duet/{p-0b206da0.entry.js → p-1058b93b.entry.js} +1 -1
- package/lib/duet/{p-bddb0a20.system.entry.js → p-122676c7.system.entry.js} +1 -1
- package/lib/duet/{p-711265b1.system.entry.js → p-131b6738.system.entry.js} +1 -1
- package/lib/duet/{p-2c7206d0.entry.js → p-1591c4de.entry.js} +1 -1
- package/lib/duet/{p-c6b95597.entry.js → p-19f36421.entry.js} +1 -1
- package/lib/duet/{p-3a7ff1ef.entry.js → p-1accec14.entry.js} +1 -1
- package/lib/duet/{p-dd4599af.entry.js → p-1bc968d5.entry.js} +1 -1
- package/lib/duet/{p-7e55ac0c.entry.js → p-1be46e73.entry.js} +1 -1
- package/lib/duet/{p-73c52042.entry.js → p-1c16f902.entry.js} +1 -1
- package/lib/duet/{p-9af8d623.system.entry.js → p-1f4b048a.system.entry.js} +1 -1
- package/lib/duet/{p-9462f8de.system.entry.js → p-1f86118c.system.entry.js} +1 -1
- package/lib/duet/{p-5a79d9de.system.entry.js → p-1fc31059.system.entry.js} +1 -1
- package/lib/duet/{p-479d0193.system.entry.js → p-2005b095.system.entry.js} +1 -1
- package/lib/duet/{p-9fa820d5.entry.js → p-205e201c.entry.js} +1 -1
- package/lib/duet/{p-3aa2e709.system.entry.js → p-22634958.system.entry.js} +1 -1
- package/lib/duet/{p-b515bef9.system.entry.js → p-259ef722.system.entry.js} +1 -1
- package/lib/duet/{p-42fdb19b.entry.js → p-270e4107.entry.js} +1 -1
- package/lib/duet/{p-da15b66e.system.entry.js → p-2826a5a9.system.entry.js} +1 -1
- package/lib/duet/{p-e7243578.system.entry.js → p-286298a2.system.entry.js} +1 -1
- package/lib/duet/{p-6ab1db0d.system.entry.js → p-291ae532.system.entry.js} +1 -1
- package/lib/duet/{p-8ecb557c.system.js → p-2ad34175.system.js} +1 -1
- package/lib/duet/{p-d7e819a4.system.entry.js → p-2c5194f9.system.entry.js} +1 -1
- package/lib/duet/{p-6cb0b05d.entry.js → p-2cd863eb.entry.js} +1 -1
- package/lib/duet/{p-2dda109b.entry.js → p-2e9d9f57.entry.js} +1 -1
- package/lib/duet/p-309daf8b.entry.js +4 -0
- package/lib/duet/p-30de8e73.entry.js +4 -0
- package/lib/duet/{p-ec09a443.system.entry.js → p-327bf314.system.entry.js} +1 -1
- package/lib/duet/{p-2d2ed637.system.entry.js → p-34c7e313.system.entry.js} +1 -1
- package/lib/duet/{p-6edda39f.entry.js → p-3a3af622.entry.js} +1 -1
- package/lib/duet/{p-ab6676e3.system.entry.js → p-3ab33294.system.entry.js} +1 -1
- package/lib/duet/{p-f2bd948d.entry.js → p-3af83544.entry.js} +1 -1
- package/lib/duet/{p-fe246b98.js → p-3d5ae2e9.js} +1 -1
- package/lib/duet/{p-b041a2ff.system.entry.js → p-3d83bf88.system.entry.js} +1 -1
- package/lib/duet/{p-fd9d8da6.system.entry.js → p-3ef53b47.system.entry.js} +1 -1
- package/lib/duet/{p-cb8de952.entry.js → p-40ac0585.entry.js} +1 -1
- package/lib/duet/{p-3bc89ec6.system.entry.js → p-419a4402.system.entry.js} +1 -1
- package/lib/duet/{p-79718edb.entry.js → p-41a6e276.entry.js} +1 -1
- package/lib/duet/p-432bba6e.entry.js +4 -0
- package/lib/duet/{p-4b66fc4c.system.entry.js → p-452c3664.system.entry.js} +1 -1
- package/lib/duet/{p-452e7a19.system.entry.js → p-45711dd2.system.entry.js} +2 -2
- package/lib/duet/{p-c5ca406d.system.entry.js → p-47d4b092.system.entry.js} +2 -2
- package/lib/duet/{p-01fc4d34.entry.js → p-489568b7.entry.js} +1 -1
- package/lib/duet/{p-6f95a0ba.entry.js → p-48b1e9eb.entry.js} +1 -1
- package/lib/duet/p-4c9ce0ab.system.entry.js +4 -0
- package/lib/duet/{p-a56484ea.entry.js → p-4d0d7ead.entry.js} +1 -1
- package/lib/duet/{p-bcf293bf.system.entry.js → p-4f3269a9.system.entry.js} +1 -1
- package/lib/duet/{p-674b17de.entry.js → p-506406ac.entry.js} +1 -1
- package/lib/duet/{p-b24c06ed.entry.js → p-5072bdc9.entry.js} +1 -1
- package/lib/duet/{p-37405ffa.system.entry.js → p-50e7a5dd.system.entry.js} +1 -1
- package/lib/duet/p-530a5f2f.entry.js +4 -0
- package/lib/duet/{p-eed32f32.entry.js → p-5349c249.entry.js} +1 -1
- package/lib/duet/{p-89d19bc5.system.entry.js → p-53c9f20e.system.entry.js} +1 -1
- package/lib/duet/{p-a6b42954.entry.js → p-53e75abf.entry.js} +1 -1
- package/lib/duet/{p-58a8048d.entry.js → p-57a12074.entry.js} +1 -1
- package/lib/duet/{p-e16d075b.entry.js → p-59abd5e9.entry.js} +1 -1
- package/lib/duet/p-59c29737.entry.js +4 -0
- package/lib/duet/{p-837c4b0c.system.entry.js → p-5ae5c0b1.system.entry.js} +1 -1
- package/lib/duet/p-5b29de7c.entry.js +4 -0
- package/lib/duet/{p-c246dc47.system.entry.js → p-5b638f4f.system.entry.js} +1 -1
- package/lib/duet/{p-2f4059b6.entry.js → p-5b6f6bbe.entry.js} +1 -1
- package/lib/duet/{p-cc947473.entry.js → p-5bbb0cbb.entry.js} +1 -1
- package/lib/duet/{p-da1d2c32.system.entry.js → p-5e51cf6a.system.entry.js} +1 -1
- package/lib/duet/{p-47270f8d.system.entry.js → p-5f8a4a7d.system.entry.js} +1 -1
- package/lib/duet/{p-f30d5a7f.entry.js → p-5f923de2.entry.js} +1 -1
- package/lib/duet/{p-e5ef359e.entry.js → p-62879f97.entry.js} +1 -1
- package/lib/duet/{p-27ccaefd.entry.js → p-6671955e.entry.js} +1 -1
- package/lib/duet/{p-d641d8a3.entry.js → p-67628c59.entry.js} +1 -1
- package/lib/duet/{p-9ff8c011.entry.js → p-68b6fd26.entry.js} +1 -1
- package/lib/duet/{p-6f2ae515.system.entry.js → p-69f1a4f2.system.entry.js} +1 -1
- package/lib/duet/{p-e77c8cd4.system.entry.js → p-6a2f9ff6.system.entry.js} +1 -1
- package/lib/duet/p-6a8e04b2.system.entry.js +4 -0
- package/lib/duet/{p-cba1921b.system.entry.js → p-6b1c08f3.system.entry.js} +1 -1
- package/lib/duet/{p-6457a796.system.js → p-6b3a931f.system.js} +1 -1
- package/lib/duet/{p-173274f4.system.entry.js → p-6b4e1bba.system.entry.js} +1 -1
- package/lib/duet/{p-3614789f.entry.js → p-6bf05522.entry.js} +1 -1
- package/lib/duet/{p-b1e9dad0.system.entry.js → p-6f76371a.system.entry.js} +1 -1
- package/lib/duet/{p-55988964.system.entry.js → p-7353e4df.system.entry.js} +1 -1
- package/lib/duet/{p-c8820fe8.system.entry.js → p-7447b4b1.system.entry.js} +1 -1
- package/lib/duet/{p-3f6183cb.system.entry.js → p-75546d06.system.entry.js} +1 -1
- package/lib/duet/{p-18e23282.system.entry.js → p-7668d817.system.entry.js} +1 -1
- package/lib/duet/{p-e4d156bc.system.entry.js → p-78ffd5d6.system.entry.js} +1 -1
- package/lib/duet/{p-f3f3f84f.entry.js → p-7d17dc9f.entry.js} +1 -1
- package/lib/duet/{p-53e0951b.entry.js → p-7d1d1f86.entry.js} +1 -1
- package/lib/duet/{p-3e6f92d8.system.js → p-7d59bbcf.system.js} +1 -1
- package/lib/duet/{p-bf5745c6.entry.js → p-7f05c044.entry.js} +1 -1
- package/lib/duet/{p-a755f410.system.entry.js → p-7fc8b004.system.entry.js} +2 -2
- package/lib/duet/{p-c5cf73a3.entry.js → p-859c0733.entry.js} +1 -1
- package/lib/duet/{p-c7709155.system.entry.js → p-863be3b8.system.entry.js} +1 -1
- package/lib/duet/{p-2e99b4f3.system.js → p-87074c90.system.js} +1 -1
- package/lib/duet/{p-0cdb37a6.entry.js → p-870ede73.entry.js} +1 -1
- package/lib/duet/{p-0a9b4a74.system.entry.js → p-87a3838d.system.entry.js} +1 -1
- package/lib/duet/{p-b73d0326.system.entry.js → p-880edd71.system.entry.js} +1 -1
- package/lib/duet/{p-bec9a9d0.system.entry.js → p-8e2e9a82.system.entry.js} +1 -1
- package/lib/duet/{p-6e960c9c.entry.js → p-91f34a6c.entry.js} +1 -1
- package/lib/duet/{p-6c680a1f.entry.js → p-92c10b4f.entry.js} +1 -1
- package/lib/duet/{p-a530d1cd.entry.js → p-945580f7.entry.js} +1 -1
- package/lib/duet/{p-0e6a5f78.entry.js → p-953dde09.entry.js} +1 -1
- package/lib/duet/{p-4aa49de6.system.entry.js → p-959f200c.system.entry.js} +1 -1
- package/lib/duet/{p-8f0b4985.entry.js → p-95da8a9f.entry.js} +1 -1
- package/lib/duet/{p-f599d1f3.system.entry.js → p-9892047a.system.entry.js} +1 -1
- package/lib/duet/{p-2f27b3da.entry.js → p-99ed79b3.entry.js} +1 -1
- package/lib/duet/{p-6f316c3c.system.entry.js → p-9a8e5154.system.entry.js} +1 -1
- package/lib/duet/{p-757bcd12.system.js → p-9b386f5b.system.js} +1 -1
- package/lib/duet/p-9b485175.system.entry.js +4 -0
- package/lib/duet/{p-d65ce603.system.entry.js → p-9e12e7f9.system.entry.js} +1 -1
- package/lib/duet/{p-0f62c8c5.entry.js → p-a097d9ee.entry.js} +1 -1
- package/lib/duet/{p-991b0b18.entry.js → p-a37cc55d.entry.js} +1 -1
- package/lib/duet/{p-240ccb24.system.entry.js → p-a5278cfe.system.entry.js} +1 -1
- package/lib/duet/p-a5975ab0.entry.js +4 -0
- package/lib/duet/p-a60bb4a7.system.entry.js +4 -0
- package/lib/duet/{p-e479e499.system.entry.js → p-a8265f95.system.entry.js} +1 -1
- package/lib/duet/{p-e415c932.js → p-a96febcb.js} +1 -1
- package/lib/duet/{p-c37930c4.entry.js → p-ab48d012.entry.js} +1 -1
- package/lib/duet/{p-a1982d5f.entry.js → p-abdaade7.entry.js} +1 -1
- package/lib/duet/{p-f3c24379.system.entry.js → p-ac798ef6.system.entry.js} +1 -1
- package/lib/duet/{p-e0173b1e.system.entry.js → p-acb8d801.system.entry.js} +1 -1
- package/lib/duet/{p-e6733338.entry.js → p-add23a9e.entry.js} +1 -1
- package/lib/duet/{p-d5c98e0d.entry.js → p-b39df610.entry.js} +1 -1
- package/lib/duet/{p-e7ec54d9.system.entry.js → p-b4ddc308.system.entry.js} +1 -1
- package/lib/duet/{p-c326507b.entry.js → p-b6090729.entry.js} +1 -1
- package/lib/duet/{p-9589d903.system.entry.js → p-b826f416.system.entry.js} +1 -1
- package/lib/duet/{p-08027bd5.entry.js → p-b837bd27.entry.js} +1 -1
- package/lib/duet/{p-d1a6aaae.entry.js → p-b9c2a84b.entry.js} +1 -1
- package/lib/duet/{p-82d2bac0.system.entry.js → p-ba649687.system.entry.js} +1 -1
- package/lib/duet/{p-e0927619.entry.js → p-bd7330c2.entry.js} +1 -1
- package/lib/duet/{p-2462dae2.system.entry.js → p-bf360925.system.entry.js} +1 -1
- package/lib/duet/p-c07e77bd.system.entry.js +4 -0
- package/lib/duet/{p-b6380384.entry.js → p-c295bac4.entry.js} +1 -1
- package/lib/duet/{p-a1899d19.js → p-c296e2fe.js} +1 -1
- package/lib/duet/{p-49cedc59.system.entry.js → p-c45fbaa0.system.entry.js} +1 -1
- package/lib/duet/{p-64111c02.system.entry.js → p-c4c434b0.system.entry.js} +1 -1
- package/lib/duet/{p-24a714b4.system.entry.js → p-c762b204.system.entry.js} +2 -2
- package/lib/duet/{p-0151f6d9.system.entry.js → p-ca7ae79a.system.entry.js} +1 -1
- package/lib/duet/{p-b912ab9c.entry.js → p-cc577f39.entry.js} +1 -1
- package/lib/duet/{p-f7eb104c.system.entry.js → p-ce91ade4.system.entry.js} +1 -1
- package/lib/duet/{p-c40174a7.entry.js → p-cfda59e1.entry.js} +1 -1
- package/lib/duet/{p-c1910e48.entry.js → p-d1c59e6b.entry.js} +1 -1
- package/lib/duet/{p-2d2eb1e9.entry.js → p-d679ad05.entry.js} +1 -1
- package/lib/duet/{p-b39d51b3.system.entry.js → p-d7dac88c.system.entry.js} +1 -1
- package/lib/duet/{p-49fe016d.entry.js → p-d96d467b.entry.js} +1 -1
- package/lib/duet/{p-6a5bc5a1.entry.js → p-d9b83f29.entry.js} +1 -1
- package/lib/duet/{p-6842920d.entry.js → p-dc17c9f0.entry.js} +1 -1
- package/lib/duet/{p-0d4b6211.entry.js → p-ddf6e52d.entry.js} +1 -1
- package/lib/duet/{p-08b4d68d.system.entry.js → p-e0302f2f.system.entry.js} +2 -2
- package/lib/duet/p-e0c0fb67.entry.js +4 -0
- package/lib/duet/{p-963f148f.entry.js → p-e49330b3.entry.js} +1 -1
- package/lib/duet/{p-02897a21.entry.js → p-e5d35952.entry.js} +1 -1
- package/lib/duet/{p-3e45f5ef.system.entry.js → p-e5dfe729.system.entry.js} +1 -1
- package/lib/duet/p-e67c7226.entry.js +4 -0
- package/lib/duet/{p-3b5483cb.system.entry.js → p-e7e84978.system.entry.js} +2 -2
- package/lib/duet/{p-dd27b04e.system.js → p-ebe227fd.system.js} +1 -1
- package/lib/duet/{p-7e17ca68.system.entry.js → p-ec7b33c8.system.entry.js} +1 -1
- package/lib/duet/{p-0c339f86.system.entry.js → p-ee549fc2.system.entry.js} +1 -1
- package/lib/duet/{p-30fde042.system.entry.js → p-f230ec9b.system.entry.js} +1 -1
- package/lib/duet/{p-ce50b05b.system.entry.js → p-f2ad6a5d.system.entry.js} +1 -1
- package/lib/duet/{p-cc39ffd6.entry.js → p-f32bb736.entry.js} +1 -1
- package/lib/duet/{p-fb307e00.system.entry.js → p-f5dc75ab.system.entry.js} +1 -1
- package/lib/duet/{p-d03377cb.entry.js → p-f8ee50b0.entry.js} +1 -1
- package/lib/duet/p-fb508de5.js +4 -0
- package/lib/duet/{p-4657fd97.system.entry.js → p-fd4aae91.system.entry.js} +1 -1
- package/lib/duet/{p-d9623b60.system.js → p-fe62cf1b.system.js} +1 -1
- package/lib/duet/{p-1a7bce00.entry.js → p-ffad31e8.entry.js} +1 -1
- package/lib/esm/{app-globals-c0f14928.js → app-globals-2f3c9ad3.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +2 -2
- package/lib/esm/duet-alert.entry.js +3 -3
- package/lib/esm/duet-badge.entry.js +3 -3
- package/lib/esm/duet-banner.entry.js +2 -2
- package/lib/esm/duet-breadcrumb.entry.js +6 -6
- package/lib/esm/duet-breadcrumbs.entry.js +4 -4
- package/lib/esm/duet-button_2.entry.js +4 -4
- package/lib/esm/duet-callout.entry.js +4 -4
- package/lib/esm/duet-caption_4.entry.js +7 -7
- package/lib/esm/duet-card.entry.js +1 -1
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-checkmark.entry.js +3 -3
- package/lib/esm/duet-chip.entry.js +36 -24
- package/lib/esm/duet-choice_2.entry.js +3 -3
- package/lib/esm/duet-collapsible.entry.js +2 -2
- package/lib/esm/duet-combobox.entry.js +3 -3
- package/lib/esm/duet-contact-card.entry.js +4 -4
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +4 -4
- package/lib/esm/duet-divider_2.entry.js +2 -2
- package/lib/esm/duet-editable-table_3.entry.js +7 -7
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +5 -5
- package/lib/esm/duet-file-chooser.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +3 -3
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +5 -5
- package/lib/esm/duet-hero.entry.js +4 -4
- package/lib/esm/duet-icon.entry.js +4 -4
- package/lib/esm/duet-input_2.entry.js +3 -3
- package/lib/esm/duet-layout.entry.js +9 -7
- package/lib/esm/duet-list_2.entry.js +4 -4
- package/lib/esm/duet-menu-bar-button.entry.js +3 -3
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-menu-bar-dropdown.entry.js +5 -5
- package/lib/esm/duet-menu-bar-item.entry.js +3 -3
- package/lib/esm/duet-menu-bar-link.entry.js +3 -3
- package/lib/esm/duet-menu-bar.entry.js +4 -4
- package/lib/esm/duet-modal.entry.js +10 -10
- package/lib/esm/duet-multiselect.entry.js +8 -8
- package/lib/esm/duet-nav.entry.js +2 -2
- package/lib/esm/duet-notification_2.entry.js +6 -6
- package/lib/esm/duet-number-input.entry.js +3 -3
- package/lib/esm/duet-overlay.entry.js +2 -2
- package/lib/esm/duet-page-heading.entry.js +3 -3
- package/lib/esm/duet-pagination_2.entry.js +15 -15
- package/lib/esm/duet-popup-menu-item.entry.js +2 -2
- package/lib/esm/duet-popup-menu.entry.js +2 -2
- package/lib/esm/duet-progress.entry.js +2 -2
- package/lib/esm/duet-promo-card.entry.js +4 -4
- package/lib/esm/duet-radio_2.entry.js +2 -2
- package/lib/esm/duet-range-slider.entry.js +1 -1
- package/lib/esm/duet-scrollable_3.entry.js +18 -18
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +2 -2
- package/lib/esm/duet-shaped-image.entry.js +3 -3
- package/lib/esm/duet-show-more.entry.js +4 -4
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +3 -3
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +5 -5
- package/lib/esm/duet-slideout-panel.entry.js +10 -10
- package/lib/esm/duet-slideout.entry.js +8 -8
- package/lib/esm/duet-step_2.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +5 -5
- package/lib/esm/duet-submenu-bar-item.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar.entry.js +5 -5
- package/lib/esm/duet-textarea.entry.js +2 -2
- package/lib/esm/duet-toggle.entry.js +1 -1
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-toolbar-dropdown.entry.js +5 -5
- package/lib/esm/duet-toolbar-item.entry.js +3 -3
- package/lib/esm/duet-toolbar-link.entry.js +3 -3
- package/lib/esm/duet-toolbar.entry.js +2 -2
- package/lib/esm/duet-tooltip-button_2.entry.js +6 -6
- package/lib/esm/duet-tooltip.entry.js +2 -2
- package/lib/esm/duet-tray.entry.js +4 -4
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +5 -5
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +3 -3
- package/lib/esm/{errorcodes.utils-09a1130e.js → errorcodes.utils-dacd3ba5.js} +1 -1
- package/lib/esm/{focus-utils-222c942d.js → focus-utils-ed273558.js} +1 -1
- package/lib/esm/{index-bb52e777.js → index-fab38b5b.js} +1 -1
- package/lib/esm/{language-utils-dc4b408c.js → language-utils-4f1f49a3.js} +1 -1
- package/lib/esm/loader.js +3 -3
- package/lib/esm/{slot-utils-cd1f6806.js → slot-utils-f8dbbf78.js} +1 -1
- package/lib/esm-es5/{app-globals-c0f14928.js → app-globals-2f3c9ad3.js} +1 -1
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +2 -2
- package/lib/esm-es5/duet-checkmark.entry.js +1 -1
- package/lib/esm-es5/duet-chip.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-contact-card.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +2 -2
- package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +1 -1
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +2 -2
- package/lib/esm-es5/duet-overlay.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu-item.entry.js +2 -2
- package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +2 -2
- package/lib/esm-es5/duet-section-layout.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
- package/lib/esm-es5/duet-show-more.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +2 -2
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +2 -2
- package/lib/esm-es5/duet-step_2.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-item.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-item.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-upload-item.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/{errorcodes.utils-09a1130e.js → errorcodes.utils-dacd3ba5.js} +1 -1
- package/lib/esm-es5/focus-utils-ed273558.js +4 -0
- package/lib/esm-es5/{index-bb52e777.js → index-fab38b5b.js} +1 -1
- package/lib/esm-es5/{language-utils-dc4b408c.js → language-utils-4f1f49a3.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{slot-utils-cd1f6806.js → slot-utils-f8dbbf78.js} +1 -1
- package/lib/types/components/duet-chip/duet-chip.d.ts +3 -0
- package/lib/types/components/duet-layout/duet-layout.d.ts +2 -0
- package/package.json +4 -4
- package/lib/duet/p-1d06cb09.entry.js +0 -4
- package/lib/duet/p-3407e65b.entry.js +0 -4
- package/lib/duet/p-41c307bf.system.entry.js +0 -4
- package/lib/duet/p-488f7870.entry.js +0 -4
- package/lib/duet/p-4fe3e0e7.system.entry.js +0 -4
- package/lib/duet/p-518a359d.entry.js +0 -4
- package/lib/duet/p-51c37238.entry.js +0 -4
- package/lib/duet/p-59c37777.system.entry.js +0 -4
- package/lib/duet/p-68d24c63.entry.js +0 -4
- package/lib/duet/p-81ba8231.entry.js +0 -4
- package/lib/duet/p-9266be3a.system.entry.js +0 -4
- package/lib/duet/p-9768bb29.js +0 -4
- package/lib/duet/p-b7d1822b.entry.js +0 -4
- package/lib/duet/p-bd877062.entry.js +0 -4
- package/lib/duet/p-bdd2a92b.entry.js +0 -4
- package/lib/duet/p-d1600d3d.js +0 -4
- package/lib/duet/p-dcb8e451.system.entry.js +0 -4
- package/lib/esm-es5/focus-utils-222c942d.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -3575,12 +3575,12 @@ class DuetBadge {
|
|
|
3575
3575
|
*/
|
|
3576
3576
|
render() {
|
|
3577
3577
|
const backgroundClass = `background-${this.background}`;
|
|
3578
|
-
return (hAsync(Host, { key: '
|
|
3578
|
+
return (hAsync(Host, { key: 'f1d2c0d7ae41c9b8776ef282d7071ef27a84717f', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '3e4d65377d2627cd3e71d68f772de3ccd024ed0f', class: {
|
|
3579
3579
|
"duet-badge": true,
|
|
3580
3580
|
[this.variation]: true,
|
|
3581
3581
|
[backgroundClass]: true,
|
|
3582
3582
|
"duet-theme-turva": this.theme === "turva",
|
|
3583
|
-
} }, hAsync("slot", { key: '
|
|
3583
|
+
} }, hAsync("slot", { key: 'cd8684571510bef387f5da513d38e8203dccd104' }))));
|
|
3584
3584
|
}
|
|
3585
3585
|
get element() { return getElement(this); }
|
|
3586
3586
|
static get style() { return DuetBadgeStyle0; }
|
|
@@ -3770,14 +3770,14 @@ class DuetBreadcrumb {
|
|
|
3770
3770
|
*/
|
|
3771
3771
|
render() {
|
|
3772
3772
|
var _a;
|
|
3773
|
-
return (hAsync(Host, { key: '
|
|
3773
|
+
return (hAsync(Host, { key: '18c37fc7d84fbfe09c1eb285e16388ec70e9a307', role: "listitem" }, hAsync("div", { key: 'efc47db8c7eb8f922c361ac9399196a7af3be21d', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '108f30568f7f84babd579658721f1c0448288ebc', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: 'b03774c0f0d44955355121d6e235882edda6838c', class: {
|
|
3774
3774
|
"duet-breadcrumb": true,
|
|
3775
3775
|
"duet-theme-turva": this.theme === "turva",
|
|
3776
3776
|
}, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
|
|
3777
3777
|
this.icon && [
|
|
3778
|
-
hAsync("duet-icon", { key: '
|
|
3779
|
-
this.hasSlottedContent && hAsync("duet-spacer", { key: '
|
|
3780
|
-
], hAsync("slot", { key: '
|
|
3778
|
+
hAsync("duet-icon", { key: '085844d9dce555398be1e6889151600d54eb65f7', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
|
|
3779
|
+
this.hasSlottedContent && hAsync("duet-spacer", { key: '0746ad63079cbce6f54f7be5b2679a786d711ee0', size: "x-small", direction: "horizontal" }),
|
|
3780
|
+
], hAsync("slot", { key: 'd0f45ff3fa075427e14b90ef6eb06ebc1c03ddc7' })))));
|
|
3781
3781
|
}
|
|
3782
3782
|
get element() { return getElement(this); }
|
|
3783
3783
|
static get style() { return DuetBreadcrumbStyle0; }
|
|
@@ -3838,11 +3838,11 @@ class DuetBreadcrumbs {
|
|
|
3838
3838
|
*/
|
|
3839
3839
|
render() {
|
|
3840
3840
|
const color = getColorByName(this.color);
|
|
3841
|
-
return (hAsync(Host, { key: '
|
|
3841
|
+
return (hAsync(Host, { key: '4d20f1547e8f5acfe24d4fdd0796467ff5d04a14' }, hAsync("nav", { key: '65d6e31df9eb90f7e27b6855ba4e650541aa9eb0', "aria-label": this.breadcrumbsAriaLabel, class: {
|
|
3842
3842
|
"duet-breadcrumbs": true,
|
|
3843
3843
|
"duet-theme-turva": this.theme === "turva",
|
|
3844
3844
|
[this.variation]: true,
|
|
3845
|
-
} }, hAsync("div", { key: '
|
|
3845
|
+
} }, hAsync("div", { key: 'e4956646791760eb37fc77028654e75792a256e2', class: "container" }, hAsync("div", { key: '9dc16ff656071b0a10317a1b03c92d7b7dd92605', role: "list", class: "list", style: { color } }, hAsync("slot", { key: 'ac9ef52d9eeb061225106b00ee60d7ca2b50dbd2' })), hAsync("div", { key: '747853c441c9c296c4e03aafbe6483dfa31fb7c4', class: "bottom-border bottom-border--container" })), hAsync("div", { key: 'fc9a3ab33eb29633aff8623257c81c49185b9e90', class: "bottom-border bottom-border--nav" }))));
|
|
3846
3846
|
}
|
|
3847
3847
|
get element() { return getElement(this); }
|
|
3848
3848
|
static get style() { return DuetBreadcrumbsStyle0; }
|
|
@@ -4185,11 +4185,11 @@ class DuetCallout {
|
|
|
4185
4185
|
<path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
|
|
4186
4186
|
</svg>
|
|
4187
4187
|
`;
|
|
4188
|
-
return (hAsync(Host, { key: '
|
|
4188
|
+
return (hAsync(Host, { key: '534b9127054974a33efcc47a7d689a1e957195a7' }, hAsync("div", { key: 'a3eb6e2b17742b28bbf72d99bb824616fdf197ee', class: {
|
|
4189
4189
|
"duet-callout": true,
|
|
4190
4190
|
"duet-theme-turva": this.theme === "turva",
|
|
4191
4191
|
"duet-m-0": this.margin === "none",
|
|
4192
|
-
} }, hAsync("figure", { key: '
|
|
4192
|
+
} }, hAsync("figure", { key: 'ddb010bf709a04037d03a9e0864f6a91b061490a', class: "container" }, hAsync("duet-icon", { key: 'b520dbf68afa65865b562c053a06ae7907056260', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", { key: '6c2f2ec722f53f2bebce2d455147b4decad9d243' }, hAsync("slot", { key: '59ce6c30c39155fec448114fd25752585d95c87d' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'b6599f6f3bff3b855dae865e6b03fc977d161137', class: "author" }, hAsync("span", { key: '57a9fcc581eb85f634819905d57cb52e865ea4a3' }, "\u2014 "), hAsync("slot", { key: '3338c10206046d6a0410c95e69d353e1ce52dd79', name: "author" })))))));
|
|
4193
4193
|
}
|
|
4194
4194
|
get element() { return getElement(this); }
|
|
4195
4195
|
static get style() { return DuetCalloutStyle0; }
|
|
@@ -4550,11 +4550,11 @@ class DuetCheckmark {
|
|
|
4550
4550
|
inheritGlobalTheme(this);
|
|
4551
4551
|
}
|
|
4552
4552
|
render() {
|
|
4553
|
-
return (hAsync(Host, { key: '
|
|
4553
|
+
return (hAsync(Host, { key: '692074bb8ff3765800f6d41465a3597312f4da79', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '345bc0d43dfd9e43ef63fc8154a3f5cf663a284a', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: '9a3d25fabd343baa33ed2bc6477117dabe38445d', class: {
|
|
4554
4554
|
"duet-checkmark-container": true,
|
|
4555
4555
|
center: this.center,
|
|
4556
4556
|
"duet-checkmark-radio": this.type === "radio",
|
|
4557
|
-
} }, this.checked && hAsync("div", { key: '
|
|
4557
|
+
} }, this.checked && hAsync("div", { key: '0b214dedac8059c30b3cd59abd0623dda52d53bc', class: "duet-checkmark" })))));
|
|
4558
4558
|
}
|
|
4559
4559
|
static get style() { return DuetCheckmarkStyle0; }
|
|
4560
4560
|
static get cmpMeta() { return {
|
|
@@ -4573,7 +4573,7 @@ class DuetCheckmark {
|
|
|
4573
4573
|
}; }
|
|
4574
4574
|
}
|
|
4575
4575
|
|
|
4576
|
-
const duetChipCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(207, 210, 212);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(207, 207, 209)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(230, 242, 248);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}";
|
|
4576
|
+
const duetChipCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(207, 210, 212);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(207, 207, 209)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(230, 242, 248);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}";
|
|
4577
4577
|
var DuetChipStyle0 = duetChipCss;
|
|
4578
4578
|
|
|
4579
4579
|
class DuetChip {
|
|
@@ -4593,6 +4593,37 @@ class DuetChip {
|
|
|
4593
4593
|
this.disabled = false;
|
|
4594
4594
|
}
|
|
4595
4595
|
};
|
|
4596
|
+
this.radioInputListenersRemove = radioInput => {
|
|
4597
|
+
radioInput.removeEventListener("change", this.onRadioChange);
|
|
4598
|
+
radioInput.removeEventListener("click", this.onRadioClick);
|
|
4599
|
+
radioInput.removeEventListener("focus", this.onFocus);
|
|
4600
|
+
radioInput.removeEventListener("blur", this.onBlur);
|
|
4601
|
+
};
|
|
4602
|
+
this.radioInputListenersAdd = radioInput => {
|
|
4603
|
+
radioInput.addEventListener("change", this.onRadioChange);
|
|
4604
|
+
radioInput.addEventListener("click", this.onRadioClick);
|
|
4605
|
+
radioInput.addEventListener("focus", this.onFocus);
|
|
4606
|
+
radioInput.addEventListener("blur", this.onBlur);
|
|
4607
|
+
};
|
|
4608
|
+
this.radioInputSetUp = () => {
|
|
4609
|
+
const slotInput = this.element.querySelector("input[slot=input]");
|
|
4610
|
+
const radioInput = slotInput || document.createElement("input");
|
|
4611
|
+
radioInput.slot = "input";
|
|
4612
|
+
radioInput.ariaDisabled = this.disabled ? "true" : undefined;
|
|
4613
|
+
radioInput.id = this.identifier || this.chipId;
|
|
4614
|
+
radioInput.type = "radio";
|
|
4615
|
+
radioInput.name = this.name;
|
|
4616
|
+
radioInput.value = this.value;
|
|
4617
|
+
radioInput.checked = this.checked;
|
|
4618
|
+
if (slotInput) {
|
|
4619
|
+
this.radioInputListenersRemove(radioInput);
|
|
4620
|
+
}
|
|
4621
|
+
else {
|
|
4622
|
+
this.element.appendChild(radioInput);
|
|
4623
|
+
}
|
|
4624
|
+
this.radioInputListenersAdd(radioInput);
|
|
4625
|
+
this.focusableElement = radioInput;
|
|
4626
|
+
};
|
|
4596
4627
|
this.popupSetUp = () => {
|
|
4597
4628
|
const popup = document.querySelector(`duet-popup-menu#${this.popup}`);
|
|
4598
4629
|
if (popup) {
|
|
@@ -4762,27 +4793,8 @@ class DuetChip {
|
|
|
4762
4793
|
unsubscribeTabbingChange(this);
|
|
4763
4794
|
}
|
|
4764
4795
|
componentDidRender() {
|
|
4765
|
-
|
|
4766
|
-
|
|
4767
|
-
const radioInput = slotInput ? slotInput : document.createElement("input");
|
|
4768
|
-
radioInput.slot = "input";
|
|
4769
|
-
radioInput.ariaDisabled = this.disabled ? "true" : undefined;
|
|
4770
|
-
radioInput.id = identifier;
|
|
4771
|
-
radioInput.type = "radio";
|
|
4772
|
-
radioInput.name = this.name;
|
|
4773
|
-
radioInput.value = this.value;
|
|
4774
|
-
radioInput.checked = this.checked;
|
|
4775
|
-
radioInput.removeEventListener("change", this.onRadioChange);
|
|
4776
|
-
radioInput.removeEventListener("click", this.onRadioClick);
|
|
4777
|
-
radioInput.removeEventListener("focus", this.onFocus);
|
|
4778
|
-
radioInput.removeEventListener("blur", this.onBlur);
|
|
4779
|
-
radioInput.addEventListener("change", this.onRadioChange);
|
|
4780
|
-
radioInput.addEventListener("click", this.onRadioClick);
|
|
4781
|
-
radioInput.addEventListener("focus", this.onFocus);
|
|
4782
|
-
radioInput.addEventListener("blur", this.onBlur);
|
|
4783
|
-
this.focusableElement = radioInput;
|
|
4784
|
-
if (!this.element.querySelector("input[slot=input]")) {
|
|
4785
|
-
this.element.appendChild(radioInput);
|
|
4796
|
+
if (this.variation === "radio") {
|
|
4797
|
+
this.radioInputSetUp();
|
|
4786
4798
|
}
|
|
4787
4799
|
}
|
|
4788
4800
|
getAccessibleExpanded() {
|
|
@@ -4829,7 +4841,7 @@ class DuetChip {
|
|
|
4829
4841
|
onBlur: this.onBlur,
|
|
4830
4842
|
ref: el => (this.focusableElement = el),
|
|
4831
4843
|
};
|
|
4832
|
-
return (hAsync(Host, { key: '
|
|
4844
|
+
return (hAsync(Host, { key: '83bf513ef7192b64d92eb428ca47fbdf317468d9', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '750fdb0037f02571a465c86dfed9f81a4e4f1110', class: classes }, hAsync("button", Object.assign({ key: '49d5409a3600f91d6feefdafb207d17e330f53a3', id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: '609549b8eb1bc7b9c3e7049f94dc9678b9dc259f', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '9167ad7ccd13479061d6849af2938bc868e51677', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'f8ab715a57220b96dbdbd2478207c4ba40ba325b' })))), this.variation === "input" && (hAsync("span", { key: '0f1faa69c817a88de8716de8b261fa63688c899b', class: classes }, hAsync("button", Object.assign({ key: '1955c7a24051d1c5b7671bf4a8438ee1c014b7cc', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel }, focusHandlers), hAsync("span", { key: '3d69ad3ec1037f7b8278156392e902a2317f758c', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'c056e4f37ca87f98fb8743d5b723232e8335f83c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'f257712ed166db7feb280d894bb1c111fa6fe171' })), hAsync("button", { key: '0735914e5223ab4aed75f03e08e39af6a10ced8e', class: "duet-chip-remove-button", onClick: this.onRemoveClick }, hAsync("duet-icon", { key: '3478c9f87f043e61f96a7595a35db8849c0c730c', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: 'a656fd6ce69c6201d0dd7407170c88c47e8f2a67', class: classes }, hAsync("input", Object.assign({ key: '51dd1e0898d2af86d493e25b9d623d422a1e3ca8', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '60a550a09fcebb26e886503f0d9c637e6e2447cc', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'ba317cf437844d8c8694956e114687fa0d531daf', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '4e6bd4e5e0003bf649929dfdb36ca0f5b00e3e4c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '7d427ed0b6d4d15a1eb1b3c0515e3d0d119a5197', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '943da2eae596920b321008ca6d927411109555db' }), this.popupElement && (hAsync("span", { key: 'ccff1c7a99e9bf1b96449d061526a6f207907dfe', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: 'b381a2ae097f9de261f971882520688b0857a02f', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: '804eec75bc2347e568c5ebe9c994d909df7a6d15', class: classes }, hAsync("slot", { key: '74bef72f091082f56c3cbdc01c6284a347de775f', name: "input" }), hAsync("label", { key: '2a1fb8e4e0da4b7aa89fad54677e8cc3c0ea318f', htmlFor: identifier }, this.icon && (hAsync("span", { key: '6bf61ec47a6647c05ef31fcef2d955740a37e55e', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '0c780d8a156ebb569408bbac96838b8627818b79', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: 'ed9beaf0e2c72f762c8abcc8ebec1a149ce4f31e', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: 'b1c9725c085d8d27b273eae4eba95b8c911343db' }))))));
|
|
4833
4845
|
}
|
|
4834
4846
|
get element() { return getElement(this); }
|
|
4835
4847
|
static get watchers() { return {
|
|
@@ -6526,10 +6538,10 @@ class DuetContactCard {
|
|
|
6526
6538
|
render() {
|
|
6527
6539
|
const isTurva = this.theme === "turva";
|
|
6528
6540
|
const theme = isTurva ? "turva" : "default";
|
|
6529
|
-
return (hAsync(Host, { key: '
|
|
6541
|
+
return (hAsync(Host, { key: '4a436cc9bd108107bc501a7643b2e93f5ac78e5c', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '47581ca62eb607cec4b8d1d37fcf5f18c2678a34', class: {
|
|
6530
6542
|
"duet-contact-card": true,
|
|
6531
6543
|
"duet-theme-turva": this.theme === "turva",
|
|
6532
|
-
}, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: '
|
|
6544
|
+
}, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: '2146916a772d049a0a2c338e573c436cc799369c' }, this.name && (hAsync("duet-heading", { key: '1883776b3095e2f5aa9c173a96e7822d1c938f0e', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '92b78c88c8e2d892719502f7d2505ed7449da8d3', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '833f2c34ebcdce0e5233f80d6d01a5d9db13aadc', class: "email" }, hAsync("duet-icon", { key: '41310926f4b326de7de44f4a7346905386f80254', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '9ce96e8d1f5f73496c3b8e3d3c7d99e2de741c3e', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '7b184f7a81d165ad37c66a6075d3b1698de6264c', class: "phone" }, hAsync("duet-icon", { key: 'b973fbdcdd02bea91e9adce6b2d94b7122f730fc', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '4ba2b90db91a2217590ce7bc5f70846dc87e9856', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: 'a292f1045430c6eeac2ec61eae9722c6ffe41f4b', class: "call-to-action" }, hAsync("duet-button", { key: '103fa46548191a207bcfa65a32e426b62c3c4e4a', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: 'b02b1c4afca5fb77e9fd389b64f1f853433bc52f' }), hAsync("slot", { key: '02bae65fb19132f6a49d7dc156e660e042385fc3' }))));
|
|
6533
6545
|
}
|
|
6534
6546
|
get element() { return getElement(this); }
|
|
6535
6547
|
static get style() { return DuetContactCardStyle0; }
|
|
@@ -7502,20 +7514,20 @@ class DuetFieldset {
|
|
|
7502
7514
|
* Always the last one in the class.
|
|
7503
7515
|
*/
|
|
7504
7516
|
render() {
|
|
7505
|
-
return (hAsync(Host, { key: '
|
|
7517
|
+
return (hAsync(Host, { key: '796efaecbe6ebd2dd9ca28bd48a7c0ca625171fe', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: '637226c8d070993fade17dc1cb44e8db6c070d43', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
|
|
7506
7518
|
// NVDA and VoiceOver do not yet support aria-errormessage
|
|
7507
7519
|
// once they do, we can remove errors from the aria-describedby
|
|
7508
7520
|
// aria-errormessage={this.error ? this.errorId : null}
|
|
7509
7521
|
class: {
|
|
7510
7522
|
"duet-fieldset": true,
|
|
7511
7523
|
"duet-theme-turva": this.theme === "turva",
|
|
7512
|
-
} }, hAsync("legend", { key: '
|
|
7524
|
+
} }, hAsync("legend", { key: 'a49cbefbe852732e4b2b4326acd0a462d90106a6', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'f5f1518e027266a0e2d584fa1a6b4376f5db78e7' }, this.label), this.caption && hAsync("span", { key: 'cb39f09028e0dd245b2df28580493b6de584ed3c' }, this.caption)), hAsync("div", { key: '06d122ad9ce4c683b3eabfba9fb75db65a098eb1', class: {
|
|
7513
7525
|
"duet-legend-wrapper": true,
|
|
7514
7526
|
"duet-legend-has-caption": !!this.caption,
|
|
7515
7527
|
"duet-legend-has-tooltip": this.hasTooltip,
|
|
7516
7528
|
"duet-legend-hidden": this.labelHidden,
|
|
7517
7529
|
"duet-legend-compact": this.compactLabel,
|
|
7518
|
-
} }, hAsync("div", { key: '
|
|
7530
|
+
} }, hAsync("div", { key: '8f82b4f9980bf6681e5fee90a4b781e65e23f2b0', class: "duet-fieldset-label" }, hAsync("span", { key: 'eae1f845e20acf1b968997393e62ad8ccd3b0cc8', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '7148e9ad377dce9d87116e9ece609df2173f3331', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '948abdedb43e0de5a965d4f03d21dbb7c138b55c', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '94a4ac15cefd5f8dc70f52ba257b448f9ca3c74a', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '287a9d3649d0d24ae4bca3aa44009947ea3758fe' }), hAsync("span", { key: '2b4acb42a4e06002428b01c170a5a003dfe3654b', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '93e6611df1d44a5a657e69ac71402366aa7d82cd' }, this.error)))));
|
|
7519
7531
|
}
|
|
7520
7532
|
get element() { return getElement(this); }
|
|
7521
7533
|
static get style() { return DuetFieldsetStyle0; }
|
|
@@ -8180,7 +8192,7 @@ const DuetHeaderHamburger = () => (hAsync("div", { class: "duet-header-hamburger
|
|
|
8180
8192
|
hAsync("span", { class: "duet-header-bar" }),
|
|
8181
8193
|
hAsync("span", { class: "duet-header-bar" })));
|
|
8182
8194
|
|
|
8183
|
-
const duetHeaderCss = "*,*::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(0, 41, 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(225, 227, 230);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(228, 228, 230);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(207, 210, 212)}.duet-theme-turva .duet-header-top .duet-header-region{border-color:rgb(207, 207, 209)}@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(243, 249, 252);opacity:0;-webkit-overflow-scrolling:touch}.duet-theme-turva .duet-header-bottom{background:rgb(245, 245, 247)}@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)}.duet-header-items .extra-bottom-padding,.duet-header-bottom-utils .extra-bottom-padding,.duet-header-utils .extra-bottom-padding{padding-bottom:188px}@media (min-width: 62em){.duet-header-items .extra-bottom-padding,.duet-header-bottom-utils .extra-bottom-padding,.duet-header-utils .extra-bottom-padding{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(225, 227, 230);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(0, 41, 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(225, 227, 230)}.duet-header-items .duet-header-item:hover{color:rgb(0, 77, 128)}.duet-theme-turva .duet-header-items .duet-header-item:hover{color:rgb(68, 68, 69)}.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(0, 41, 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(0, 41, 77);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-bottom:1px solid rgb(225, 227, 230);border-radius:4px;-webkit-appearance:none;appearance:none}.duet-theme-turva .duet-header-button{color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}.duet-header-button:hover{color:rgb(0, 77, 128)}.duet-theme-turva .duet-header-button:hover{color:rgb(148, 9, 37)}.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(207, 210, 212);transform:translateY(-50%)}.duet-theme-turva .duet-header-button::before{background:rgb(207, 207, 209)}}.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(0, 41, 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(250, 164, 15)}.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, 245, 247)}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-toggle.active,.duet-header-dropdown .duet-header-dropdown-toggle.active:hover{color:rgb(0, 77, 128);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(148, 9, 37)}}@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(148, 9, 37)}}.duet-header-dropdown .duet-header-dropdown-content{display:none;padding-bottom:16px;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content{background:rgb(245, 245, 247);border-color:rgb(225, 227, 230)}@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(0, 41, 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(230, 242, 248)}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover{background:rgb(228, 228, 230)}}.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(243, 249, 252)}.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(243, 249, 252);border-top:1px solid rgb(225, 227, 230);border-bottom:1px solid rgb(225, 227, 230);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(243, 249, 252)}.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, 245, 247)}.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, 245, 247);border-color:rgb(228, 228, 230)}.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, 245, 247)}";
|
|
8195
|
+
const duetHeaderCss = "*,*::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(0, 41, 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(225, 227, 230);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(228, 228, 230);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(207, 210, 212)}.duet-theme-turva .duet-header-top .duet-header-region{border-color:rgb(207, 207, 209)}@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(243, 249, 252);opacity:0;-webkit-overflow-scrolling:touch}.duet-theme-turva .duet-header-bottom{background:rgb(245, 245, 247)}@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(225, 227, 230);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(0, 41, 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(225, 227, 230)}.duet-header-items .duet-header-item:hover{color:rgb(0, 77, 128)}.duet-theme-turva .duet-header-items .duet-header-item:hover{color:rgb(68, 68, 69)}.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(0, 41, 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(0, 41, 77);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-bottom:1px solid rgb(225, 227, 230);border-radius:4px;-webkit-appearance:none;appearance:none}.duet-theme-turva .duet-header-button{color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}.duet-header-button:hover{color:rgb(0, 77, 128)}.duet-theme-turva .duet-header-button:hover{color:rgb(148, 9, 37)}.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(207, 210, 212);transform:translateY(-50%)}.duet-theme-turva .duet-header-button::before{background:rgb(207, 207, 209)}}.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(0, 41, 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(250, 164, 15)}.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, 245, 247)}@media (min-width: 62em){.duet-header-dropdown .duet-header-dropdown-toggle.active,.duet-header-dropdown .duet-header-dropdown-toggle.active:hover{color:rgb(0, 77, 128);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(148, 9, 37)}}@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(148, 9, 37)}}.duet-header-dropdown .duet-header-dropdown-content{display:none;padding-bottom:16px;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content{background:rgb(245, 245, 247);border-color:rgb(225, 227, 230)}@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(0, 41, 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(230, 242, 248)}.duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover{background:rgb(228, 228, 230)}}.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(243, 249, 252)}.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(243, 249, 252);border-top:1px solid rgb(225, 227, 230);border-bottom:1px solid rgb(225, 227, 230);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(243, 249, 252)}.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, 245, 247)}.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, 245, 247);border-color:rgb(228, 228, 230)}.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, 245, 247)}";
|
|
8184
8196
|
var DuetHeaderStyle0 = duetHeaderCss;
|
|
8185
8197
|
|
|
8186
8198
|
const createEvent = (ev, data) => ({
|
|
@@ -8675,7 +8687,7 @@ class DuetHeader {
|
|
|
8675
8687
|
"duet-header-item": true,
|
|
8676
8688
|
active: thirdLevelItem.active === true,
|
|
8677
8689
|
}, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), onMouseEnter: event => this.emitDuetEvent(event, thirdLevelItem), onTouchStart: event => this.emitDuetEvent(event, thirdLevelItem), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (hAsync("div", { class: "duet-header-icon" }, hAsync("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), hAsync("span", null, thirdLevelItem.label), thirdLevelItem.badge && hAsync("div", { class: "duet-header-badge" })))))));
|
|
8678
|
-
}))))), hAsync("div", { class: "duet-header-bottom-utils" }, hAsync("slot", { name: "utility" })), hAsync("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown(), languageDropdown(), !itemsHaveSubItems && (hAsync(Fragment, null, processedUserWithLink(), processedUserWithoutLink())), processedSearch(), processedSession(), hAsync("div", { class: { "extra-bottom-
|
|
8690
|
+
}))))), hAsync("div", { class: "duet-header-bottom-utils" }, hAsync("slot", { name: "utility" })), hAsync("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown(), languageDropdown(), !itemsHaveSubItems && (hAsync(Fragment, null, processedUserWithLink(), processedUserWithoutLink())), processedSearch(), processedSession()), hAsync("div", { class: { "extra-bottom-margin": true } })))));
|
|
8679
8691
|
// multi level variation
|
|
8680
8692
|
if (itemsHaveSubItems) {
|
|
8681
8693
|
const activeSegment = this.processedItems.find(item => item.active);
|
|
@@ -8829,7 +8841,7 @@ class DuetHeading {
|
|
|
8829
8841
|
}; }
|
|
8830
8842
|
}
|
|
8831
8843
|
|
|
8832
|
-
const duetHeroCss = "*,*::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%}.duet-hero{position:relative;display:block;width:100%;padding:48px 28px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;text-decoration:none;text-shadow:none;text-transform:none;background:rgb(0, 41, 77)}.duet-hero.duet-p-0{padding:0 !important}.duet-hero.duet-m-0{margin:0 !important}.duet-hero.duet-hero-text-center{text-align:center !important}.duet-hero.duet-hero-light{padding-bottom:0 !important}@media (min-width: 62em){.duet-hero.duet-hero-light{padding-bottom:28px !important}}.duet-hero.duet-hero-with-image{padding-bottom:20px !important;margin-bottom:-36px}@media (min-width: 48em){.duet-hero.duet-hero-with-image{padding-bottom:28px !important}}@media (min-width: 62em){.duet-hero.duet-hero-with-image{padding-bottom:36px !important;margin-bottom:-20px}}.duet-hero.duet-hero-light,.duet-hero.duet-hero-with-image{color:rgb(0, 41, 77);background-color:rgb(255, 255, 255);background-image:linear-gradient(rgb(243, 249, 252), #f9fcfe)}.duet-hero.duet-hero-light::before,.duet-hero.duet-hero-with-image::before{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:400px;content:\"\";background-image:linear-gradient(#f9fcfe, rgb(255, 255, 255))}.duet-hero.duet-hero-light.duet-theme-turva,.duet-hero.duet-hero-with-image.duet-theme-turva{color:rgb(23, 28, 58);background-image:linear-gradient(rgb(245, 245, 247), #fafafb)}.duet-hero.duet-hero-light.duet-theme-turva::before,.duet-hero.duet-hero-with-image.duet-theme-turva::before{background-image:linear-gradient(#fafafb, rgb(255, 255, 255))}.duet-hero.duet-hero-gray{color:rgb(0, 41, 77);background:rgb(245, 248, 250)}.duet-hero.duet-hero-gray.duet-theme-turva{background:rgb(245, 245, 247)}@media (min-width: 62em){.duet-hero.duet-hero-gray .duet-hero-text{display:inline-block;vertical-align:top}.duet-hero.duet-hero-gray .duet-hero-icon+.duet-hero-text{margin-left:28px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-actions{padding-bottom:65.4545454545px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-back{padding-top:72px}}.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{padding:0 0 48px;margin:0;background:none}@media (min-width: 48em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:490px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:540px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:620px}}.duet-hero.duet-hero-campaign .background-area,.duet-hero.duet-hero-section .background-area{height:1px;margin-bottom:-1px}.duet-hero.duet-hero-campaign .background-container,.duet-hero.duet-hero-section .background-container{position:absolute;right:0;left:0;display:grid;align-items:flex-start;justify-content:center;overflow:hidden}.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{display:flex;align-items:flex-start;justify-content:center;height:220px;margin:0 auto}.duet-hero.duet-hero-campaign .background img,.duet-hero.duet-hero-section .background img{height:100%}.duet-hero.duet-hero-campaign .background img.cover,.duet-hero.duet-hero-section .background img.cover{object-fit:cover}.duet-hero.duet-hero-campaign .background img.center,.duet-hero.duet-hero-section .background img.center{object-position:center}@media (min-width: 1440px){.duet-hero.duet-hero-campaign .background img,.duet-hero.duet-hero-section .background img{width:100%;height:auto}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:300px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:450px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:500px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:580px}}@media (min-width: 1600px){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{width:1600px;overflow:hidden}}.duet-hero.duet-hero-campaign .background .brand-container,.duet-hero.duet-hero-section .background .brand-container{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden}.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{position:absolute;width:100%;height:220px;background-repeat:no-repeat;background-position:center center;background-size:cover}@media (min-width: 36em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{left:-200px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{left:auto;height:1100px;background-position:140% -200%}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{background-position:right -200%}}.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{position:absolute;top:143px;right:0;left:-30px;width:340px;height:340px;margin-right:auto;margin-left:auto;background:rgb(255, 255, 255);border-radius:20%;mix-blend-mode:normal;transform:rotate(8deg)}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:160px;width:450px;height:450px}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:215px;left:-50px;width:550px;height:550px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:250px;left:0;width:712.18px;height:712.18px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:240px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:280px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:310px}}.duet-hero.duet-hero-campaign .duet-hero-text,.duet-hero.duet-hero-section .duet-hero-text{width:100%}.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:36px}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:48px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:64px}}.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{margin:0 auto}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:90%}}@media (min-width: 25em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:80%}}@media (min-width: 30em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:52%}}.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{display:flex;align-items:center;height:6rem;padding:0 1rem;margin:1rem 0 4.5rem}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:2rem 0 4rem}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:3rem 0 8rem}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:4rem 0 10rem}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:5rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:6rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:8rem 0 11rem}}.duet-hero.duet-hero-campaign .duet-hero-wrapper.fluid,.duet-hero.duet-hero-campaign .duet-hero-wrapper.narrow,.duet-hero.duet-hero-section .duet-hero-wrapper.fluid,.duet-hero.duet-hero-section .duet-hero-wrapper.narrow{padding:0 16px}.duet-hero.duet-hero-campaign.duet-theme-turva,.duet-hero.duet-hero-section.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:none}.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:125px;left:-10px;width:350px;height:350px;background:rgb(255, 255, 255);transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:143px;left:-30px;width:450px;height:450px}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:180px;left:0;width:550px;height:550px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:220px;width:712.18px;height:712.18px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:230px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:260px}}@media (min-width: 106.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:290px}}.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:98%}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:90%}}@media (min-width: 25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:78%}}@media (min-width: 30em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:66%}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:65%}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:52%}}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:2rem 0 5rem}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:3rem 0 8rem}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:4rem 0 10rem}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:5rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:6rem 0 12rem}}@media (min-width: 106.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:8rem 0 13rem}}@media (min-width: 48em){.duet-hero.duet-hero-section{min-height:490px}}@media (min-width: 62em){.duet-hero.duet-hero-section{min-height:auto}}@media (min-width: 76.25em){.duet-hero.duet-hero-section{min-height:560px}}@media (min-width: 62em){.duet-hero.duet-hero-section .background img{width:100%;height:auto}}@media (min-width: 62em){.duet-hero.duet-hero-section .background{width:1400px;height:436px;overflow:hidden}}@media (min-width: 76.25em){.duet-hero.duet-hero-section .background{width:1536px;height:516px}}@media (min-width: 106.25em){.duet-hero.duet-hero-section .background{width:1536px}}.duet-hero.duet-hero-product{position:relative;padding:0 0 48px;padding-top:236px;margin:0;background:rgb(255, 255, 255)}@media (min-width: 48em){.duet-hero.duet-hero-product{padding-top:250px}}@media (min-width: 62em){.duet-hero.duet-hero-product{min-height:375px;padding-top:0}.duet-hero.duet-hero-product.duet-hero-narrow{padding-top:200px}}.duet-hero.duet-hero-product .background-area{position:absolute;top:0;width:100%;height:600px;overflow:hidden}@media (min-width: 62em){.duet-hero.duet-hero-product .background-area{top:-112px}.duet-hero.duet-hero-product .background-area.narrow{top:0}}.duet-hero.duet-hero-product .background-container{position:absolute;top:-150px;width:100%;height:600px;overflow:hidden}@media (min-width: 62em){.duet-hero.duet-hero-product .background-container{top:-48px}.duet-hero.duet-hero-product .background-container.narrow{top:-160px}}.duet-hero.duet-hero-product .background{position:absolute;top:145px;width:100%;overflow:visible}.duet-hero.duet-hero-product .background .background-mask{display:none}@media (min-width: 48em){.duet-hero.duet-hero-product .background{top:130px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background{top:35px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background.narrow{top:140px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background:not(.narrow){position:absolute;right:0;left:0;max-width:1440px;height:100%;margin:0 auto}}.duet-hero.duet-hero-product .background .brand-shaped-image{position:absolute;top:-160px;right:-15%;z-index:0;width:375px;height:375px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-image{right:15%}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-210px;width:485px;height:485px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image:not(.narrow){top:-353px;right:-128.15px;width:520px;height:736px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-image:not(.narrow){width:736px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image.narrow{right:30%}}.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-wrapper{position:relative;width:100%;height:100%}.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{position:absolute;bottom:0;left:50%;z-index:1;width:600px;height:256px;background-repeat:no-repeat;background-size:100%;transform:rotate(-7deg) translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:600px;height:320px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg:not(.narrow){width:800px;height:470px}}.duet-hero.duet-hero-product .background .brand-shape{position:absolute;top:-20px;right:50%;width:240px;height:240px;background:rgb(230, 242, 248);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shape{top:-60px;width:340px;height:340px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shape:not(.narrow){top:auto;top:79px;right:200px;width:380px;height:380px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shape:not(.narrow){right:414px;width:400px;height:400px}}.duet-hero.duet-hero-product .background .brand-shaped-icon{position:absolute;top:160px;right:15%;display:flex;align-items:center;justify-content:center;width:85px;height:85px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:180px;width:120px;height:120px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon:not(.narrow){top:292px;right:220px;width:150px;height:150px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-icon:not(.narrow){top:292px;right:220px;width:186px;height:186px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon.narrow{right:35%}}.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:80px;height:80px;transform:rotate(-7deg)}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon:not(.narrow){width:120px;height:120px}}.duet-hero.duet-hero-product .duet-hero-wrapper{max-width:100%;margin:0 auto}.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-text{margin-top:0}.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:1rem}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:2rem}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:7rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:7rem}}.duet-hero.duet-hero-product .duet-hero-wrapper.fluid,.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 16px}@media (min-width: 36em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{padding:0 28px}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{max-width:1110px;padding:0}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text{width:50%}}.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{max-width:888px}@media (min-width: 36em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 48px}}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 72px}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow .duet-hero-text{width:80%}}.duet-hero.duet-hero-product.duet-theme-turva{background:rgb(255, 255, 255)}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva.duet-hero-narrow{padding-top:160px}}.duet-hero.duet-hero-product.duet-theme-turva .background .background-mask{position:absolute;top:0;left:0;display:block;width:721px;height:256.85px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .background-mask{left:181px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-185px;right:0;left:0;width:485px;height:485px;margin:0 auto;border-radius:0;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}@media (min-width: 36em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{right:0}}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-165px;right:0}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow{right:40%;left:auto}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image:not(.narrow){top:-230px;right:-180px;left:auto;width:675px;height:675px;margin:0}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image:not(.narrow){right:-120px;width:736px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image .brand-shaped-image-bg{width:600px;height:320px;transform:translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image .brand-shaped-image-bg{width:600px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image .brand-shaped-image-bg:not(.narrow){width:800px;height:470px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{top:175px;background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat;transform:rotate(0deg)}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{position:relative;top:-10px;transform:rotate(0deg)}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{top:-10px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{top:-15px}}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{top:180px;right:20%}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{top:292px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{top:292px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon.narrow{top:192px;right:35%}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon.narrow{top:192px;right:40%}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon:not(.narrow){right:340px}}.duet-hero.duet-hero-content{padding:0 0 48px;padding-top:236px;background:rgb(255, 255, 255)}@media (min-width: 48em){.duet-hero.duet-hero-content{padding-top:384px}}.duet-hero.duet-hero-content:not(.duet-hero-has-image){padding:72px 0 48px}.duet-hero.duet-hero-content .background-area{position:absolute;width:100%}.duet-hero.duet-hero-content .background{position:absolute;top:-236px;width:100%;height:600px;overflow:hidden}.duet-hero.duet-hero-content .background .background-mask{display:none}@media (min-width: 48em){.duet-hero.duet-hero-content .background{top:-384px}}.duet-hero.duet-hero-content .background .brand-shaped-image{position:absolute;top:-165px;right:0;left:30px;z-index:0;width:375px;height:375px;margin:0 auto;overflow:hidden;border-radius:20%;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shaped-image{top:-325px;left:250px;width:687px;height:687px}}.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-wrapper{position:relative;width:100%;height:100%}.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg{position:absolute;bottom:0;left:50%;z-index:1;width:600px;height:256px;background-repeat:no-repeat;background-size:100%;transform:rotate(-7deg) translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg{width:733px;height:413px}}.duet-hero.duet-hero-content .background .brand-shape{position:absolute;top:-25px;right:0;left:-300px;width:240px;height:240px;margin-right:auto;margin-left:auto;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.07;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shape{top:80px;left:-400px;width:373px;height:373px}}.duet-hero.duet-hero-content .duet-hero-wrapper{max-width:100%;margin:0 auto}.duet-hero.duet-hero-content .duet-hero-wrapper.fluid,.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 16px}@media (min-width: 36em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{padding:0 28px}}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{max-width:1110px;padding:0}}.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{max-width:888px}@media (min-width: 36em){.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 48px}}@media (min-width: 48em){.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 72px}}.duet-hero.duet-hero-content .duet-hero-text{max-width:100%}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-text{width:80%}}.duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre{margin-top:1rem;margin-bottom:0.5rem}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre{margin-top:1.5rem;margin-bottom:0}}.duet-hero.duet-hero-content.duet-theme-turva{background:rgb(255, 255, 255)}.duet-hero.duet-hero-content.duet-theme-turva .background-mask{position:absolute;top:0;left:0;display:block;width:721px;height:256.85px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .background-mask{left:181px}}.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image{top:-155px;right:0;left:0;width:420px;height:420px;margin:0 auto;border-radius:0;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image{top:-230px;width:687px;height:637px}}.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg{width:600px;height:280px;transform:translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg{width:733px;height:413px}}.duet-hero.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-hero{min-height:290px;padding:111.6px 56px;overflow:visible}}.duet-hero-icon{display:inline-block;vertical-align:top}@media (min-width: 62em){.duet-hero-icon{margin-top:-8px}}@media (min-width: 62em){.duet-hero-heading{margin-top:12px}}@media (min-width: 62em){.duet-hero-heading-has-pre{margin-top:0}}.duet-hero-wrapper{position:relative;width:100%;max-width:1110px;margin:0 auto;text-align:center}.duet-hero-left-align .duet-hero-wrapper{text-align:left}.duet-hero-with-image .duet-hero-wrapper{position:static}@media (min-width: 62em){.duet-hero-wrapper{text-align:left}}.duet-hero-text{max-width:50rem;margin:0 auto}.duet-hero-text-center .duet-hero-text{text-align:center !important}@media (min-width: 48em){.duet-hero-text{width:80%}.duet-hero-left-align .duet-hero-text{margin:0}}@media (min-width: 62em){.duet-hero-text{width:52%;max-width:none;margin-top:-10px;margin-left:0}.duet-hero-text-center .duet-hero-text{margin-left:auto}}.duet-hero:not(.duet-hero-with-image) .duet-hero-image{width:100%;max-width:400px;height:0;padding-bottom:50%;margin:28px auto 0;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media (min-width: 36em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{padding-bottom:40%}}@media (min-width: 48em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:420px;padding-bottom:34%}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:540px}}@media (min-width: 62em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{position:absolute;top:50%;right:0;padding-bottom:30%;margin:0;transform:translateY(-50%)}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-60px;padding-bottom:26%}.duet-hero-gray .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}@media (min-width: 62em){.duet-hero-gray:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}.duet-hero-image-wrapper{position:relative;width:80%;height:0;padding-bottom:80%;margin:-30px auto 36px;overflow:hidden;border-radius:28%;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);transform:rotate(10deg)}.duet-theme-turva .duet-hero-image-wrapper{padding-bottom:68%;border-radius:44% 47% 38% 54%;transform:none}@media screen and (min-width: 440px){.duet-hero-image-wrapper{width:300px;padding-bottom:300px}.duet-theme-turva .duet-hero-image-wrapper{width:80%;padding-bottom:68%}}@media (min-width: 62em){.duet-hero-image-wrapper{position:absolute;top:-60px;right:-50px;width:470px;padding-bottom:470px;margin:0}.duet-theme-turva .duet-hero-image-wrapper{top:-40px;right:-80px;width:536px;padding-bottom:470px}}@media (min-width: 76.25em){.duet-hero-image-wrapper{top:-70px;right:-60px;width:600px;padding-bottom:600px}.duet-theme-turva .duet-hero-image-wrapper{top:-70px;right:-60px;width:650px;padding-bottom:600px}}@media screen and (min-width: 1450px){.duet-hero-image-wrapper{top:-70px;right:25px}.duet-theme-turva .duet-hero-image-wrapper{right:0}}.duet-hero-image-wrapper .duet-hero-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:rotate(-10deg)}.duet-theme-turva .duet-hero-image-wrapper .duet-hero-image{top:0;left:0;width:100%;height:100%;transform:none}.duet-hero-image-mask{position:relative;margin:-48px auto 0;overflow:hidden}@media (min-width: 62em){.duet-hero-image-mask{position:absolute;top:0;right:0;width:470px;height:460px;margin:0}}@media (min-width: 76.25em){.duet-hero-image-mask{width:650px;height:580px}}@media screen and (min-width: 1450px){.duet-hero-image-mask{right:50%;transform:translateX(110%)}.duet-theme-turva .duet-hero-image-mask{transform:translateX(108%)}}duet-heading+duet-button{margin-top:12px !important}.duet-hero-links{width:calc(100% + 56px);margin-top:48px;margin-left:-28px}.duet-hero-minimal .duet-hero-links{margin-top:28px}@media (min-width: 36em){.duet-hero-links{margin-top:72px}.duet-hero-minimal .duet-hero-links{margin-top:28px}}@media (min-width: 62em){.duet-hero-links{width:auto;margin:36px 0 0}.duet-hero-minimal .duet-hero-links{margin-top:28px}}.duet-hero-link{display:flex;align-items:center;width:100%;padding:16px 16px 8px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.25;color:rgb(0, 119, 179);text-align:left;text-decoration:none;border-bottom:1px solid rgb(225, 227, 230);transition:background-color 300ms ease}.duet-hero-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-hero-link:focus,.duet-hero-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-hero-link:hover,.duet-hero-link:hover .duet-hero-action-arrow{color:rgb(0, 77, 128) !important;background:transparent !important}.duet-theme-turva .duet-hero-link:hover,.duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow{color:rgb(148, 9, 37) !important}.duet-theme-turva .duet-hero-link{color:rgb(198, 12, 48)}@media (min-width: 36em){.duet-hero-link{padding:16px 16px 16px 28px}}@media (min-width: 62em){.duet-hero-link{display:inline-flex;width:auto;max-width:350px;padding:0;margin:0 28px 16px 0;border:0;border-radius:4px}}.duet-hero-link:hover{background:rgba(0, 0, 0, 0.02)}@media (min-width: 62em){.duet-hero-link:hover{background:transparent}}.duet-hero-link:first-of-type{border-top:1px solid rgb(225, 227, 230)}@media (min-width: 62em){.duet-hero-link:first-of-type{margin-top:0;border:0}}.duet-hero-link:last-of-type{margin-bottom:-48px}@media (min-width: 62em){.duet-hero-link:last-of-type{margin-right:0;margin-bottom:0}}.duet-hero-link span{margin-top:-8px}@media (min-width: 36em){.duet-hero-link span{margin:0}}.duet-hero-action-icon{margin-right:8px}@media (min-width: 36em){.duet-hero-action-icon{margin-right:12px}}.duet-hero-action-arrow{margin:0 0 0 8px;color:rgb(0, 119, 179)}@media (max-width: 35.9375em){.duet-hero-action-arrow{margin-top:-9px}}.duet-theme-turva .duet-hero-action-arrow{color:rgb(198, 12, 48)}.duet-hero-back{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center}.duet-hero-left-align .duet-hero-back{align-items:self-start;justify-content:flex-start}@media (min-width: 36em){.duet-hero-back{margin-bottom:36px !important}.duet-hero-minimal .duet-hero-back{margin-bottom:28px !important}}@media (min-width: 62em){.duet-hero-back{display:block}}.duet-hero-pre{display:inline-block;width:auto;margin-right:8px}.duet-hero-pre+duet-heading{margin-top:0 !important}";
|
|
8844
|
+
const duetHeroCss = "*,*::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%}.duet-hero{position:relative;display:block;width:100%;padding:48px 28px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;text-decoration:none;text-shadow:none;text-transform:none;background:rgb(0, 41, 77)}.duet-hero.duet-p-0{padding:0 !important}.duet-hero.duet-m-0{margin:0 !important}.duet-hero.duet-hero-text-center{text-align:center !important}.duet-hero.duet-hero-light{padding-bottom:0 !important}@media (min-width: 62em){.duet-hero.duet-hero-light{padding-bottom:28px !important}}.duet-hero.duet-hero-with-image{padding-bottom:20px !important;margin-bottom:-36px}@media (min-width: 48em){.duet-hero.duet-hero-with-image{padding-bottom:28px !important}}@media (min-width: 62em){.duet-hero.duet-hero-with-image{padding-bottom:36px !important;margin-bottom:-20px}}.duet-hero.duet-hero-light,.duet-hero.duet-hero-with-image{color:rgb(0, 41, 77);background-color:rgb(255, 255, 255);background-image:linear-gradient(rgb(243, 249, 252), #f9fcfe)}.duet-hero.duet-hero-light::before,.duet-hero.duet-hero-with-image::before{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:400px;content:\"\";background-image:linear-gradient(#f9fcfe, rgb(255, 255, 255))}.duet-hero.duet-hero-light.duet-theme-turva,.duet-hero.duet-hero-with-image.duet-theme-turva{color:rgb(23, 28, 58);background-image:linear-gradient(rgb(245, 245, 247), #fafafb)}.duet-hero.duet-hero-light.duet-theme-turva::before,.duet-hero.duet-hero-with-image.duet-theme-turva::before{background-image:linear-gradient(#fafafb, rgb(255, 255, 255))}.duet-hero.duet-hero-gray{color:rgb(0, 41, 77);background:rgb(245, 248, 250)}.duet-hero.duet-hero-gray.duet-theme-turva{background:rgb(245, 245, 247)}@media (min-width: 62em){.duet-hero.duet-hero-gray .duet-hero-text{display:inline-block;vertical-align:top}.duet-hero.duet-hero-gray .duet-hero-icon+.duet-hero-text{margin-left:28px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-actions{padding-bottom:65.4545454545px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-back{padding-top:72px}}.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{padding:0 0 48px;margin:0;background:none}@media (min-width: 48em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:490px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:540px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:620px}}.duet-hero.duet-hero-campaign .background-area,.duet-hero.duet-hero-section .background-area{height:1px;margin-bottom:-1px}.duet-hero.duet-hero-campaign .background-container,.duet-hero.duet-hero-section .background-container{position:absolute;right:0;left:0;display:grid;align-items:flex-start;justify-content:center;overflow:hidden}.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{display:flex;align-items:flex-start;justify-content:center;height:220px;margin:0 auto}.duet-hero.duet-hero-campaign .background img,.duet-hero.duet-hero-section .background img{height:100%}.duet-hero.duet-hero-campaign .background img.cover,.duet-hero.duet-hero-section .background img.cover{object-fit:cover}.duet-hero.duet-hero-campaign .background img.center,.duet-hero.duet-hero-section .background img.center{object-position:center}@media (min-width: 1440px){.duet-hero.duet-hero-campaign .background img,.duet-hero.duet-hero-section .background img{width:100%;height:auto}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:300px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:450px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:500px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:580px}}@media (min-width: 1600px){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{width:1600px;overflow:hidden}}.duet-hero.duet-hero-campaign .background .brand-container,.duet-hero.duet-hero-section .background .brand-container{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden}.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{position:absolute;width:100%;height:220px;background-repeat:no-repeat;background-position:center center;background-size:cover}@media (min-width: 36em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{left:-200px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{left:auto;height:1100px;background-position:140% -200%}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{background-position:right -200%}}.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{position:absolute;top:143px;right:0;left:-30px;width:340px;height:340px;margin-right:auto;margin-left:auto;background:rgb(255, 255, 255);border-radius:20%;mix-blend-mode:normal;transform:rotate(8deg)}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:160px;width:450px;height:450px}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:215px;left:-50px;width:550px;height:550px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:250px;left:0;width:712.18px;height:712.18px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:240px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:280px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:310px}}.duet-hero.duet-hero-campaign .duet-hero-text,.duet-hero.duet-hero-section .duet-hero-text{width:100%}.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:36px}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:48px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:64px}}.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{margin:0 auto}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:90%}}@media (min-width: 25em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:80%}}@media (min-width: 30em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:52%}}.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{display:flex;align-items:center;height:6rem;padding:0 1rem;margin:1rem 0 4.5rem}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:2rem 0 4rem}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:3rem 0 8rem}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:4rem 0 10rem}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:5rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:6rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:8rem 0 11rem}}.duet-hero.duet-hero-campaign .duet-hero-wrapper.fluid,.duet-hero.duet-hero-campaign .duet-hero-wrapper.narrow,.duet-hero.duet-hero-section .duet-hero-wrapper.fluid,.duet-hero.duet-hero-section .duet-hero-wrapper.narrow{padding:0 16px}.duet-hero.duet-hero-campaign.duet-theme-turva,.duet-hero.duet-hero-section.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:none}.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:125px;left:-10px;width:350px;height:350px;background:rgb(255, 255, 255);transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:143px;left:-30px;width:450px;height:450px}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:180px;left:0;width:550px;height:550px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:220px;width:712.18px;height:712.18px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:230px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:260px}}@media (min-width: 106.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:290px}}.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:98%}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:90%}}@media (min-width: 25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:78%}}@media (min-width: 30em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:66%}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:65%}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:52%}}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:2rem 0 5rem}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:3rem 0 8rem}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:4rem 0 10rem}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:5rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:6rem 0 12rem}}@media (min-width: 106.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:8rem 0 13rem}}@media (min-width: 48em){.duet-hero.duet-hero-section{min-height:490px}}@media (min-width: 62em){.duet-hero.duet-hero-section{min-height:auto}}@media (min-width: 76.25em){.duet-hero.duet-hero-section{min-height:560px}}@media (min-width: 62em){.duet-hero.duet-hero-section .background img{width:100%;height:auto}}@media (min-width: 62em){.duet-hero.duet-hero-section .background{width:1400px;height:436px;overflow:hidden}}@media (min-width: 76.25em){.duet-hero.duet-hero-section .background{width:1536px;height:516px}}@media (min-width: 106.25em){.duet-hero.duet-hero-section .background{width:1536px}}.duet-hero.duet-hero-product{position:relative;padding:0 0 48px;padding-top:236px;margin:0;background:rgb(255, 255, 255)}@media (min-width: 48em){.duet-hero.duet-hero-product{padding-top:250px}}@media (min-width: 62em){.duet-hero.duet-hero-product{min-height:375px;padding-top:0}.duet-hero.duet-hero-product.duet-hero-narrow{padding-top:200px}}.duet-hero.duet-hero-product .background-area{position:absolute;top:0;width:100%;height:600px;overflow:hidden}@media (min-width: 62em){.duet-hero.duet-hero-product .background-area{top:-112px}.duet-hero.duet-hero-product .background-area.narrow{top:0}}.duet-hero.duet-hero-product .background-container{position:absolute;top:-150px;width:100%;height:600px;overflow:hidden}@media (min-width: 62em){.duet-hero.duet-hero-product .background-container{top:-48px}.duet-hero.duet-hero-product .background-container.narrow{top:-160px}}.duet-hero.duet-hero-product .background{position:absolute;top:145px;width:100%;overflow:visible}.duet-hero.duet-hero-product .background .background-mask{display:none}@media (min-width: 48em){.duet-hero.duet-hero-product .background{top:130px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background{top:35px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background.narrow{top:140px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background:not(.narrow){position:absolute;right:0;left:0;max-width:1440px;height:100%;margin:0 auto}}.duet-hero.duet-hero-product .background .brand-shaped-image{position:absolute;top:-160px;right:-15%;z-index:0;width:375px;height:375px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-image{right:15%}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-210px;width:485px;height:485px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image:not(.narrow){top:-353px;right:-128.15px;width:520px;height:736px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-image:not(.narrow){width:736px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image.narrow{right:30%}}.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-wrapper{position:relative;width:100%;height:100%}.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{position:absolute;bottom:0;left:50%;z-index:1;width:600px;height:256px;background-repeat:no-repeat;background-size:100%;transform:rotate(-7deg) translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:600px;height:320px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg:not(.narrow){width:800px;height:470px}}.duet-hero.duet-hero-product .background .brand-shape{position:absolute;top:-20px;right:50%;width:240px;height:240px;background:rgb(230, 242, 248);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shape{top:-60px;width:340px;height:340px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shape:not(.narrow){top:auto;top:79px;right:200px;width:380px;height:380px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shape:not(.narrow){right:414px;width:400px;height:400px}}.duet-hero.duet-hero-product .background .brand-shaped-icon{position:absolute;top:160px;right:15%;display:flex;align-items:center;justify-content:center;width:85px;height:85px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:180px;width:120px;height:120px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon:not(.narrow){top:292px;right:220px;width:150px;height:150px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-icon:not(.narrow){top:292px;right:220px;width:186px;height:186px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon.narrow{right:35%}}.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:80px;height:80px;transform:rotate(-7deg)}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon:not(.narrow){width:120px;height:120px}}.duet-hero.duet-hero-product .duet-hero-wrapper{max-width:100%;margin:0 auto}.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-text{margin-top:0}.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:1rem}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:2rem}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:7rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:7rem}}.duet-hero.duet-hero-product .duet-hero-wrapper.fluid,.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 16px}@media (min-width: 36em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{padding:0 28px}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{max-width:1110px;padding:0}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text{width:50%}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text{width:47%}}.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{max-width:888px}@media (min-width: 36em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 48px}}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 72px}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow .duet-hero-text{width:80%}}.duet-hero.duet-hero-product.duet-theme-turva{background:rgb(255, 255, 255)}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva.duet-hero-narrow{padding-top:160px}}.duet-hero.duet-hero-product.duet-theme-turva .background .background-mask{position:absolute;top:0;left:0;display:block;width:721px;height:256.85px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .background-mask{left:181px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-185px;right:0;left:0;width:485px;height:485px;margin:0 auto;border-radius:0;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}@media (min-width: 36em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{right:0}}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-165px;right:0}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow{right:40%;left:auto}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image:not(.narrow){top:-230px;right:-180px;left:auto;width:675px;height:675px;margin:0}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image:not(.narrow){right:-120px;width:736px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image .brand-shaped-image-bg{width:600px;height:320px;transform:translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image .brand-shaped-image-bg{width:600px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image .brand-shaped-image-bg:not(.narrow){width:800px;height:470px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{top:175px;background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat;transform:rotate(0deg)}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{position:relative;top:-10px;transform:rotate(0deg)}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{top:-10px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{top:-15px}}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{top:180px;right:20%}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{top:292px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{top:292px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon.narrow{top:192px;right:35%}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon.narrow{top:192px;right:40%}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon:not(.narrow){right:340px}}.duet-hero.duet-hero-content{padding:0 0 48px;padding-top:236px;background:rgb(255, 255, 255)}@media (min-width: 48em){.duet-hero.duet-hero-content{padding-top:384px}}.duet-hero.duet-hero-content:not(.duet-hero-has-image){padding:72px 0 48px}.duet-hero.duet-hero-content .background-area{position:absolute;width:100%}.duet-hero.duet-hero-content .background{position:absolute;top:-236px;width:100%;height:600px;overflow:hidden}.duet-hero.duet-hero-content .background .background-mask{display:none}@media (min-width: 48em){.duet-hero.duet-hero-content .background{top:-384px}}.duet-hero.duet-hero-content .background .brand-shaped-image{position:absolute;top:-165px;right:0;left:30px;z-index:0;width:375px;height:375px;margin:0 auto;overflow:hidden;border-radius:20%;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shaped-image{top:-325px;left:250px;width:687px;height:687px}}.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-wrapper{position:relative;width:100%;height:100%}.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg{position:absolute;bottom:0;left:50%;z-index:1;width:600px;height:256px;background-repeat:no-repeat;background-size:100%;transform:rotate(-7deg) translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg{width:733px;height:413px}}.duet-hero.duet-hero-content .background .brand-shape{position:absolute;top:-25px;right:0;left:-300px;width:240px;height:240px;margin-right:auto;margin-left:auto;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.07;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shape{top:80px;left:-400px;width:373px;height:373px}}.duet-hero.duet-hero-content .duet-hero-wrapper{max-width:100%;margin:0 auto}.duet-hero.duet-hero-content .duet-hero-wrapper.fluid,.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 16px}@media (min-width: 36em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{padding:0 28px}}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{max-width:1110px;padding:0}}.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{max-width:888px}@media (min-width: 36em){.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 48px}}@media (min-width: 48em){.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 72px}}.duet-hero.duet-hero-content .duet-hero-text{max-width:100%}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-text{width:80%}}.duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre{margin-top:1rem;margin-bottom:0.5rem}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre{margin-top:1.5rem;margin-bottom:0}}.duet-hero.duet-hero-content.duet-theme-turva{background:rgb(255, 255, 255)}.duet-hero.duet-hero-content.duet-theme-turva .background-mask{position:absolute;top:0;left:0;display:block;width:721px;height:256.85px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .background-mask{left:181px}}.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image{top:-155px;right:0;left:0;width:420px;height:420px;margin:0 auto;border-radius:0;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image{top:-230px;width:687px;height:637px}}.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg{width:600px;height:280px;transform:translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg{width:733px;height:413px}}.duet-hero.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-hero{min-height:290px;padding:111.6px 56px;overflow:visible}}.duet-hero-icon{display:inline-block;vertical-align:top}@media (min-width: 62em){.duet-hero-icon{margin-top:-8px}}@media (min-width: 62em){.duet-hero-heading{margin-top:12px}}@media (min-width: 62em){.duet-hero-heading-has-pre{margin-top:0}}.duet-hero-wrapper{position:relative;width:100%;max-width:1110px;margin:0 auto;text-align:center}.duet-hero-left-align .duet-hero-wrapper{text-align:left}.duet-hero-with-image .duet-hero-wrapper{position:static}@media (min-width: 62em){.duet-hero-wrapper{text-align:left}}.duet-hero-text{max-width:50rem;margin:0 auto}.duet-hero-text-center .duet-hero-text{text-align:center !important}@media (min-width: 48em){.duet-hero-text{width:80%}.duet-hero-left-align .duet-hero-text{margin:0}}@media (min-width: 62em){.duet-hero-text{width:52%;max-width:none;margin-top:-10px;margin-left:0}.duet-hero-text-center .duet-hero-text{margin-left:auto}}.duet-hero:not(.duet-hero-with-image) .duet-hero-image{width:100%;max-width:400px;height:0;padding-bottom:50%;margin:28px auto 0;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media (min-width: 36em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{padding-bottom:40%}}@media (min-width: 48em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:420px;padding-bottom:34%}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:540px}}@media (min-width: 62em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{position:absolute;top:50%;right:0;padding-bottom:30%;margin:0;transform:translateY(-50%)}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-60px;padding-bottom:26%}.duet-hero-gray .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}@media (min-width: 62em){.duet-hero-gray:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}.duet-hero-image-wrapper{position:relative;width:80%;height:0;padding-bottom:80%;margin:-30px auto 36px;overflow:hidden;border-radius:28%;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);transform:rotate(10deg)}.duet-theme-turva .duet-hero-image-wrapper{padding-bottom:68%;border-radius:44% 47% 38% 54%;transform:none}@media screen and (min-width: 440px){.duet-hero-image-wrapper{width:300px;padding-bottom:300px}.duet-theme-turva .duet-hero-image-wrapper{width:80%;padding-bottom:68%}}@media (min-width: 62em){.duet-hero-image-wrapper{position:absolute;top:-60px;right:-50px;width:470px;padding-bottom:470px;margin:0}.duet-theme-turva .duet-hero-image-wrapper{top:-40px;right:-80px;width:536px;padding-bottom:470px}}@media (min-width: 76.25em){.duet-hero-image-wrapper{top:-70px;right:-60px;width:600px;padding-bottom:600px}.duet-theme-turva .duet-hero-image-wrapper{top:-70px;right:-60px;width:650px;padding-bottom:600px}}@media screen and (min-width: 1450px){.duet-hero-image-wrapper{top:-70px;right:25px}.duet-theme-turva .duet-hero-image-wrapper{right:0}}.duet-hero-image-wrapper .duet-hero-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:rotate(-10deg)}.duet-theme-turva .duet-hero-image-wrapper .duet-hero-image{top:0;left:0;width:100%;height:100%;transform:none}.duet-hero-image-mask{position:relative;margin:-48px auto 0;overflow:hidden}@media (min-width: 62em){.duet-hero-image-mask{position:absolute;top:0;right:0;width:470px;height:460px;margin:0}}@media (min-width: 76.25em){.duet-hero-image-mask{width:650px;height:580px}}@media screen and (min-width: 1450px){.duet-hero-image-mask{right:50%;transform:translateX(110%)}.duet-theme-turva .duet-hero-image-mask{transform:translateX(108%)}}duet-heading+duet-button{margin-top:12px !important}.duet-hero-links{width:calc(100% + 56px);margin-top:48px;margin-left:-28px}.duet-hero-minimal .duet-hero-links{margin-top:28px}@media (min-width: 36em){.duet-hero-links{margin-top:72px}.duet-hero-minimal .duet-hero-links{margin-top:28px}}@media (min-width: 62em){.duet-hero-links{width:auto;margin:36px 0 0}.duet-hero-minimal .duet-hero-links{margin-top:28px}}.duet-hero-link{display:flex;align-items:center;width:100%;padding:16px 16px 8px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.25;color:rgb(0, 119, 179);text-align:left;text-decoration:none;border-bottom:1px solid rgb(225, 227, 230);transition:background-color 300ms ease}.duet-hero-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-hero-link:focus,.duet-hero-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-hero-link:hover,.duet-hero-link:hover .duet-hero-action-arrow{color:rgb(0, 77, 128) !important;background:transparent !important}.duet-theme-turva .duet-hero-link:hover,.duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow{color:rgb(148, 9, 37) !important}.duet-theme-turva .duet-hero-link{color:rgb(198, 12, 48)}@media (min-width: 36em){.duet-hero-link{padding:16px 16px 16px 28px}}@media (min-width: 62em){.duet-hero-link{display:inline-flex;width:auto;max-width:350px;padding:0;margin:0 28px 16px 0;border:0;border-radius:4px}}.duet-hero-link:hover{background:rgba(0, 0, 0, 0.02)}@media (min-width: 62em){.duet-hero-link:hover{background:transparent}}.duet-hero-link:first-of-type{border-top:1px solid rgb(225, 227, 230)}@media (min-width: 62em){.duet-hero-link:first-of-type{margin-top:0;border:0}}.duet-hero-link:last-of-type{margin-bottom:-48px}@media (min-width: 62em){.duet-hero-link:last-of-type{margin-right:0;margin-bottom:0}}.duet-hero-link span{margin-top:-8px}@media (min-width: 36em){.duet-hero-link span{margin:0}}.duet-hero-action-icon{margin-right:8px}@media (min-width: 36em){.duet-hero-action-icon{margin-right:12px}}.duet-hero-action-arrow{margin:0 0 0 8px;color:rgb(0, 119, 179)}@media (max-width: 35.9375em){.duet-hero-action-arrow{margin-top:-9px}}.duet-theme-turva .duet-hero-action-arrow{color:rgb(198, 12, 48)}.duet-hero-back{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center}.duet-hero-left-align .duet-hero-back{align-items:self-start;justify-content:flex-start}@media (min-width: 36em){.duet-hero-back{margin-bottom:36px !important}.duet-hero-minimal .duet-hero-back{margin-bottom:28px !important}}@media (min-width: 62em){.duet-hero-back{display:block}}.duet-hero-pre{display:inline-block;width:auto;margin-right:8px}.duet-hero-pre+duet-heading{margin-top:0 !important}";
|
|
8833
8845
|
var DuetHeroStyle0 = duetHeroCss;
|
|
8834
8846
|
|
|
8835
8847
|
/**
|
|
@@ -9139,11 +9151,11 @@ class DuetIcon {
|
|
|
9139
9151
|
: {};
|
|
9140
9152
|
const iconStyles = Object.assign({}, iconRotationStyles);
|
|
9141
9153
|
const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
|
|
9142
|
-
return (hAsync(Host, { key: '
|
|
9154
|
+
return (hAsync(Host, { key: '036bd71920292b0eb364007a8d38b01a01e07ce3', class: {
|
|
9143
9155
|
"duet-m-0": this.margin === "none",
|
|
9144
9156
|
"duet-icon-has-outline": !!this.outline,
|
|
9145
9157
|
"duet-icon-has-background": !!this.background,
|
|
9146
|
-
} }, hAsync("span", { key: '
|
|
9158
|
+
} }, hAsync("span", { key: '2959987408354e2be6c726b2d66087479c0651f0', "aria-hidden": "true", style: styles, class: {
|
|
9147
9159
|
"duet-icon": true,
|
|
9148
9160
|
"duet-theme-turva": this.theme === "turva",
|
|
9149
9161
|
"duet-theme-default": this.theme === "default",
|
|
@@ -9152,7 +9164,7 @@ class DuetIcon {
|
|
|
9152
9164
|
[shapeStyle]: true,
|
|
9153
9165
|
rotated: this.shape === "brand-rotated" && this.theme !== "turva",
|
|
9154
9166
|
"duet-icon-not-responsive": !this.responsive,
|
|
9155
|
-
} }, hAsync("span", { key: '
|
|
9167
|
+
} }, hAsync("span", { key: 'e75af917059142d7f015109e7224fba0cc2e18b3', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
|
|
9156
9168
|
}
|
|
9157
9169
|
get element() { return getElement(this); }
|
|
9158
9170
|
static get watchers() { return {
|
|
@@ -9666,11 +9678,12 @@ function isInternetExplorer() {
|
|
|
9666
9678
|
return "documentMode" in document || /Edge/.test(ua);
|
|
9667
9679
|
}
|
|
9668
9680
|
|
|
9669
|
-
const duetLayoutCss = "*,*::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){display:flex}: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{position:relative;padding:0 16px;margin:48px auto 36px}@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{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
|
|
9681
|
+
const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}: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){display:flex}: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-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@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{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
|
|
9670
9682
|
var DuetLayoutStyle0 = duetLayoutCss;
|
|
9671
9683
|
|
|
9672
9684
|
/**
|
|
9673
9685
|
* @slot main - The layout component’s primary content. Use this for the main content on the page.
|
|
9686
|
+
* @slot page-heading - The layout component’s page heading content. Use this if you want to have heading inside main landmark.
|
|
9674
9687
|
* @slot sidebar - The layout component’s sidebar content. Use this for content that is related to the content in the main slot.
|
|
9675
9688
|
* @slot top - This is a full-width content area above the main and sidebar slots. Could be used to show for example alert messages.
|
|
9676
9689
|
*/
|
|
@@ -9682,6 +9695,7 @@ class DuetLayout {
|
|
|
9682
9695
|
*/
|
|
9683
9696
|
this.hasSidebar = false;
|
|
9684
9697
|
this.hasTop = false;
|
|
9698
|
+
this.hasPageHeading = false;
|
|
9685
9699
|
this.sticky = false;
|
|
9686
9700
|
this.margin = "auto";
|
|
9687
9701
|
this.stickyDistance = "with-links";
|
|
@@ -9696,6 +9710,7 @@ class DuetLayout {
|
|
|
9696
9710
|
componentWillLoad() {
|
|
9697
9711
|
this.hasSidebar = !!this.element.querySelector("[slot='sidebar']");
|
|
9698
9712
|
this.hasTop = !!this.element.querySelector("[slot='top']");
|
|
9713
|
+
this.hasPageHeading = !!this.element.querySelector("[slot='page-heading']");
|
|
9699
9714
|
if (!this.element.querySelector("[slot='main']")) {
|
|
9700
9715
|
console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.");
|
|
9701
9716
|
}
|
|
@@ -9705,26 +9720,26 @@ class DuetLayout {
|
|
|
9705
9720
|
* Always the last one in the class.
|
|
9706
9721
|
*/
|
|
9707
9722
|
render() {
|
|
9708
|
-
return (hAsync(Host, { key: '
|
|
9723
|
+
return (hAsync(Host, { key: 'd7002353acb1bf62a3881852a8224c893da5c029', class: {
|
|
9709
9724
|
"duet-middle": this.middle,
|
|
9710
9725
|
"duet-ie": isInternetExplorer(),
|
|
9711
|
-
} }, this.hasTop && (hAsync("div", { key: '
|
|
9726
|
+
} }, this.hasTop && (hAsync("div", { key: '09ca28f93b730e8b95e76e7bb83f4561312eb0ab', class: {
|
|
9712
9727
|
"duet-layout-top": true,
|
|
9713
9728
|
"duet-m-0": this.margin === "none",
|
|
9714
9729
|
"duet-center": this.center,
|
|
9715
|
-
} }, hAsync("div", { key: '
|
|
9730
|
+
} }, hAsync("div", { key: 'fe4e537e589205f6a1c024605356ea3d0396164f', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: 'd9495c85dcda3042c1f783d4c6b3435690d57d5c', name: "top" })))), hAsync("div", { key: '3733c28fc043441b5ceb782c9035312bf5ef718d', class: {
|
|
9716
9731
|
"duet-layout": true,
|
|
9717
9732
|
"duet-layout-has-top": this.hasTop,
|
|
9718
9733
|
"has-sidebar": this.hasSidebar,
|
|
9719
9734
|
"duet-m-0": this.margin === "none",
|
|
9720
9735
|
"duet-center": this.center,
|
|
9721
9736
|
[`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
|
|
9722
|
-
} }, hAsync("main", { key: '
|
|
9737
|
+
} }, hAsync("main", { key: 'cc3d3a4f6c7a5cfc7375430ab0920f8ef0e9adc3', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '8ae7d75fc38bd7b60aa9cab63e0aaa68e7007685', name: "page-heading" }), hAsync("slot", { key: '46db410f500910c52f95766dd82bb40426450006', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '6447d8390b3915d02d47ead19852278ed2371ae3', class: "duet-sidebar" }, hAsync("div", { key: '0841703c5f1ce1a549ff865f45adfff33f826fee', class: {
|
|
9723
9738
|
"duet-sidebar-container": true,
|
|
9724
9739
|
"has-tabs": this.tabs,
|
|
9725
9740
|
sticky: this.sticky,
|
|
9726
9741
|
[this.stickyDistance]: this.sticky,
|
|
9727
|
-
} }, hAsync("slot", { key: '
|
|
9742
|
+
} }, hAsync("slot", { key: '1e131d9c0fc743fec8aeb42a68df278a718b80a0', name: "sidebar" })))))));
|
|
9728
9743
|
}
|
|
9729
9744
|
get element() { return getElement(this); }
|
|
9730
9745
|
static get style() { return DuetLayoutStyle0; }
|
|
@@ -9831,7 +9846,7 @@ class DuetLink {
|
|
|
9831
9846
|
if (this.accessibleLabel) {
|
|
9832
9847
|
return this.accessibleLabel;
|
|
9833
9848
|
}
|
|
9834
|
-
if (!!this.download && this.element.textContent) {
|
|
9849
|
+
if ((!!this.download || this.download === "") && this.element.textContent) {
|
|
9835
9850
|
return `${this.element.textContent}. ${this.accessibleLabelDownload}.`;
|
|
9836
9851
|
}
|
|
9837
9852
|
if (this.external && this.element.textContent) {
|
|
@@ -9876,10 +9891,10 @@ class DuetLink {
|
|
|
9876
9891
|
render() {
|
|
9877
9892
|
const Tag = !this.url ? "button" : "a";
|
|
9878
9893
|
const isButton = Tag === "button";
|
|
9879
|
-
return (hAsync(Host, { key: '
|
|
9894
|
+
return (hAsync(Host, { key: '38d90e4467279d94a029c7ce5fdaf9fa3590d5ae', class: {
|
|
9880
9895
|
[`duet-link-${this.variation}`]: true,
|
|
9881
9896
|
"duet-m-0": this.margin === "none",
|
|
9882
|
-
} }, hAsync(Tag, { key: '
|
|
9897
|
+
} }, hAsync(Tag, { key: '5b1b7b691a3d66382b593a07fd47b3072fcd12fb', href: this.url, class: {
|
|
9883
9898
|
"duet-link": true,
|
|
9884
9899
|
"duet-link-is-external": this.external,
|
|
9885
9900
|
"duet-link-is-download": !!this.download,
|
|
@@ -10002,7 +10017,7 @@ class DuetList {
|
|
|
10002
10017
|
* Always the last one in the class.
|
|
10003
10018
|
*/
|
|
10004
10019
|
render() {
|
|
10005
|
-
return (hAsync("dl", { key: '
|
|
10020
|
+
return (hAsync("dl", { key: '1fe1ac541aeae071f5684e90937cee1a4be689d6', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '166ca55ff1ca8e804357bf991b84ede3eac45d13' })));
|
|
10006
10021
|
}
|
|
10007
10022
|
get element() { return getElement(this); }
|
|
10008
10023
|
static get watchers() { return {
|
|
@@ -10052,14 +10067,14 @@ class DuetListItem {
|
|
|
10052
10067
|
* Always the last one in the class.
|
|
10053
10068
|
*/
|
|
10054
10069
|
render() {
|
|
10055
|
-
return (hAsync(Host, { key: '
|
|
10070
|
+
return (hAsync(Host, { key: '5ca1067fca4b44ef1a3b57b52e775407879ab750', class: {
|
|
10056
10071
|
"duet-no-stacking": !this.responsive,
|
|
10057
10072
|
"duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
|
|
10058
10073
|
"duet-list-item-breakpoint-small": this.breakpoint === "small",
|
|
10059
10074
|
"duet-list-item-breakpoint-medium": this.breakpoint === "medium",
|
|
10060
10075
|
"duet-list-item-breakpoint-large": this.breakpoint === "large",
|
|
10061
10076
|
"duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
|
|
10062
|
-
} }, hAsync("dt", { key: '
|
|
10077
|
+
} }, hAsync("dt", { key: 'c8141e0af55f96c0dae8fbb8a50e74be470dc6bd' }, hAsync("slot", { key: '583b9d7f5109da8f0185abcf07ca45d6d30944dc', name: "label" })), hAsync("dd", { key: 'bfcb5056ec7fbb9412084e3eb95b610f168d7559' }, hAsync("slot", { key: '3b844ecbbf9dbb82e2b4d9ac44cad328104865da', name: "value" }))));
|
|
10063
10078
|
}
|
|
10064
10079
|
static get style() { return DuetListItemStyle0; }
|
|
10065
10080
|
static get cmpMeta() { return {
|
|
@@ -10152,7 +10167,7 @@ class DuetLogo {
|
|
|
10152
10167
|
*/
|
|
10153
10168
|
render() {
|
|
10154
10169
|
const TagName = this.href ? "a" : "div";
|
|
10155
|
-
return (hAsync(Host, { key: '
|
|
10170
|
+
return (hAsync(Host, { key: '5d084305a0696301d4a6821758e0689a4c7cb24b', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: 'bd7ff8798ac2294e92714074abc3a40ac09f84a3', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
|
|
10156
10171
|
"duet-logo": true,
|
|
10157
10172
|
[this.size]: true,
|
|
10158
10173
|
"duet-theme-turva": this.theme === "turva",
|
|
@@ -10292,11 +10307,11 @@ class DuetMenuBar {
|
|
|
10292
10307
|
render() {
|
|
10293
10308
|
const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
|
|
10294
10309
|
const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
|
|
10295
|
-
return (hAsync(Host, { key: '
|
|
10310
|
+
return (hAsync(Host, { key: '967d5c3a2b52d99336f77c65189b5e458166e20a' }, hAsync("nav", { key: '0269eca4392db3aee049ba6341719c4c6bd728bc', class: {
|
|
10296
10311
|
"duet-menu-bar": true,
|
|
10297
10312
|
"duet-theme-turva": this.theme === "turva",
|
|
10298
10313
|
"horizontal-nav": isUsedAsAdditionalHorizontalNav,
|
|
10299
|
-
}, "aria-label": this.accessibleLabel }, hAsync("div", { key: '
|
|
10314
|
+
}, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'f0714cac1580d0dad6109ce810a30cb9b8e31ea7', class: "top" }), hAsync("div", { key: '6e2b8a7aeb95bd4edc59c71d6fd600c64668ca00', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '7b719a3581ec0aeb360c3968ac32f7e0bfef2f8d' }, hAsync("duet-logo", { key: 'f195dc3f95e3b8c46e51921ec9097687a01482cd', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: 'cedfe9fd7cfd8b81fdc2192b29536842e86164cd', class: "list center", role: "list" }, hAsync("div", { key: '1b47f13f17f7215107307a48aebf3af6eae98ceb', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: '7ecd7b75b1e971dd03b5fa5c420d1482b106e37e', name: "center" }), hAsync("div", { key: '57d6a671dc39903ae6feca1bc1e2d4296b67cd5f', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '58cfdf2175cfa15f900ebb368a57e2c66afcef19', class: "list right", role: "list" }, hAsync("slot", { key: 'cce27bba83ad382ee7721085cf231dc229f19375', name: "right" }))), hAsync("div", { key: 'dd61b57a21d74369d9b5d3a3bf33eb2079406a62', class: "bottom" }))));
|
|
10300
10315
|
}
|
|
10301
10316
|
get element() { return getElement(this); }
|
|
10302
10317
|
static get style() { return DuetMenuBarStyle0; }
|
|
@@ -10359,10 +10374,10 @@ class DuetMenuBarButton {
|
|
|
10359
10374
|
* Always the last one in the class.
|
|
10360
10375
|
*/
|
|
10361
10376
|
render() {
|
|
10362
|
-
return (hAsync(Host, { key: '
|
|
10377
|
+
return (hAsync(Host, { key: '9206620e16533fa13b7b84f47b8543a70a7b2410', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: 'e172b1d487ac1b425e26b56485f03b6ee2453110', ref: button => (this.nativeButton = button), class: {
|
|
10363
10378
|
"duet-menu-bar-button": true,
|
|
10364
10379
|
"duet-theme-turva": this.theme === "turva",
|
|
10365
|
-
}, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (hAsync("duet-icon", { key: '
|
|
10380
|
+
}, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (hAsync("duet-icon", { key: '46afda060d34d192871f0601c64c188236389aed', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '61ead72d9ec280bc7a757582c62d7028ce400d22' }))));
|
|
10366
10381
|
}
|
|
10367
10382
|
get element() { return getElement(this); }
|
|
10368
10383
|
static get style() { return DuetMenuBarButtonStyle0; }
|
|
@@ -10445,17 +10460,17 @@ class DuetMenuBarDropdown {
|
|
|
10445
10460
|
* Always the last one in the class.
|
|
10446
10461
|
*/
|
|
10447
10462
|
render() {
|
|
10448
|
-
return (hAsync(Host, { key: '
|
|
10463
|
+
return (hAsync(Host, { key: 'b7505ee892ea3ee2d0e0f37e3638b7d2b783712a', role: "listitem" }, hAsync("div", { key: '751e646811727d6f6a24a416df10f1c543940879', class: {
|
|
10449
10464
|
"duet-menu-bar-dropdown": true,
|
|
10450
10465
|
"duet-theme-turva": this.theme === "turva",
|
|
10451
10466
|
active: this.open,
|
|
10452
10467
|
[`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
|
|
10453
|
-
} }, hAsync("button", { key: '
|
|
10468
|
+
} }, hAsync("button", { key: 'fef18c42d08e89e0db82ca29c0aacf1cb9ff5326', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
|
|
10454
10469
|
active: this.open,
|
|
10455
|
-
}, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '
|
|
10470
|
+
}, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '76888e1deea9cbb8e7bb3bdf5336669e2ae413e5', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'd6d0c4bd9426aa41b4ba68b222669c922943150b', class: "label" }, hAsync("slot", { key: '6478ad4df0cc0f954ef1a2ea8c4d7d6379e3ee83', name: "label" }), hAsync("duet-icon", { key: '4118eec0a8f4d17b22aeab5efb9e7af3d9c6d096', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'd7026456d474f327320675a3174ec3eb1caf706d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
|
|
10456
10471
|
items: true,
|
|
10457
10472
|
hidden: !this.open,
|
|
10458
|
-
} }, hAsync("slot", { key: '
|
|
10473
|
+
} }, hAsync("slot", { key: 'da2e4f2687f3aa80426a260df734e79cdb69c48a' })))));
|
|
10459
10474
|
}
|
|
10460
10475
|
get element() { return getElement(this); }
|
|
10461
10476
|
static get style() { return DuetMenuBarDropdownStyle0; }
|
|
@@ -10515,11 +10530,11 @@ class DuetMenuBarDropdownLink {
|
|
|
10515
10530
|
* Always the last one in the class.
|
|
10516
10531
|
*/
|
|
10517
10532
|
render() {
|
|
10518
|
-
return (hAsync(Host, { key: '
|
|
10533
|
+
return (hAsync(Host, { key: 'e3310b8dfef57c95572f69574ab3f2844f0a8fd2' }, hAsync("a", { key: '0bc7dc99b57576902aa56cf53e0f0a092d7d1606', class: {
|
|
10519
10534
|
"duet-menu-bar-dropdown-link": true,
|
|
10520
10535
|
[`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
|
|
10521
10536
|
"duet-theme-turva": this.theme === "turva",
|
|
10522
|
-
}, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '
|
|
10537
|
+
}, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '0434d95f76ea5e61047da18bac14f7261626a161', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '8b32a81bdf0bd30bb14486a8593e31f1cd86632e' }))));
|
|
10523
10538
|
}
|
|
10524
10539
|
get element() { return getElement(this); }
|
|
10525
10540
|
static get style() { return DuetMenuBarDropdownLinkStyle0; }
|
|
@@ -10571,11 +10586,11 @@ class DuetMenuBarItem {
|
|
|
10571
10586
|
*/
|
|
10572
10587
|
render() {
|
|
10573
10588
|
const TagName = this.url ? "a" : "button";
|
|
10574
|
-
return (hAsync(Host, { key: '
|
|
10589
|
+
return (hAsync(Host, { key: 'd2a4ae5947cf7b820de11d1c92be082aefa72e3f', role: "listitem" }, hAsync(TagName, { key: 'bb5eef2f76aed3e48357bc4cc399794df49ca320', ref: element => (this.itemElement = element), class: {
|
|
10575
10590
|
"duet-menu-bar-item": true,
|
|
10576
10591
|
"duet-theme-turva": this.theme === "turva",
|
|
10577
10592
|
active: this.active,
|
|
10578
|
-
}, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '
|
|
10593
|
+
}, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: 'f0a8e147fe0b4e6beb3e9c0e68d73d17d8903179', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '290f322579d4af32f271ae21d86be07e4938dced' }), this.trailingIcon && (hAsync("duet-icon", { key: 'a34778af006706400452949461d96ab1dece7608', class: {
|
|
10579
10594
|
"trailing-icon": true,
|
|
10580
10595
|
"trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
|
|
10581
10596
|
rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
|
|
@@ -10626,11 +10641,11 @@ class DuetMenuBarLink {
|
|
|
10626
10641
|
* Always the last one in the class.
|
|
10627
10642
|
*/
|
|
10628
10643
|
render() {
|
|
10629
|
-
return (hAsync(Host, { key: '
|
|
10644
|
+
return (hAsync(Host, { key: '570640efc7db1d51c8ec33f775b2b13ffd8fd909', role: "listitem" }, hAsync("a", { key: '62ed2f6bf339d40211f56ff0e78ab61aa71a6c9a', class: {
|
|
10630
10645
|
"duet-menu-bar-link": true,
|
|
10631
10646
|
"duet-theme-turva": this.theme === "turva",
|
|
10632
10647
|
active: this.active,
|
|
10633
|
-
}, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '
|
|
10648
|
+
}, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '45e66a513cff3cda4b8f4ab51fc0d404391265a1', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '144d7755346f5dc042b2ad7836a3020d954b6648' }))));
|
|
10634
10649
|
}
|
|
10635
10650
|
get element() { return getElement(this); }
|
|
10636
10651
|
static get style() { return DuetMenuBarLinkStyle0; }
|
|
@@ -10881,18 +10896,18 @@ class DuetModal {
|
|
|
10881
10896
|
var _a, _b;
|
|
10882
10897
|
let iconColor = "primary";
|
|
10883
10898
|
let closeColor = "secondary";
|
|
10884
|
-
const closingButton = (hAsync("div", { key: '
|
|
10899
|
+
const closingButton = (hAsync("div", { key: '1dbe12d292a5d852cc15d465a9a66f5965af9430', class: "duet-modal-close" }, hAsync("duet-button", { key: '468e6a8ffbaebd63b3b4a8ee7af2a56adc95ca33', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
|
|
10885
10900
|
if (this.theme === "turva") {
|
|
10886
10901
|
iconColor = "primary-turva";
|
|
10887
10902
|
closeColor = "secondary-turva";
|
|
10888
10903
|
}
|
|
10889
|
-
return (hAsync("div", { key: '
|
|
10904
|
+
return (hAsync("div", { key: '71d788e920473696ea1178fd1f4d531332c0278d', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
|
|
10890
10905
|
"duet-modal-container": true,
|
|
10891
10906
|
"duet-theme-turva": this.theme === "turva",
|
|
10892
10907
|
"duet-modal-active": this.open,
|
|
10893
10908
|
"duet-modal-slide-up": this.variation === "slide-up",
|
|
10894
10909
|
"duet-modal-has-sticky-header": this.hasStickyHeader,
|
|
10895
|
-
} }, hAsync("duet-overlay", { key: '
|
|
10910
|
+
} }, hAsync("duet-overlay", { key: 'dc0d466574cf07bd5b2442a969e2309d1f4c3b84', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: '9412b5b6e861150f01c81fbd495a1deca1576301', ref: modalInner => (this.modalInnerEl = modalInner), class: {
|
|
10896
10911
|
"duet-modal-inner": true,
|
|
10897
10912
|
[this.size]: true,
|
|
10898
10913
|
"duet-modal-slide-up": this.variation === "slide-up",
|
|
@@ -10903,18 +10918,18 @@ class DuetModal {
|
|
|
10903
10918
|
this.closeModal(e);
|
|
10904
10919
|
}
|
|
10905
10920
|
}
|
|
10906
|
-
} }, hAsync("div", { key: '
|
|
10921
|
+
} }, hAsync("div", { key: 'cd7f79907611d3f5d06c95b9288d3d078e12c825', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
|
|
10907
10922
|
"duet-modal": true,
|
|
10908
10923
|
"duet-modal-has-sticky-header": this.hasStickyHeader,
|
|
10909
10924
|
[this.size]: true,
|
|
10910
10925
|
[this.variation]: true,
|
|
10911
|
-
} }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '
|
|
10926
|
+
} }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '7836985c408c6f18fc389f3965a4b41d6eb59b3d' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '9d54f33d50e94607e2ef8517670f723e6602b628', class: {
|
|
10912
10927
|
"duet-modal-body": true,
|
|
10913
10928
|
"duet-modal-gutter-none": this.gutterSize === "none",
|
|
10914
10929
|
"duet-modal-gutter-small": this.gutterSize === "small",
|
|
10915
10930
|
"duet-modal-gutter-medium": this.gutterSize === "medium",
|
|
10916
10931
|
"duet-modal-gutter-large": this.gutterSize === "large",
|
|
10917
|
-
} }, hAsync("div", { key: '
|
|
10932
|
+
} }, hAsync("div", { key: 'ad9468551b2c57c08c2a4a0e412de18472d59795', class: "duet-modal-header" }, hAsync("span", { key: '9c6269ee1ca066e75d630a033692daa3d7e45e2c', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '59df4f56690160cbf5540000a4df88079d934cdb', name: "top" })), this.icon && hAsync("duet-icon", { key: '686b798b952df7dbc87a678bc20a46d2856bd047', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: 'd54b10219d4a823f7d60ace3ee304e920578ed19', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (hAsync("div", { key: '86418e12b9d65d5812eb3ced0f08a9d1cd9d3427', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '3aeda44a3313984a91ec59d3f9455408aa4b7fe7', size: "large", color: "primary" }))), hAsync("div", { key: 'f130a5ad99bade63e75eb33a6e52d65d5e2267c0', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '38d1e37735093ca54cefb2c0fcea95bcf5031e7d' })))))));
|
|
10918
10933
|
}
|
|
10919
10934
|
get element() { return getElement(this); }
|
|
10920
10935
|
static get watchers() { return {
|
|
@@ -11179,23 +11194,23 @@ class DuetMultiselect {
|
|
|
11179
11194
|
*/
|
|
11180
11195
|
render() {
|
|
11181
11196
|
var _a;
|
|
11182
|
-
return (hAsync(Host, { key: '
|
|
11197
|
+
return (hAsync(Host, { key: '2a90b452b9d7391f8b3b51c9e7d38879625f2c22', class: {
|
|
11183
11198
|
"duet-m-0": this.margin === "none",
|
|
11184
11199
|
"duet-expand": this.expand,
|
|
11185
|
-
} }, hAsync("div", { key: '
|
|
11200
|
+
} }, hAsync("div", { key: '72352a45a7c3aa35c57dad3cd9f49cbc1326bcbb', class: {
|
|
11186
11201
|
"duet-multiselect-container": true,
|
|
11187
11202
|
"duet-label-hidden": this.labelHidden,
|
|
11188
11203
|
"duet-theme-turva": this.theme === "turva",
|
|
11189
11204
|
"duet-input-top-caption-shown": this.isCaptionVisible,
|
|
11190
11205
|
"has-error": !!this.error,
|
|
11191
|
-
}, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { key: '
|
|
11206
|
+
}, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { key: '4865ef539aac5a0d6dbfc9c828b4f718f16b4391', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: 'f8b0a426fc97ca162e773e13940881a35eb9d786', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '81aeb3000ae7199a964aea1ac388c38e84a4fb2b', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '625d9d084517db0c1189934efce03ba06de02db3', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '21c2b0c5bf3d9b3689c248a719cef7ec3b537ee2', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '63a1a064c7929f8237a49c3eb2bccce0cdca39be', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { key: '57ceb2f7ae33662df4e807763d5cde9a3b22a542', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { key: '125251bf4995ecba0a021b518cd19a841adbb9fd', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '37be16e7841d44731819861a5b51e0d9314f991d' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: 'de57fafe4aed5e3b87bec5d33bac362720272941', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'f00fa8753e52fefe18caa53e09b5fadf6de5ce9d', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { key: '17515783075704f82fdae08d8df693cb024f7722', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
|
|
11192
11207
|
"duet-multiselect-checkboxes": true,
|
|
11193
11208
|
"duet-multiselect-checkboxes-active": this.checkboxesVisible,
|
|
11194
|
-
}, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: '
|
|
11209
|
+
}, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: 'f5c329ddb8ce083aae2aae7f9c9b1837c8b1054c', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '7a0f040a8209539d9dfe60b443470b35cb86066f', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), hAsync("button", { key: 'd2586f52f22ec20c3dca4006497e53252e8cc3c4', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
|
|
11195
11210
|
this.processedGroups.map(group => (hAsync("fieldset", null, group.label && hAsync("legend", null, group.label), group.items.map((item, key) => {
|
|
11196
11211
|
var _a, _b;
|
|
11197
11212
|
return (hAsync("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
|
|
11198
|
-
})))))), hAsync("span", { key: '
|
|
11213
|
+
})))))), hAsync("span", { key: 'b2c2c04e9e985c1c1215b7d9eb144d202644a293', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '9a58aa5c2bc42cc6d7c69b2fa5f616fbddae4703' }, this.error)))));
|
|
11199
11214
|
}
|
|
11200
11215
|
get element() { return getElement(this); }
|
|
11201
11216
|
static get watchers() { return {
|
|
@@ -11263,7 +11278,7 @@ class DuetNav {
|
|
|
11263
11278
|
* Always the last one in the class.
|
|
11264
11279
|
*/
|
|
11265
11280
|
render() {
|
|
11266
|
-
return (hAsync(Host, { key: '
|
|
11281
|
+
return (hAsync(Host, { key: '6f01a96aa430eb180dd010f28ef4510d15a7564b' }, hAsync("div", { key: '1eaf8169259e16ce14ff53ce9f6de59e9c8da036', class: "container" }, hAsync("slot", { key: '222156a46dd91ca689a508b26b14d20d698fcab5' }), hAsync("slot", { key: 'da966bf777c9f8f6e06234113664f6334eb96c33', name: "mobile" }), hAsync("slot", { key: '7979d5fef702cbad5f26fa4db2c9835a48762cec', name: "desktop" }))));
|
|
11267
11282
|
}
|
|
11268
11283
|
get element() { return getElement(this); }
|
|
11269
11284
|
static get style() { return DuetNavStyle0; }
|
|
@@ -11321,11 +11336,11 @@ class DuetNotification {
|
|
|
11321
11336
|
this.linkElement.focus(options);
|
|
11322
11337
|
}
|
|
11323
11338
|
render() {
|
|
11324
|
-
return (hAsync("div", { key: '
|
|
11339
|
+
return (hAsync("div", { key: '96c5142b088c958a661411f3995f673e2ccc621e', role: "listitem", class: {
|
|
11325
11340
|
"duet-notification": true,
|
|
11326
11341
|
"duet-notification-highlight": this.highlight,
|
|
11327
11342
|
"duet-theme-turva": this.theme === "turva",
|
|
11328
|
-
} }, hAsync("a", { key: '
|
|
11343
|
+
} }, hAsync("a", { key: 'd6f5d0be1b541438401decc771bc08a479bd8c2a', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: 'f307a1aa045d07340852369a172d693e6f43cb7d', class: "duet-notification-container" }, hAsync("div", { key: 'a06f1c5ee9ab33826b104403a91b1ed2697f14ce', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: 'b701ca3d7ab5b4156f79462881fea1c385ad781f', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: 'd6b2303c79e50024cdeb903950c459f20cf312cd' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: 'aebc83aece0fc83be95be876ad19edbce1fd7b70', class: "duet-notification-content" }, hAsync("slot", { key: 'f26fa683fe898a8e53777d22757a2abef19d8b73' })), hAsync("div", { key: '41600a1ef9c5ad18732f5f1de14a2904b8591fe2', class: "duet-notification-date" }, this.date)))));
|
|
11329
11344
|
}
|
|
11330
11345
|
get element() { return getElement(this); }
|
|
11331
11346
|
static get style() { return DuetNotificationStyle0; }
|
|
@@ -11443,10 +11458,10 @@ class DuetNotificationDrawer {
|
|
|
11443
11458
|
* Always the last one in the class.
|
|
11444
11459
|
*/
|
|
11445
11460
|
render() {
|
|
11446
|
-
return (hAsync("div", { key: '
|
|
11461
|
+
return (hAsync("div", { key: '9630eb1dc5e08775957ccac9822cb72c129e524b', class: {
|
|
11447
11462
|
"duet-drawer": true,
|
|
11448
11463
|
"duet-theme-turva": this.theme === "turva",
|
|
11449
|
-
}, onKeyDown: this.handleKeyDown }, hAsync("button", { key: '
|
|
11464
|
+
}, onKeyDown: this.handleKeyDown }, hAsync("button", { key: '8b07b937da50cf3ad1d3dc447fd1ed96402f251d', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (hAsync("div", { key: 'c11b7256d445ad06da88c8b4f58eec225c1ae7d9', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: 'dd2f20c37d01b52572bb4928770cb9259b2c6a50', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: 'd4da99aeb8bf07b4840ac76ce3d0691be3dedcd2', class: "duet-drawer-badge" }))), hAsync("span", { key: '47c6df40631ba9b0410acf27f88c229d97d31ec9', class: "duet-drawer-label" }, this.label), hAsync("div", { key: 'efa2f3f60ae80b313069e37711bbced9d2a850eb', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '22a85823a808bf6bdff1342476ed39ef53bc18f3', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '31645dd77653b2a31b175a527b3c392580904813', id: "duet-drawer-content", class: {
|
|
11450
11465
|
"duet-drawer-content": true,
|
|
11451
11466
|
"duet-drawer-right": this.direction === "right",
|
|
11452
11467
|
"duet-drawer-left": this.direction === "left",
|
|
@@ -11907,7 +11922,7 @@ class DuetOverlay {
|
|
|
11907
11922
|
* Always the last one in the class.
|
|
11908
11923
|
*/
|
|
11909
11924
|
render() {
|
|
11910
|
-
return (hAsync(Host, { key: '
|
|
11925
|
+
return (hAsync(Host, { key: '44cb99c20a2d966204b1450dabe1e8d06d434874', "aria-hidden": "true" }, hAsync("div", { key: '33d2486952c9756eee5e6b42710aca5763d72134', style: { zIndex: this.zIndex }, class: {
|
|
11911
11926
|
"duet-overlay": true,
|
|
11912
11927
|
"duet-theme-turva": this.theme === "turva",
|
|
11913
11928
|
"keep-stacking-context": this.keepStackingContext,
|
|
@@ -11965,12 +11980,12 @@ class DuetPageHeading {
|
|
|
11965
11980
|
* Always the last one in the class.
|
|
11966
11981
|
*/
|
|
11967
11982
|
render() {
|
|
11968
|
-
return (hAsync("div", { key: '
|
|
11983
|
+
return (hAsync("div", { key: '8f551a035b22986d0be89b63878c40881ab194de', class: {
|
|
11969
11984
|
"duet-page-heading": true,
|
|
11970
11985
|
"duet-theme-turva": this.theme === "turva",
|
|
11971
11986
|
"has-icon": !!this.icon,
|
|
11972
11987
|
[this.layout]: true,
|
|
11973
|
-
} }, hAsync("div", { key: '
|
|
11988
|
+
} }, hAsync("div", { key: '3c2da3f7140116830a93f8f5540dd5b86e120069', class: "background" }, this.theme === "turva" && hAsync("div", { key: '3e86bf61e372858174fd9480ffd27e55f8bd7f18', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '71d96c85656113166e6deac2ced606d7708f89fb', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '8a8a0beeaa6519f58cae0fd33e42767f3810d85a', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '156f7d3040ad56612bd65c3f353b4cb07191a3f2', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'afd8b09cc616b652655cd4114848bb9f3112bb27', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '0610e27dbc186a87adae00201d5fbfb0576078cf', class: "heading" }, hAsync("slot", { key: '63c9609aad6a4203b8bc6f72d65d17fd86056415', name: "heading" }))));
|
|
11974
11989
|
}
|
|
11975
11990
|
get element() { return getElement(this); }
|
|
11976
11991
|
static get style() { return DuetPageHeadingStyle0; }
|
|
@@ -12323,32 +12338,32 @@ class DuetPagination {
|
|
|
12323
12338
|
* Always the last one in the class.
|
|
12324
12339
|
*/
|
|
12325
12340
|
render() {
|
|
12326
|
-
return (hAsync(Host, { key: '
|
|
12341
|
+
return (hAsync(Host, { key: '238ac01f83f3e796534c0ef17857631a329f6a42', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '2db66f288ef50d588016e131d548b22a77f99dd6', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
|
|
12327
12342
|
"duet-pagination-nav": true,
|
|
12328
12343
|
[`duet-pagination-variation-${this.variation}`]: true,
|
|
12329
|
-
} }, this.numbersStore !== "" && (hAsync("div", { key: '
|
|
12344
|
+
} }, this.numbersStore !== "" && (hAsync("div", { key: '4c03feef0a35eaa9ec13e5c3d5103ae1facbd832', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, hAsync("duet-badge", { key: '6ac1a80080fe006f2c576999b9ef0718c6339a04', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '0ebf21ab341811673ea978e22a085cba7eaaf75c', id: this.listId, class: {
|
|
12330
12345
|
"duet-pagination": true,
|
|
12331
12346
|
"duet-pagination-is-dimmed": this.numbersStore !== "",
|
|
12332
|
-
}, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '
|
|
12347
|
+
}, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '63a2904ccc7d0c008332625069c9083610c471ab', class: {
|
|
12333
12348
|
"duet-pagination-page-button": true,
|
|
12334
12349
|
"duet-pagination-button-first": true,
|
|
12335
|
-
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '
|
|
12350
|
+
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'fd709f59213de7f819c05b997b84d8ed39ec4566', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { key: '7000cadb2b9214ac7e460fc9df1893017243aba5', class: {
|
|
12336
12351
|
"duet-pagination-page-button": true,
|
|
12337
12352
|
"duet-pagination-button-first": true,
|
|
12338
|
-
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '
|
|
12353
|
+
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'a1fbc90286ef69e26c2050f5dd1e77cfd5f8496d', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
|
|
12339
12354
|
(this.current <= 1 && this.processedPageLinks) ||
|
|
12340
|
-
this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '
|
|
12341
|
-
this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '
|
|
12355
|
+
this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '6c3b28e93bf637ceeb7c58fc743f381ef1db509c' }, hAsync("li", { key: '33f0f34c511b50fd228ea44bf6f4feb408ede264', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '746eb995e69baaf75b731923c1827a995fc2cc3a', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { key: '067f6fb84943bf3f448f0474041ae821871fb8a2', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: 'd8a1df197cee21fe581338838587bbdb8800d874', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '464fc5efe12433ea2ba6d3c287ecb5e2110626d8', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { key: '0c6467cfe44e34a16fcb222040ad894f4733a799', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
|
|
12356
|
+
this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '0bc436817f1dcb0fddc29e58e55b41b0829969ed' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: 'acaac82b2aa83002ea653aa9cad50488124405ec', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '4bb24fe4575b9bd1673a51413d40826be404c6b7', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { key: 'e044660e2a3ece57534cdf03382241a986c319a9', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: 'ec2abf76d2fec68bf91289013be139ba4348ed0a', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '06dec4fc55486effcff9f16fe9118e4e920edd66', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
|
|
12342
12357
|
? this.processedPageLinks[this.processedPageLinks.length - 1]
|
|
12343
|
-
: undefined }, hAsync("div", { key: '
|
|
12358
|
+
: undefined }, hAsync("div", { key: 'd92331de76576b275c1189fce2634abf12f49eb7', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: 'ba8c5fa8c6a228e7585c1d6bd0a913b92174b7dd', class: {
|
|
12344
12359
|
"duet-pagination-page-button": true,
|
|
12345
12360
|
"duet-pagination-button-last": true,
|
|
12346
|
-
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '
|
|
12361
|
+
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'fb7c84dfeda7e02cd891269391b07cefaaa1a4e4', disabled: !!((this.current === this.totalPages &&
|
|
12347
12362
|
this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
|
|
12348
|
-
(this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '
|
|
12363
|
+
(this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '45f6d91ce4a38bc672c600b11ce700a383154d0b', class: {
|
|
12349
12364
|
"duet-pagination-page-button": true,
|
|
12350
12365
|
"duet-pagination-button-last": true,
|
|
12351
|
-
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '
|
|
12366
|
+
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '0168ec664180f13c8ed94f258cc24277c46daa32', disabled: (this.current === this.totalPages &&
|
|
12352
12367
|
this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
|
|
12353
12368
|
this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
|
|
12354
12369
|
}
|
|
@@ -12422,7 +12437,7 @@ class DuetParagraph {
|
|
|
12422
12437
|
const color = getColorByName(this.color);
|
|
12423
12438
|
// aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
|
|
12424
12439
|
// are not announced when placed inside duet-modal
|
|
12425
|
-
return (hAsync(Host, { key: '
|
|
12440
|
+
return (hAsync(Host, { key: '15e61ed3ba7f3ce62cf3ecd38fd313875b3b49b4', "aria-describedby": this.id }, hAsync("p", { key: '9f2c19ee2b3fb5693d56e5359ef2d059b1a1349c', id: this.id, class: {
|
|
12426
12441
|
"duet-paragraph": true,
|
|
12427
12442
|
"duet-paragraph-small": this.size === "small",
|
|
12428
12443
|
"duet-paragraph-semi-bold": this.weight === "semi-bold",
|
|
@@ -12430,7 +12445,7 @@ class DuetParagraph {
|
|
|
12430
12445
|
"duet-m-0": this.margin === "none",
|
|
12431
12446
|
[this.variation]: true,
|
|
12432
12447
|
"duet-theme-turva": this.theme === "turva",
|
|
12433
|
-
}, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: '
|
|
12448
|
+
}, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: 'a6e89e000ca0cfbdfc22a2fc3dae50c3e38ff284' }))));
|
|
12434
12449
|
}
|
|
12435
12450
|
get element() { return getElement(this); }
|
|
12436
12451
|
static get style() { return DuetParagraphStyle0; }
|
|
@@ -14116,7 +14131,7 @@ class DuetPopupMenuItem {
|
|
|
14116
14131
|
active: this.active,
|
|
14117
14132
|
"duet-theme-turva": this.theme === "turva",
|
|
14118
14133
|
};
|
|
14119
|
-
return (hAsync(Host, { key: '
|
|
14134
|
+
return (hAsync(Host, { key: '35289f7f89fa2e759761d2b5309c1c50903cde81', role: this.accessibleRole }, hAsync(TagName, { key: 'dd0cb6088ab305ed97ff28598ca5424893c71aab', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" ? -1 : 0, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: 'b877792e8c47959bfa240713f74a510930630cdf', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '99d5337b72c8aa36a6ae2962e4112cf0158ea3e2', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'ca46da07ce9fdd7e9a080a1f592b213dac6e7ede' })), (this.trailingIcon || this.active) && (hAsync("duet-icon", { key: '22bdf49aaed6e82113dd096de1e8f6c730034c3c', name: this.active ? "messaging-checked-small" : this.trailingIcon, size: this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: '3ab96002796300ed841354ad491ec77c99be97b5', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
|
|
14120
14135
|
}
|
|
14121
14136
|
get element() { return getElement(this); }
|
|
14122
14137
|
static get style() { return DuetPopupMenuItemStyle0; }
|
|
@@ -14270,12 +14285,12 @@ class DuetPromoCard {
|
|
|
14270
14285
|
backgroundColor: backgroundColor ? backgroundColor : "none",
|
|
14271
14286
|
};
|
|
14272
14287
|
const TagName = this.url ? "a" : "div";
|
|
14273
|
-
return (hAsync(Host, { key: '
|
|
14288
|
+
return (hAsync(Host, { key: 'c4abd3dcbfce62f8d79b4948d6877b88035b799d', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '0a0cb04c17ed4fb89fb540be922681b117385e58', class: {
|
|
14274
14289
|
"duet-promo-card": true,
|
|
14275
14290
|
"duet-theme-turva": this.theme === "turva",
|
|
14276
14291
|
"no-bg-color": !this.backgroundColor,
|
|
14277
14292
|
"duet-promo-card-link": !!this.url,
|
|
14278
|
-
}, style: bannerStyles }, hAsync(TagName, { key: '
|
|
14293
|
+
}, style: bannerStyles }, hAsync(TagName, { key: '103edb4446ea96b3fafcf007f4dd5426d76a3bf8', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'cad7f76340247352ca42807969ba24731378fab4', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'f388d58abec244fffea258a4a347213c55a110ba', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: 'ee1e4ca580ec8d513309964e6df6baba25ed23d7', class: "pre-heading" }, hAsync("slot", { key: '861cb83e332ce81f0b60f2936f21c08011cd3a2c', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '728983cfce0b1c8f845a8003d89567a07ed19403', class: "heading" }, hAsync("duet-heading", { key: '9939b4871591c4e9d0beabffc3b6ff7461760103', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: 'db91646994b5b78998e63025cbdf05555a9ca4ba' }, hAsync("slot", { key: 'c34869098de09a738c6c0c58e9a2c3c0c87d9aae', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'e4ffd1e72292e51750c1ce63c43a7c8cb7886258', class: "description" }, hAsync("duet-paragraph", { key: 'b945d624bea9304f8b106d71f87e9bf002603b84', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '683854299aa779f9482ecb786f9a51be703076b4' }, hAsync("slot", { key: '517f9561d2283fca8f78441392e2f5ad16b9c4a5', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: 'f7eb0d7f9dd83178e0ca0e05bb9cc7a8b719e102', class: "action" }, hAsync("slot", { key: 'faee8e1a520ff2b41717d43a356dfb0659391506', name: "action" }))))))));
|
|
14279
14294
|
}
|
|
14280
14295
|
get element() { return getElement(this); }
|
|
14281
14296
|
static get style() { return DuetPromoCardStyle0; }
|
|
@@ -14882,10 +14897,10 @@ class DuetRangeStepper {
|
|
|
14882
14897
|
* Always the last one in the class.
|
|
14883
14898
|
*/
|
|
14884
14899
|
render() {
|
|
14885
|
-
return (hAsync("div", { key: '
|
|
14900
|
+
return (hAsync("div", { key: '445012532d2a6b852f7d08b13eb99611532fe3d3', class: {
|
|
14886
14901
|
"duet-range-stepper": true,
|
|
14887
14902
|
"duet-theme-turva": this.theme === "turva",
|
|
14888
|
-
}, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '
|
|
14903
|
+
}, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '1f5877f95b12a10e3abf60bd7e27af705738bca6', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '586bd002d9344e99cf366a49e5d2144ac06e66fe', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { key: '96fff336833646be477a30c639d8674b27f168d1', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
|
|
14889
14904
|
}
|
|
14890
14905
|
get element() { return getElement(this); }
|
|
14891
14906
|
static get watchers() { return {
|
|
@@ -14914,7 +14929,7 @@ class DuetRangeStepper {
|
|
|
14914
14929
|
}; }
|
|
14915
14930
|
}
|
|
14916
14931
|
|
|
14917
|
-
const duetScrollableCss = "*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px;transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.left::after{position:relative;top:-50px;left:20px;z-index:
|
|
14932
|
+
const duetScrollableCss = "*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px;transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.left::after{position:relative;top:-50px;left:20px;z-index:250;display:block;width:30px;height:100%;content:\"\";background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.right::after{position:relative;top:-50px;right:15px;z-index:250;display:block;width:30px;height:100%;content:\"\";background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;height:100%;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--top{align-self:flex-start}:host .duet-scrollable-items .duet-scrollable-button--bottom{align-self:flex-end}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;padding-right:5px;padding-left:5px;margin:0 -5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
|
|
14918
14933
|
var DuetScrollableStyle0 = duetScrollableCss;
|
|
14919
14934
|
|
|
14920
14935
|
/**
|
|
@@ -15079,36 +15094,36 @@ class DuetScrollable {
|
|
|
15079
15094
|
render() {
|
|
15080
15095
|
const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
|
|
15081
15096
|
const arrowColorDisabled = this.theme === "turva" ? "color-gray-turva" : "color-gray";
|
|
15082
|
-
return (hAsync(Host, { key: '
|
|
15097
|
+
return (hAsync(Host, { key: '5e613776bc5519bb5706b51a2c7e0eb430a67886', class: {
|
|
15083
15098
|
"duet-theme-turva": this.theme === "turva",
|
|
15084
15099
|
"duet-theme-default": this.theme === "default",
|
|
15085
|
-
} }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: '
|
|
15100
|
+
} }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: '7642df92bec227d43dde6cdad844a50b8a75fd40', class: {
|
|
15086
15101
|
collapse: true,
|
|
15087
15102
|
hide: !this.isScrollPaneContentSmallerThanWrapper && !this.collapsed,
|
|
15088
|
-
} }, hAsync("duet-button", { key: '
|
|
15103
|
+
} }, hAsync("duet-button", { key: '2a2b9c955233ce02fba939b7a8366f0381d1c349', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '403bb72d92de84245e7d17116848faf8d1ca3996', name: "collapse-button-label" })))), hAsync("div", { key: '4e4628fc421a80139fd71d3a0232159b7d31a53b', class: {
|
|
15089
15104
|
"duet-scrollable-items": true,
|
|
15090
15105
|
buttons: this.buttons,
|
|
15091
15106
|
center: this.center,
|
|
15092
|
-
} }, hAsync("div", { key: '
|
|
15107
|
+
} }, hAsync("div", { key: '7391cc68e6fcc4921bc23417a45e9144ba64d406', class: {
|
|
15093
15108
|
"duet-scrollable-button-container": true,
|
|
15094
15109
|
left: true,
|
|
15095
15110
|
"duet-scrollable-button-container--occluded": !this.isScrollPaneContentSmallerThanWrapper,
|
|
15096
|
-
} }, hAsync("button", { key: '
|
|
15111
|
+
} }, hAsync("button", { key: '1764f20c98b87d8755d14f8ff9991ede35f50d83', part: `${this.identifier}-button-left`, "aria-hidden": "true", class: {
|
|
15097
15112
|
"duet-scrollable-button": true,
|
|
15098
15113
|
[`duet-scrollable-button--${this.buttonAlignment}`]: true,
|
|
15099
15114
|
"duet-scrollable-button--left": true,
|
|
15100
|
-
}, onClick: () => this.scrollLeft(), disabled: this.scrollPaneAtStart, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: '
|
|
15115
|
+
}, onClick: () => this.scrollLeft(), disabled: this.scrollPaneAtStart, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: '16edd1294a131c36f59f67179e8b1447d7eed983', color: this.scrollPaneAtStart ? arrowColorDisabled : arrowColor, name: "action-arrow-left", size: "small", margin: "none" }))), hAsync("div", { key: 'b8c2cbd51498d4f6a2a85a8004396e6b379f8407', class: {
|
|
15101
15116
|
"duet-scrollable-list": true,
|
|
15102
15117
|
collapsed: this.collapsed,
|
|
15103
|
-
}, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '
|
|
15118
|
+
}, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: 'f1981b1e9fe15b835253820136cbdcc32c193c93' })), hAsync("div", { key: '8be1066f5def1e2891f3fd49bb5db5c9639f6c77', class: {
|
|
15104
15119
|
"duet-scrollable-button-container": true,
|
|
15105
15120
|
right: true,
|
|
15106
15121
|
"duet-scrollable-button-container--occluded": !this.isScrollPaneContentSmallerThanWrapper,
|
|
15107
|
-
} }, hAsync("button", { key: '
|
|
15122
|
+
} }, hAsync("button", { key: '7764023d0ef66c068d4731c59d86d44f780b189a', part: `${this.identifier}-button-right`, "aria-hidden": "true", class: {
|
|
15108
15123
|
"duet-scrollable-button": true,
|
|
15109
15124
|
[`duet-scrollable-button--${this.buttonAlignment}`]: true,
|
|
15110
15125
|
"duet-scrollable-button--right": true,
|
|
15111
|
-
}, onClick: () => this.scrollRight(), disabled: this.scrollPaneAtEnd, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: '
|
|
15126
|
+
}, onClick: () => this.scrollRight(), disabled: this.scrollPaneAtEnd, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: '945e693aa629bac7e39d40ab4c6361a92e2cab32', color: this.scrollPaneAtEnd ? arrowColorDisabled : arrowColor, name: "action-arrow-right", size: "small", margin: "none" }))))));
|
|
15112
15127
|
}
|
|
15113
15128
|
get element() { return getElement(this); }
|
|
15114
15129
|
static get watchers() { return {
|
|
@@ -15151,13 +15166,13 @@ class DuetSectionLayout {
|
|
|
15151
15166
|
* Always the last one in the class.
|
|
15152
15167
|
*/
|
|
15153
15168
|
render() {
|
|
15154
|
-
return (hAsync(Host, { key: '
|
|
15169
|
+
return (hAsync(Host, { key: '84860259acf32befb4dc83a1b84e58c49dffaaa9', class: {
|
|
15155
15170
|
"duet-middle": this.middle,
|
|
15156
15171
|
"duet-ie": isInternetExplorer(),
|
|
15157
|
-
} }, hAsync("div", { key: '
|
|
15172
|
+
} }, hAsync("div", { key: '8a91d29eb630fa72ac779644ff2c2df3c1e7b173', class: {
|
|
15158
15173
|
"duet-layout": true,
|
|
15159
15174
|
"duet-m-0": this.margin === "none",
|
|
15160
|
-
} }, hAsync("section", { key: '
|
|
15175
|
+
} }, hAsync("section", { key: '68c01ac54249408439dfab1d053533a01e868be1', class: "duet-main" }, hAsync("slot", { key: '6b7df39ead8e612c0fcc1d67945e4f4b3b195536' })))));
|
|
15161
15176
|
}
|
|
15162
15177
|
get element() { return getElement(this); }
|
|
15163
15178
|
static get style() { return DuetSectionLayoutStyle0; }
|
|
@@ -15399,9 +15414,9 @@ class DuetShapedImage {
|
|
|
15399
15414
|
const style = {
|
|
15400
15415
|
"--rotation": `${this.rotation}deg`,
|
|
15401
15416
|
};
|
|
15402
|
-
return (hAsync(Host, { key: '
|
|
15417
|
+
return (hAsync(Host, { key: 'cb4154853051eec78a10658344407c1653d737b3', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '5cab0035d46b9e020cf7e4a18105a999646ad437', class: {
|
|
15403
15418
|
"shaped-image": true,
|
|
15404
|
-
}, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '
|
|
15419
|
+
}, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '8c2d2bb60ac9042377402dea4453e4ec17885aac', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '765b32769035c6746c0412be9fe3b70bf8c75039', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
|
|
15405
15420
|
}
|
|
15406
15421
|
static get style() { return DuetShapedImageStyle0; }
|
|
15407
15422
|
static get cmpMeta() { return {
|
|
@@ -15509,12 +15524,12 @@ class DuetShowMore {
|
|
|
15509
15524
|
* Always the last one of the class.
|
|
15510
15525
|
*/
|
|
15511
15526
|
render() {
|
|
15512
|
-
return (hAsync(Host, { key: '
|
|
15527
|
+
return (hAsync(Host, { key: '3d096f18fbcc4cff02f201f2c065b56feaceb874' }, hAsync("div", { key: '99bd8d06faa921138031f41728d197eccabc8a9b', class: {
|
|
15513
15528
|
"duet-show-more": true,
|
|
15514
15529
|
"duet-theme-turva": this.theme === "turva",
|
|
15515
15530
|
"duet-m-0": this.margin === "none",
|
|
15516
15531
|
open: this.open,
|
|
15517
|
-
} }, hAsync("div", { key: '
|
|
15532
|
+
} }, hAsync("div", { key: '6dc1a29a0a0fdf48284af668e0a3800a54c7414d', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '98d549c12cab0e82c0da5a93755943c7cdd7e020', class: { "slotted-content": true } }, hAsync("slot", { key: '88d8df19994904032fbd80b186b80df1ad5c04a1' }))), hAsync("duet-button", { key: '2d26e042783015ec2cf5aa6d43b05a64d1cac673', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, this.open ? this.showLessLabel : this.showMoreLabel))));
|
|
15518
15533
|
}
|
|
15519
15534
|
get element() { return getElement(this); }
|
|
15520
15535
|
static get style() { return DuetShowMoreStyle0; }
|
|
@@ -15733,15 +15748,15 @@ class DuetSlideout {
|
|
|
15733
15748
|
};
|
|
15734
15749
|
const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
|
|
15735
15750
|
const exitTranslation = getLocaleString(this.exitLangObject);
|
|
15736
|
-
return (hAsync(Host, { key: '
|
|
15751
|
+
return (hAsync(Host, { key: 'a4e4bdbc1fa5714960b933fa40326461327e12e1' }, hAsync("div", { key: 'e8cc6e3dfb961a706ab453423aadea140e20e7f9', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-overlay", { key: 'f5389b854f0613665330be43ee1298fefe46d40f', onClick: this.bgOnClick, visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: 'a99ce65f80ba47d02fab0c4906e70556a7a60c9c', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
|
|
15737
15752
|
dialog: true,
|
|
15738
15753
|
hidden: !this.open,
|
|
15739
|
-
}, style: styles }, hAsync(FocusGuard, { key: '
|
|
15754
|
+
}, style: styles }, hAsync(FocusGuard, { key: '1dbeeb5a35769b86cff89696062b31cdfd89a88b', moveFocusTo: this.closeButton }), hAsync("div", { key: 'cd7a062e50bc5d0e9d0fe8dfa38917abf16c18e7', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'a97e253b687f92583bef886526e4d68e56bd6a5b', class: "top" }, hAsync("button", { key: '88bf10f979ea8e208e01b5efc7affe90d27d105f', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
|
|
15740
15755
|
"slideout-close": true,
|
|
15741
15756
|
active: this.open,
|
|
15742
|
-
}, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '
|
|
15757
|
+
}, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '485c88489c6d71efefa5dd7588e89d3695c8d093', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '89533e2074dcba7373fb80a2ac2f55c196769f3c', class: "sticky-header" }, hAsync("slot", { key: '9d76126801e6325d7515b1f67e1dd9c651a4d95f', name: "sticky-header" }))), hAsync("div", { key: '9e6ba73148012c0cfe036e66a0f9806aa65e6772', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
|
|
15743
15758
|
items: true,
|
|
15744
|
-
} }, hAsync("slot", { key: '
|
|
15759
|
+
} }, hAsync("slot", { key: '81acda30d3373d8343eb397963a441ec1be34076' })), hAsync(FocusGuard, { key: 'a8b78b2d968fe2b687ef4e1a2050fce07473adaa', moveFocusTo: this.closeButton })))));
|
|
15745
15760
|
}
|
|
15746
15761
|
get element() { return getElement(this); }
|
|
15747
15762
|
static get watchers() { return {
|
|
@@ -15771,7 +15786,7 @@ class DuetSlideout {
|
|
|
15771
15786
|
}; }
|
|
15772
15787
|
}
|
|
15773
15788
|
|
|
15774
|
-
const duetSlideoutLangCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:
|
|
15789
|
+
const duetSlideoutLangCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:\"\";background:rgb(0, 41, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}";
|
|
15775
15790
|
var DuetSlideoutLangStyle0 = duetSlideoutLangCss;
|
|
15776
15791
|
|
|
15777
15792
|
class DuetSlideoutLang {
|
|
@@ -15806,7 +15821,7 @@ class DuetSlideoutLang {
|
|
|
15806
15821
|
*/
|
|
15807
15822
|
render() {
|
|
15808
15823
|
const langTranslation = getLocaleString(this.chooseLangObject);
|
|
15809
|
-
return (hAsync(Host, { key: '
|
|
15824
|
+
return (hAsync(Host, { key: 'a3f0902bcc3942cfdd9bd39d753bfcfeeebf8bd4' }, hAsync("div", { key: 'e4b2d5245b065602e7b74bab03d2ad9a6390d5ab', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '10f383d1179787ca4dda410b10ac2785bcbbcc36', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '3a3f899dd72eb996f48ac588474810a95fa6fc19' }))));
|
|
15810
15825
|
}
|
|
15811
15826
|
get element() { return getElement(this); }
|
|
15812
15827
|
static get style() { return DuetSlideoutLangStyle0; }
|
|
@@ -15850,12 +15865,12 @@ class DuetSlideoutLink {
|
|
|
15850
15865
|
* Always the last one in the class.
|
|
15851
15866
|
*/
|
|
15852
15867
|
render() {
|
|
15853
|
-
return (hAsync(Host, { key: '
|
|
15868
|
+
return (hAsync(Host, { key: '756d30871c5f34ca3520a5bdecf5269c6a0b4afb' }, hAsync("a", { key: '16dfc8d2bcae2379ab25ce353eda255e79d6ad6b', class: {
|
|
15854
15869
|
"duet-slideout-link": true,
|
|
15855
15870
|
"duet-theme-turva": this.theme === "turva",
|
|
15856
15871
|
active: this.active,
|
|
15857
15872
|
[this.size]: true,
|
|
15858
|
-
}, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '
|
|
15873
|
+
}, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '6551aa92fee9498b1fc2b4ebb18a89ff1c72e607', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: 'f841f0d234ffca0d1dbaaae18e9de9f1de02de55', class: "label" }, hAsync("span", { key: '452f28fecf67c0da43ea807dd572d1db83e10ae6' }, hAsync("slot", { key: '896258d4f5fbcc5efa21d49cd867e0578302dbef' }), hAsync("slot", { key: '6de4aa964201a5ffe68d7f894a499289db302527', name: "description" })), this.caret && (hAsync("duet-icon", { key: '3b7c9337d8d76eb9bcc71fe7277e84599692bce4', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
|
|
15859
15874
|
}
|
|
15860
15875
|
get element() { return getElement(this); }
|
|
15861
15876
|
static get style() { return DuetSlideoutLinkStyle0; }
|
|
@@ -15995,21 +16010,21 @@ class DuetSlideoutPanel {
|
|
|
15995
16010
|
};
|
|
15996
16011
|
const exitTranslation = getLocaleString(this.exitLangObject);
|
|
15997
16012
|
const backTranslation = getLocaleString(this.backLangObject);
|
|
15998
|
-
return (hAsync(Host, { key: '
|
|
16013
|
+
return (hAsync(Host, { key: '22c28c0ab12659f418c97fbf93bbebd68608fb79' }, hAsync("div", { key: '34c09abac8c0aee1c1dfd1f2bbac570ed0611b35', class: {
|
|
15999
16014
|
"duet-slideout-panel": true,
|
|
16000
16015
|
"duet-theme-turva": this.theme === "turva",
|
|
16001
16016
|
active: this.open,
|
|
16002
|
-
} }, hAsync("button", { key: '
|
|
16017
|
+
} }, hAsync("button", { key: '8dcfb92e4eb8610e0a89fdbe3c7675e00a2e8379', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
|
|
16003
16018
|
link: true,
|
|
16004
16019
|
active: this.active,
|
|
16005
|
-
}, onClick: this.onClick, inert: this.open }, this.icon && hAsync("duet-icon", { key: '
|
|
16020
|
+
}, onClick: this.onClick, inert: this.open }, this.icon && hAsync("duet-icon", { key: '4944cd788c6d0018243a4cc6b7d9f597ee6d435e', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '813420fa817e10189a300006605f4f724b2b854e', class: "label" }, hAsync("span", { key: 'b63f12c4351efa40940bdcac2dea8889cfbf2c82', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: 'fb495263ce936ce817e173148e4fcc35f7fa73b8', name: "label" })), hAsync("duet-icon", { key: 'c61e62bf194e44656274ff86ceb55aa51fc3cec8', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'b0b8171895a218075cfc034265abb67c6c12ab4a', class: {
|
|
16006
16021
|
dialog: true,
|
|
16007
16022
|
hidden: !this.open,
|
|
16008
|
-
}, style: styles }, hAsync(FocusGuard, { key: '
|
|
16023
|
+
}, style: styles }, hAsync(FocusGuard, { key: 'e5fba5ca765f1a531361fddee555cb1811fcdcdb', moveFocusTo: this.closeButton }), hAsync("div", { key: 'b5134e29091047b89083c0034c9cea235ca2fe5c', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '9419dbfcc225548ac136e2e0627bc7c17a788fb3', class: "top" }, hAsync("button", { key: '4479933ad445c05b72de00c10a54c3336ca89e44', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
|
|
16009
16024
|
back: true,
|
|
16010
|
-
}, onClick: this.onClick }, hAsync("duet-icon", { key: '
|
|
16025
|
+
}, onClick: this.onClick }, hAsync("duet-icon", { key: '627ec8facc8df37e986fd32f83771825ed0fa23a', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: 'b597e175c2c2f97b604f04dccdbf5d00b71bcdb1' }, this.label.innerHTML), hAsync("button", { key: 'fda07c1948d6aabdfbdebd84a5bbe71bbbe37bfa', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: 'ae152cff044ba959bed507383387374a07c64bf1', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'c6be3120a863c54dccf941033374c9c207d8e4af', class: "sticky-header" }, hAsync("slot", { key: '723211cc2c88a3c20a61a96c5a802ee1fbe462c0', name: "sticky-header" }))), hAsync("div", { key: '0f34420d3730ff49bb92f54457ba2db91fc43114', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
|
|
16011
16026
|
items: true,
|
|
16012
|
-
} }, hAsync("slot", { key: '
|
|
16027
|
+
} }, hAsync("slot", { key: '8575454b60ae274fe2d4876b3d89fb1b9642afef' })), hAsync(FocusGuard, { key: '5f96aa2ae4fa9eea21b2dff7ee8151cd3259c291', moveFocusTo: this.closeButton })))));
|
|
16013
16028
|
}
|
|
16014
16029
|
get element() { return getElement(this); }
|
|
16015
16030
|
static get watchers() { return {
|
|
@@ -16077,16 +16092,16 @@ class DuetSlideoutPanelDropdown {
|
|
|
16077
16092
|
* Always the last one in the class.
|
|
16078
16093
|
*/
|
|
16079
16094
|
render() {
|
|
16080
|
-
return (hAsync(Host, { key: '
|
|
16095
|
+
return (hAsync(Host, { key: 'ed7c011056f2ffe923585058edffcbe6cafaea99' }, hAsync("div", { key: '11e314367f32e42a3811b8e8e0e997b4db8f5b32', class: {
|
|
16081
16096
|
"duet-slideout-panel-dropdown": true,
|
|
16082
16097
|
"duet-theme-turva": this.theme === "turva",
|
|
16083
16098
|
active: this.open,
|
|
16084
|
-
} }, hAsync("button", { key: '
|
|
16099
|
+
} }, hAsync("button", { key: 'dc7ebc689b4455261fe552f17989307ea06d05c3', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
|
|
16085
16100
|
active: this.active,
|
|
16086
|
-
}, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: '
|
|
16101
|
+
}, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: '3f877c7eba448ba92b8772f1ab57434a3f341118', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'd3c63a33347512677d92adef06b3b03f208bf929', class: "label" }, hAsync("slot", { key: '94cab14a738b8d9597158aed4909062b22eda32b', name: "label" }), hAsync("duet-icon", { key: '11d3fdc38f5c07e7425662cbaaf99fe417f0a53b', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: 'f9bd0923dbedeebfeb45a41eed9e17e3c94df35f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
|
|
16087
16102
|
items: true,
|
|
16088
16103
|
hidden: !this.open,
|
|
16089
|
-
} }, hAsync("slot", { key: '
|
|
16104
|
+
} }, hAsync("slot", { key: 'b2a9cf03573b30f80c2e62c41e55edc9f422e7de' })))));
|
|
16090
16105
|
}
|
|
16091
16106
|
get element() { return getElement(this); }
|
|
16092
16107
|
static get style() { return DuetSlideoutPanelDropdownStyle0; }
|
|
@@ -16121,7 +16136,7 @@ class DuetSpacer {
|
|
|
16121
16136
|
* Always the last one in the class.
|
|
16122
16137
|
*/
|
|
16123
16138
|
render() {
|
|
16124
|
-
return (hAsync(Host, { key: '
|
|
16139
|
+
return (hAsync(Host, { key: 'a1b6a9855c52785dc640ef0687b936220e386943', class: {
|
|
16125
16140
|
"duet-spacer": true,
|
|
16126
16141
|
"duet-spacer-xx-small": this.breakpoint === "xx-small",
|
|
16127
16142
|
"duet-spacer-x-small": this.breakpoint === "x-small",
|
|
@@ -16172,11 +16187,11 @@ class DuetSpinner {
|
|
|
16172
16187
|
*/
|
|
16173
16188
|
render() {
|
|
16174
16189
|
const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
|
|
16175
|
-
return (hAsync(Host, { key: '
|
|
16190
|
+
return (hAsync(Host, { key: '6fc0f9fa723de55cc61a5d730b22703c4822e0cd', class: {
|
|
16176
16191
|
"duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
|
|
16177
16192
|
"duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
|
|
16178
16193
|
"duet-theme-default": this.theme === "default" && this.color !== "currentColor",
|
|
16179
|
-
} }, hAsync("div", { key: '
|
|
16194
|
+
} }, hAsync("div", { key: '7a00a397a9d0ef913cb644f458cf5d79d1db49d3', class: {
|
|
16180
16195
|
"duet-spinner": true,
|
|
16181
16196
|
[this.size]: true,
|
|
16182
16197
|
}, style: { color }, "aria-label": this.accessibleLabel })));
|
|
@@ -16408,7 +16423,7 @@ class DuetStepper {
|
|
|
16408
16423
|
* Always the last one in the class.
|
|
16409
16424
|
*/
|
|
16410
16425
|
render() {
|
|
16411
|
-
return (hAsync(Host, { key: '
|
|
16426
|
+
return (hAsync(Host, { key: 'd8aa897bf6b424b99b07e4a91b9e8cf7488a7e71', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '26ea48b5571e3fd4c931ce5b257b7fff3dc6dcf9', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'cf606e1120808187c6a670aab837b54b97096af1', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: '74b2e7ac6dd883d11763974c1f0f962c1e2b2cb8' }))));
|
|
16412
16427
|
}
|
|
16413
16428
|
get element() { return getElement(this); }
|
|
16414
16429
|
static get watchers() { return {
|
|
@@ -16534,15 +16549,15 @@ class DuetSubmenuBar {
|
|
|
16534
16549
|
* Always the last one in the class.
|
|
16535
16550
|
*/
|
|
16536
16551
|
render() {
|
|
16537
|
-
return (hAsync(Host, { key: '
|
|
16552
|
+
return (hAsync(Host, { key: '993291b7d514d441a2877ba1b1d91bca382b47e8' }, hAsync("nav", { key: '310d933ae6697e4d63fb144e3fa6e422065d0581', class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '151ed9a1623c2236e5bcd54f3e3867e6af389172', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
|
|
16538
16553
|
active: this.open,
|
|
16539
|
-
}, onClick: this.onClick }, hAsync("span", { key: '
|
|
16554
|
+
}, onClick: this.onClick }, hAsync("span", { key: 'a2c08baef8703ed21db5144947c6e49d526fe5a5', class: "label" }, hAsync("slot", { key: 'a9ed7880eb13671d773e05be1fe0687a43b0084d', name: "label" }), hAsync("duet-icon", { key: '2ca5f860e1a18749afc203ad5a1af41ad8b9f15a', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'b7bbe3dff583f47338066cb04f21ce9284f30f3a', class: {
|
|
16540
16555
|
"menu-container": true,
|
|
16541
16556
|
hidden: !this.open,
|
|
16542
|
-
}, role: "presentation" }, hAsync("div", { key: '
|
|
16557
|
+
}, role: "presentation" }, hAsync("div", { key: 'd6f65370ba46b6670031520fea6c2bafa73c9314', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
|
|
16543
16558
|
items: true,
|
|
16544
16559
|
hidden: !this.open,
|
|
16545
|
-
}, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: '
|
|
16560
|
+
}, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: '3756cf919ec1acaf5ede5db401f177f2e79ed140', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '594cfb2081aa5c0a9511bbdca95898dc488077e9' }), hAsync("div", { key: '01ef003bef8fa1549957dfc4815036f480474b12', class: "list-padding" }))), hAsync("duet-overlay", { key: '9aad33941c7c06e071c2d2033e43297d3f1e7b1a', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
|
|
16546
16561
|
}
|
|
16547
16562
|
get element() { return getElement(this); }
|
|
16548
16563
|
static get watchers() { return {
|
|
@@ -16661,18 +16676,18 @@ class DuetSubmenuBarDropdown {
|
|
|
16661
16676
|
* Always the last one in the class.
|
|
16662
16677
|
*/
|
|
16663
16678
|
render() {
|
|
16664
|
-
return (hAsync(Host, { key: '
|
|
16679
|
+
return (hAsync(Host, { key: '5e9d763d516ddde6ca5669cc153e0694445a50ee', role: "listitem" }, hAsync("div", { key: '4dc0d8860562c85e0d70c8ebaea4bb8eef639aaf', class: {
|
|
16665
16680
|
"duet-submenu-bar-dropdown": true,
|
|
16666
16681
|
"duet-theme-turva": this.theme === "turva",
|
|
16667
16682
|
open: this.open,
|
|
16668
16683
|
active: this.active,
|
|
16669
|
-
} }, hAsync("button", { key: '
|
|
16684
|
+
} }, hAsync("button", { key: 'fe9dc76f1238082d436632a00af9ab0c584af486', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
|
|
16670
16685
|
open: this.open,
|
|
16671
16686
|
active: this.active,
|
|
16672
|
-
}, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '
|
|
16687
|
+
}, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '5ed527a853ded56c0711ff4caf53b653dadcfcb8', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '4649353d7427e225a315c084cdfcf4bbe10f5487', class: "label" }, hAsync("span", { key: 'a5d20f7ef8dfd1389dbcd79e6c4417f964cd6a5c', class: "label-text" }, hAsync("slot", { key: 'a568dd1e1ab914bad89cbe2db7ed9143523dc24f', name: "label" })), hAsync("duet-icon", { key: 'fcdbf9e30b8c837c74d1c4377a2eee142f3ff282', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '5b389af3d376b72a9c08eecd59f259f29b705959', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
|
|
16673
16688
|
items: true,
|
|
16674
16689
|
hidden: !this.open,
|
|
16675
|
-
} }, hAsync("slot", { key: '
|
|
16690
|
+
} }, hAsync("slot", { key: '2bb565befadb2adc00eaa7b924adbb6826642f14' })))));
|
|
16676
16691
|
}
|
|
16677
16692
|
get element() { return getElement(this); }
|
|
16678
16693
|
static get style() { return DuetSubmenuBarDropdownStyle0; }
|
|
@@ -16724,12 +16739,12 @@ class DuetSubmenuBarDropdownLink {
|
|
|
16724
16739
|
* Always the last one in the class.
|
|
16725
16740
|
*/
|
|
16726
16741
|
render() {
|
|
16727
|
-
return (hAsync(Host, { key: '
|
|
16742
|
+
return (hAsync(Host, { key: 'a400917134e580c4893ad3eba9903b940b0cdbae' }, hAsync("a", { key: '871e51527e709c741f03abbd80a1e29da982aefa', class: {
|
|
16728
16743
|
"duet-submenu-bar-dropdown-link": true,
|
|
16729
16744
|
"duet-theme-turva": this.theme === "turva",
|
|
16730
16745
|
highlight: this.highlight,
|
|
16731
16746
|
active: this.active,
|
|
16732
|
-
}, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '
|
|
16747
|
+
}, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '0da2198cdb336d7ea2497eb41142a87bafe8acba', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'dd44684f0c0675ced40c76f2f146710d93967de9', class: "label-container" }, hAsync("span", { key: '2d2a082969a43fc184d3279995fb8b44326eeaef', class: "label" }, hAsync("slot", { key: '54cb80ae2ee9abb088d6a47fd32b386a176ed1bd' })), this.caret && hAsync("duet-icon", { key: '12aee3915eb2a897ec544a52ed04a135555dd5d8', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'b065c6fe0ce97224497f0b7c62c3f987dc71ce72', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
|
|
16733
16748
|
}
|
|
16734
16749
|
get element() { return getElement(this); }
|
|
16735
16750
|
static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
|
|
@@ -16791,7 +16806,7 @@ class DuetSubmenuBarItem {
|
|
|
16791
16806
|
render() {
|
|
16792
16807
|
const TagName = this.url ? "a" : "button";
|
|
16793
16808
|
const role = this.url ? "link" : "button";
|
|
16794
|
-
return (hAsync(Host, { key: '
|
|
16809
|
+
return (hAsync(Host, { key: '8cc1a0b506da38e97dafdecef3327240d12bb5a8', role: "listitem" }, hAsync(TagName, { key: '765f433a86d9d9ffda61763568f30a7a1681c579', ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role }, this.leadingIcon && (hAsync("duet-icon", { key: '7690f8773410b97bf23f655bed252364770f47ed', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '888fb4e1d7fc3771d3aa2047f5769749011bb933', class: "label" }, hAsync("span", { key: '4af6033f4e8c7cb5df1297f20da66803b1766535', class: "label-text" }, hAsync("slot", { key: '3b3e763fbbc6393d3fe77fc788349cf0ba097b98' })), this.trailingIcon && (hAsync("duet-icon", { key: 'ffc928b61503ca23430a8ff7d55b12b19aab1358', class: {
|
|
16795
16810
|
"trailing-icon": true,
|
|
16796
16811
|
"trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
|
|
16797
16812
|
rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
|
|
@@ -16848,7 +16863,7 @@ class DuetSubmenuBarLink {
|
|
|
16848
16863
|
* Always the last one in the class.
|
|
16849
16864
|
*/
|
|
16850
16865
|
render() {
|
|
16851
|
-
return (hAsync(Host, { key: '
|
|
16866
|
+
return (hAsync(Host, { key: '7799bc6e797bb8c20f16c0a5e9c093a0379c0e8e', role: "listitem" }, hAsync("a", { key: 'e6094af1e28f4472cf111a5777b79a4494468507', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { key: '3071e878792df456c6ea249b880650a98f22b44c', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '2a6d9b005442abdd93fd8174e0e1b1005f5c0c71', class: "label" }, hAsync("slot", { key: '2c76abfc6fce3e7dd769633bcaf0e54f009b0a19' })))));
|
|
16852
16867
|
}
|
|
16853
16868
|
get element() { return getElement(this); }
|
|
16854
16869
|
static get style() { return DuetSubmenuBarLinkStyle0; }
|
|
@@ -17197,27 +17212,27 @@ class DuetTabGroup {
|
|
|
17197
17212
|
render() {
|
|
17198
17213
|
const variationClass = this.variation === "plain-scrolling" ? "duet-tab-variation-plain" : `duet-tab-variation-${this.variation}`;
|
|
17199
17214
|
const isSwipeScrollable = this.variation === "checked" || this.variation === "plain-scrolling";
|
|
17200
|
-
return (hAsync("div", { key: '
|
|
17215
|
+
return (hAsync("div", { key: 'a09d023095d80f1984c13102ed5f85594d0c2e54', class: {
|
|
17201
17216
|
"duet-tab-group": true,
|
|
17202
17217
|
"duet-theme-turva": this.theme === "turva",
|
|
17203
17218
|
[variationClass]: true,
|
|
17204
17219
|
"duet-tab-plain-scrolling": this.variation === "plain-scrolling",
|
|
17205
17220
|
"duet-tab-group-scrolls": this.scrolls,
|
|
17206
17221
|
"duet-tab-group-collapses": this.collapses,
|
|
17207
|
-
}, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (hAsync("duet-select", { key: '
|
|
17222
|
+
}, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (hAsync("duet-select", { key: '6d5a053f2a39b2e5042fa199b50ef6dfcb2e8395', value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.onTabSelect(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
|
|
17208
17223
|
return { label: tab.label, value: index.toString() };
|
|
17209
|
-
}) })), hAsync("div", { key: '
|
|
17224
|
+
}) })), hAsync("div", { key: 'c314e15b44bfec35a9dce7f0b3343adb2560eb1e', role: "tablist", class: {
|
|
17210
17225
|
"duet-m-0": this.margin === "none" || this.variation === "checked",
|
|
17211
17226
|
"duet-tab-group-tabs": true,
|
|
17212
17227
|
"duet-tab-group-hidden": this.tabs.length > 3 && !isSwipeScrollable,
|
|
17213
17228
|
"duet-tab-group-collapses": this.collapses,
|
|
17214
17229
|
}, ref: el => {
|
|
17215
17230
|
this.tabsContainer = el;
|
|
17216
|
-
} }, this.renderTab()), hAsync("div", { key: '
|
|
17231
|
+
} }, this.renderTab()), hAsync("div", { key: 'a05213a66ee2ac2103eeb887312551edde85914c', class: {
|
|
17217
17232
|
"duet-tab-group-content": true,
|
|
17218
17233
|
"duet-m-0": this.margin === "none",
|
|
17219
17234
|
"checked-group-content": this.variation === "checked",
|
|
17220
|
-
} }, hAsync("slot", { key: '
|
|
17235
|
+
} }, hAsync("slot", { key: '4e1231a85f36bf98be1d5ab1054e031dd2b4b814' }))));
|
|
17221
17236
|
}
|
|
17222
17237
|
get element() { return getElement(this); }
|
|
17223
17238
|
static get style() { return DuetTabGroupStyle0; }
|
|
@@ -17321,7 +17336,7 @@ class DuetTable {
|
|
|
17321
17336
|
}
|
|
17322
17337
|
}
|
|
17323
17338
|
render() {
|
|
17324
|
-
return (hAsync(Host, { key: '
|
|
17339
|
+
return (hAsync(Host, { key: '26413c0ac0eee035612ced49d409de6d59f13a66', class: {
|
|
17325
17340
|
[`duet-table-${this.variation}`]: true,
|
|
17326
17341
|
"duet-table-flattened": !this.matchesBreakpoint,
|
|
17327
17342
|
// sticky only valid when in regular table layout
|
|
@@ -17330,7 +17345,7 @@ class DuetTable {
|
|
|
17330
17345
|
"duet-m-0": this.margin === "none",
|
|
17331
17346
|
"duet-theme-turva": this.theme === "turva",
|
|
17332
17347
|
"duet-table-hide-head-visually": this.hideHeadVisually,
|
|
17333
|
-
} }, hAsync("slot", { key: '
|
|
17348
|
+
} }, hAsync("slot", { key: 'fa0424a461e64bbd5f822a8cc5af79f1a147e8e2' })));
|
|
17334
17349
|
}
|
|
17335
17350
|
get element() { return getElement(this); }
|
|
17336
17351
|
static get watchers() { return {
|
|
@@ -17698,7 +17713,7 @@ class DuetToolbar {
|
|
|
17698
17713
|
*/
|
|
17699
17714
|
render() {
|
|
17700
17715
|
const variation = this.variation === "negative" ? "negative" : "default";
|
|
17701
|
-
return (hAsync(Host, { key: '
|
|
17716
|
+
return (hAsync(Host, { key: 'c5df9ceff6286d32e3a36f6c1a15da1bc72134d9' }, hAsync("nav", { key: '14b077c64faf7ab00df4ef30be2238e47fa11237', class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva", [variation]: true }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '198dab0024637a43dc25b0b262f69dbb5c7211c1', class: "container" }, hAsync("div", { key: '6dd0c0844a50a82e79fd501778200f0a25bc147c', class: "list", role: "list" }, hAsync("slot", { key: '66bd5d880189f5ce04f5396be8800ed3a6abdcec', name: "left" })), hAsync("div", { key: '1d2880011584339889133310cca592ce02099b73', class: "list", role: "list" }, hAsync("slot", { key: '572d0e97a6c358302e80fb424f6d60e6a8c4d8f3', name: "right" }))))));
|
|
17702
17717
|
}
|
|
17703
17718
|
get element() { return getElement(this); }
|
|
17704
17719
|
static get style() { return DuetToolbarStyle0; }
|
|
@@ -17766,18 +17781,18 @@ class DuetToolbarDropdown {
|
|
|
17766
17781
|
itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
|
|
17767
17782
|
}
|
|
17768
17783
|
const variation = this.variation === "negative" ? "negative" : "white";
|
|
17769
|
-
return (hAsync(Host, { key: '
|
|
17784
|
+
return (hAsync(Host, { key: '19ef8c9db7fd05380093c031c8c05d8badb0424e', role: "listitem" }, hAsync("div", { key: '1a267244eab116c66c471ccb0a40d6bd72f14dfa', class: {
|
|
17770
17785
|
"duet-toolbar-dropdown": true,
|
|
17771
17786
|
"duet-theme-turva": this.theme === "turva",
|
|
17772
17787
|
[itemsAlign]: true,
|
|
17773
17788
|
[variation]: true,
|
|
17774
|
-
} }, hAsync("button", { key: '
|
|
17789
|
+
} }, hAsync("button", { key: '1966a5bdab9d8e19fe632d8a37e7f48dee3082c5', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
|
|
17775
17790
|
active: this.active,
|
|
17776
17791
|
open: this.open,
|
|
17777
|
-
}, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '
|
|
17792
|
+
}, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '24ee36902c7e8e1a918abff4d08860206d06e768', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '641c4277c69f7f6d896c3a44485381e2a4fe15f0', class: "label" }, hAsync("slot", { key: 'ad1db677d2797edfb2dc77867d2368ba34fb20a9', name: "label" }), hAsync("duet-icon", { key: 'ad574f7149c8ec05652b84cb8cb6a1978c08c50a', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'f60d03104f67f0e2473743a47aa2f6923c02d57d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
|
|
17778
17793
|
items: true,
|
|
17779
17794
|
hidden: !this.open,
|
|
17780
|
-
} }, hAsync("slot", { key: '
|
|
17795
|
+
} }, hAsync("slot", { key: '88ad120c98a2187b554640d22a771184b87d0538' })))));
|
|
17781
17796
|
}
|
|
17782
17797
|
get element() { return getElement(this); }
|
|
17783
17798
|
static get style() { return DuetToolbarDropdownStyle0; }
|
|
@@ -17830,11 +17845,11 @@ class DuetToolbarDropdownLink {
|
|
|
17830
17845
|
* Always the last one in the class.
|
|
17831
17846
|
*/
|
|
17832
17847
|
render() {
|
|
17833
|
-
return (hAsync(Host, { key: '
|
|
17848
|
+
return (hAsync(Host, { key: '7380e5415f6e010bd5be0c40e974dd5943a53950' }, hAsync("a", { key: '4ec2369809bc9688741a3c6c6a2e65e98a49c01f', class: {
|
|
17834
17849
|
"duet-toolbar-dropdown-link": true,
|
|
17835
17850
|
"duet-theme-turva": this.theme === "turva",
|
|
17836
17851
|
active: this.active,
|
|
17837
|
-
}, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '
|
|
17852
|
+
}, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '6ef55e0a6828af8826987b471ebe4aa09a71d567', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '2dc2718da722d3649d671a8e57b9a6cb7d6c7c97', class: "label" }, hAsync("slot", { key: '71f6f8fb4796a6af5a7640838290800231ac7cfe' })), this.active && (hAsync("duet-icon", { key: '8e202836940fbb593750efa3f7603739ebd9f61f', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
|
|
17838
17853
|
}
|
|
17839
17854
|
get element() { return getElement(this); }
|
|
17840
17855
|
static get style() { return DuetToolbarDropdownLinkStyle0; }
|
|
@@ -17890,12 +17905,12 @@ class DuetToolbarItem {
|
|
|
17890
17905
|
render() {
|
|
17891
17906
|
const TagName = this.url ? "a" : "button";
|
|
17892
17907
|
const variation = this.variation === "negative" ? "negative" : "white";
|
|
17893
|
-
return (hAsync(Host, { key: '
|
|
17908
|
+
return (hAsync(Host, { key: 'f537e00b3e817d6c14854bdda1c99988377d6b13', role: "listitem" }, hAsync(TagName, { key: '34841f02d2f4bf132a164b67b0b8085ff2aa1662', ref: element => (this.itemElement = element), class: {
|
|
17894
17909
|
"duet-toolbar-item": true,
|
|
17895
17910
|
"duet-theme-turva": this.theme === "turva",
|
|
17896
17911
|
active: this.active,
|
|
17897
17912
|
[variation]: true,
|
|
17898
|
-
}, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '
|
|
17913
|
+
}, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '0380aa7589bb53319535d58e78d9702da36cbc09', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'e1950f24c70b736917ebc73a5e6da993d22f4a43' }), this.trailingIcon && (hAsync("duet-icon", { key: 'c2b250ef34b273a6cd3d1a95dff46ffb717d08fa', class: {
|
|
17899
17914
|
"trailing-icon": true,
|
|
17900
17915
|
rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
|
|
17901
17916
|
}, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));
|
|
@@ -17948,12 +17963,12 @@ class DuetToolbarLink {
|
|
|
17948
17963
|
*/
|
|
17949
17964
|
render() {
|
|
17950
17965
|
const variation = this.variation === "negative" ? "negative" : "white";
|
|
17951
|
-
return (hAsync(Host, { key: '
|
|
17966
|
+
return (hAsync(Host, { key: 'b832ea851b28b4646fe9e96daaf3c22c80d8f7b1', role: "listitem" }, hAsync("a", { key: 'fc54c56579b8d3af9779651ac6f1b1ea459f1b15', class: {
|
|
17952
17967
|
"duet-toolbar-link": true,
|
|
17953
17968
|
"duet-theme-turva": this.theme === "turva",
|
|
17954
17969
|
active: this.active,
|
|
17955
17970
|
[variation]: true,
|
|
17956
|
-
}, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '
|
|
17971
|
+
}, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '410f962aff3503e7bc290ad612e1768e0286ba34', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'f7e9577e8ff512c64164f73d25426e8f9cd154e4' }))));
|
|
17957
17972
|
}
|
|
17958
17973
|
get element() { return getElement(this); }
|
|
17959
17974
|
static get style() { return DuetToolbarLinkStyle0; }
|
|
@@ -18207,11 +18222,11 @@ class DuetTooltipButton {
|
|
|
18207
18222
|
* Always the last one in the class.
|
|
18208
18223
|
*/
|
|
18209
18224
|
render() {
|
|
18210
|
-
return (hAsync(Host, { key: '
|
|
18225
|
+
return (hAsync(Host, { key: '04f6705a481ebb216bb5df66dbdb4043b8cdef48' }, hAsync("button", { key: '49af408c735e209c64c8d0d108a966ddcbb0f4a4', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
|
|
18211
18226
|
"duet-tooltip-button": true,
|
|
18212
18227
|
"duet-tooltip-button-has-label": !!this.label,
|
|
18213
18228
|
"duet-theme-turva": this.theme === "turva",
|
|
18214
|
-
} }, hAsync("svg", { key: '
|
|
18229
|
+
} }, hAsync("svg", { key: '7861f7b8ad6482b8a64a261896ae913fa0cb5b98', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '1fe0cd6a81634da2a5b915533ade21281f478491', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), hAsync("circle", { key: '036344e0005eb10f72bdcdd5cb10a51cd7c3f589', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'b007d82c4f370fe0a60030db70e8e3f6b35953e9', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
|
|
18215
18230
|
}
|
|
18216
18231
|
get element() { return getElement(this); }
|
|
18217
18232
|
static get style() { return DuetTooltipButtonStyle0; }
|
|
@@ -18278,11 +18293,11 @@ class DuetTooltipPopup {
|
|
|
18278
18293
|
this.contentEl.focus();
|
|
18279
18294
|
}
|
|
18280
18295
|
render() {
|
|
18281
|
-
return (hAsync(Host, { key: '
|
|
18296
|
+
return (hAsync(Host, { key: '2c0a3cbe2d1e70112a8e36fb5486c0b3828fec6e' }, hAsync("div", { key: '9615ecf77473659b94f595ce74e4d193f0910c2d', class: {
|
|
18282
18297
|
"duet-tooltip": true,
|
|
18283
18298
|
"duet-theme-turva": this.theme === "turva",
|
|
18284
18299
|
"duet-tooltip-active": this.active === true,
|
|
18285
|
-
} }, hAsync(FocusGuard, { key: '
|
|
18300
|
+
} }, hAsync(FocusGuard, { key: '178d295e1ea3cb5ccc5bec86b9f3fc0d7fcdf963', moveFocusTo: this.buttonEl }), hAsync("div", { key: '1155f49ddfdb942c5ae5898fb4820a80a5c40328', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: 'c8a124d7d082b709143701811fdec18d579d57e6' })), hAsync("div", { key: 'f0e09b06cdd9f9945e99ec2b1910ff7decf89134', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: 'eedba52de69d73626caba16ba466803be54a327d', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: 'aa5ccd0ff5db12c5608f296ef3428e60fee82599', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'f66f28e0b597d51fd5823a3586e2c9a30c3c643a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'b61c91a4128f970d3fd243405d990cea29f80524' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '44f290cf1a0dbf47fe135818d42c55534f182bcb', moveFocusTo: this.contentEl }))));
|
|
18286
18301
|
}
|
|
18287
18302
|
get element() { return getElement(this); }
|
|
18288
18303
|
static get style() { return DuetTooltipPopupStyle0; }
|
|
@@ -18390,14 +18405,14 @@ class DuetTray {
|
|
|
18390
18405
|
* Always the last one in the class.
|
|
18391
18406
|
*/
|
|
18392
18407
|
render() {
|
|
18393
|
-
return (hAsync("div", { key: '
|
|
18408
|
+
return (hAsync("div", { key: '9ca451a14ab21f41ef8b413dd0695d0fa9625a08', class: {
|
|
18394
18409
|
"duet-tray": true,
|
|
18395
18410
|
"duet-tray-is-active": this.active,
|
|
18396
18411
|
"duet-tray-is-hidden": this.hiddenState,
|
|
18397
18412
|
"duet-tray-is-responsive": this.responsive,
|
|
18398
18413
|
"duet-theme-turva": this.theme === "turva",
|
|
18399
18414
|
"duet-tray-is-expandable": this.hasAdditionalContent,
|
|
18400
|
-
} }, hAsync("div", { key: '
|
|
18415
|
+
} }, hAsync("div", { key: '1363c709ec1abaf78155e81519a78af9fab1fd3b', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '7904af5a351d3438a3bd17dbf00e3a215d850fcb' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '29c834cfa4e11140ed597c440bc70466e784306c' }, hAsync("button", { key: '9c416fa9a6bf76eb3f1b3c7aba4d002cec13320c', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, hAsync("duet-icon", { key: 'bf2948293a89b14c4712cf0123158bfd6fa09f36', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '377191436c0dc3207906654df3abf2334a1dc886' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '30810b57c176998e6e304f6be52f27de5a2cd6b6', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'c82e3a298bec6767ee5ecc167348b7153f28c24c', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '5fe1b4e00504d3e98d8e17bc0eab86a27bf7b87e', name: "additional" })))))));
|
|
18401
18416
|
}
|
|
18402
18417
|
get element() { return getElement(this); }
|
|
18403
18418
|
static get style() { return DuetTrayStyle0; }
|
|
@@ -19513,10 +19528,10 @@ class DuetUpload {
|
|
|
19513
19528
|
this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
|
|
19514
19529
|
}
|
|
19515
19530
|
// @ts-ignore
|
|
19516
|
-
return (hAsync(Host, { key: '
|
|
19531
|
+
return (hAsync(Host, { key: '47088845ecb4eb7b0b6376abfb76fe4853e232ce', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '9174acaf5e4bb74a2a5e934f9472a8e0f81a00ab', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '33c273073b711205849af1b8747129df8f5a49aa', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '72e0b98ecb18243ace50165a56c54d4a5a1e80b6', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: 'f399240107a2d820d694464eb17f1f8f15d416d3', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '9fd58a29bf405ee57f265ae9203a841d227ad7fa', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '29e911f2f7c2a58972849fdff257bff29796b155', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && hAsync("slot", { key: '77c8c91b540940b1600438ef9ab90405ad74207a', name: "filefooter" }), hAsync("slot", { key: '73fedfcd5c0da1b67641be714862cd53a538f1da', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: 'd3fcc02af5d23c9a5c63711aa7bf2c9007dd3c5c', margin: "none", size: "small" }, hAsync("div", { key: '056115def027445826519a3835ad986b94034a19', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: '441f7001a92cd16da7057dfd3322e69c889634ca', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: 'aeea5d8e263240e60e80626b60278cd69293d086' }, hAsync("duet-spacer", { key: 'a5c3d8ad58100315f810e9eba30b4a7f807e35cd', size: "large" }), hAsync("duet-button", { key: '5bd13f62f6eba606e15bd0906d4a128b2766ec62', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
|
|
19517
19532
|
this.bytesMaxReached ||
|
|
19518
19533
|
this.filesToUploadExceedsLimit ||
|
|
19519
|
-
this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: '
|
|
19534
|
+
this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: 'fdd3f06419a9c8437ddb1d962351059e93def138' }, hAsync("duet-spacer", { key: 'e2c3381bd500af7106ff5588f94c506c5822ad20', size: "medium" }), hAsync("duet-alert", { key: '0c263312767097ef7a49ccced847b8e152a389bd', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), hAsync("duet-visually-hidden", { key: '7911b165d5356494f0b0226780bc2661631f0cb0', "aria-hidden": "true" }, hAsync("input", { key: '1731f7a716bc198465165d1e9cda99619e3a691f', ref: input => {
|
|
19520
19535
|
this.nativeInput = input;
|
|
19521
19536
|
}, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
|
|
19522
19537
|
"duet-upload": true,
|
|
@@ -19837,7 +19852,7 @@ class DuetUploadAriaStatus {
|
|
|
19837
19852
|
* Always the last one in the class.
|
|
19838
19853
|
*/
|
|
19839
19854
|
render() {
|
|
19840
|
-
return (hAsync(Host, { key: '
|
|
19855
|
+
return (hAsync(Host, { key: '405954504882f40e3c80907b299d9fe769768dc5', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '3d51c5dff4e4bdb597427bf90ba74bb671324c24' }, this.statusMessage)));
|
|
19841
19856
|
}
|
|
19842
19857
|
get element() { return getElement(this); }
|
|
19843
19858
|
static get watchers() { return {
|
|
@@ -20016,9 +20031,9 @@ class DuetUploadItem {
|
|
|
20016
20031
|
const { uid, meta, item } = this.data;
|
|
20017
20032
|
const Badges = meta && meta.badges ? (hAsync("span", null, meta.badges.map(badgeText => (hAsync("duet-badge", { color: "primary" }, badgeText))))) : undefined;
|
|
20018
20033
|
const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
|
|
20019
|
-
return (hAsync("div", { key: '
|
|
20034
|
+
return (hAsync("div", { key: '4533ec72c2292fab5f0e61d2190d171f70db89cd', class: {
|
|
20020
20035
|
"upload-item-row": true,
|
|
20021
|
-
} }, this.showCategory && (hAsync("div", { key: '
|
|
20036
|
+
} }, this.showCategory && (hAsync("div", { key: 'dd80cae48395c2b36a5182849099b99dc9c77d87', class: "item-categories" }, hAsync("duet-heading", { key: '2215960ba1fcfd9ae42f801dc6ee518f598de992', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '5d864dc3005e9ffb3a264dbe31e11772832039eb', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: 'd54592fef74ce524b41811a4f15b8403728f256f', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '18d338783bd27afaf5aa610e92fa2f930618bdbe', class: "item-actions" }, this.actions.map(actionItem => {
|
|
20022
20037
|
return (hAsync("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
|
|
20023
20038
|
}))));
|
|
20024
20039
|
}
|
|
@@ -20059,7 +20074,7 @@ class DuetVisuallyHidden {
|
|
|
20059
20074
|
* Always the last one in the class.
|
|
20060
20075
|
*/
|
|
20061
20076
|
render() {
|
|
20062
|
-
return (hAsync(Host, { key: '
|
|
20077
|
+
return (hAsync(Host, { key: '40bab689f97275fa029c6990b15870ef91e39d79', class: "duet-visually-hidden" }, hAsync("slot", { key: 'cb3ae19e2a3d3be5f76a62a318a75b69551d41d4' })));
|
|
20063
20078
|
}
|
|
20064
20079
|
get element() { return getElement(this); }
|
|
20065
20080
|
static get style() { return DuetVisuallyHiddenStyle0; }
|