@duetds/components 9.12.2 → 9.13.0
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 +202 -205
- package/lib/cjs/{a11y-utils-e59debeb.js → a11y-utils-7f0f44ac.js} +1 -1
- package/lib/cjs/{app-globals-f559c48a.js → app-globals-7f261ff1.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-alert.cjs.entry.js +4 -4
- package/lib/cjs/duet-badge.cjs.entry.js +4 -4
- package/lib/cjs/duet-banner.cjs.entry.js +3 -3
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
- package/lib/cjs/duet-button_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +9 -9
- package/lib/cjs/duet-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +3 -3
- package/lib/cjs/duet-choice_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
- package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
- package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
- package/lib/cjs/duet-date-picker.cjs.entry.js +5 -5
- package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +8 -8
- package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
- package/lib/cjs/duet-footer.cjs.entry.js +4 -4
- package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-header_2.cjs.entry.js +47 -10
- package/lib/cjs/duet-hero.cjs.entry.js +4 -4
- package/lib/cjs/duet-icon.cjs.entry.js +6 -6
- package/lib/cjs/duet-input_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-layout.cjs.entry.js +2 -2
- package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar.cjs.entry.js +11 -42
- package/lib/cjs/duet-modal.cjs.entry.js +11 -11
- package/lib/cjs/duet-multiselect.cjs.entry.js +9 -9
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-number-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +5 -5
- package/lib/cjs/duet-pagination_2.cjs.entry.js +16 -16
- package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-radio_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +13 -13
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +3 -3
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart.cjs.entry.js +6 -6
- package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +7 -7
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +11 -11
- package/lib/cjs/duet-slideout.cjs.entry.js +9 -9
- package/lib/cjs/duet-status-icon.cjs.entry.js +4 -4
- package/lib/cjs/duet-step_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +8 -8
- package/lib/cjs/duet-textarea.cjs.entry.js +4 -4
- package/lib/cjs/duet-toggle.cjs.entry.js +2 -2
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +8 -8
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +8 -8
- package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
- package/lib/cjs/duet-tray.cjs.entry.js +5 -5
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-803bdf0f.js → errorcodes.utils-cde5cb76.js} +1 -1
- package/lib/cjs/{focus-utils-aab4fc49.js → focus-utils-3b3e2586.js} +1 -1
- package/lib/cjs/{index-9f14a370.js → index-4babbdda.js} +1 -1
- package/lib/cjs/{language-utils-db49b98b.js → language-utils-83791d57.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-018275a5.js → slot-utils-c565d8b9.js} +1 -1
- package/lib/cjs/{themeable-component-59982a4b.js → themeable-component-a007f8ee.js} +14 -2
- package/lib/cjs/{tokens-e6fda5ee.js → tokens-22702e71.js} +0 -1
- package/lib/collection/common/themeable-component.js +13 -1
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-button/duet-button.css +6 -0
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-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 +3 -0
- package/lib/collection/components/duet-icon/duet-icon.css +5 -0
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-link/duet-link.js +2 -2
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.css +8 -0
- package/lib/collection/components/duet-logo/duet-logo.js +70 -5
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +91 -0
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +28 -39
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +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.css +12 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
- package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
- package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
- package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
- package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +2 -2
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/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 +4 -4
- package/lib/dist-custom-elements/duet-breadcrumb.js +8 -8
- package/lib/dist-custom-elements/duet-breadcrumbs.js +4 -4
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +5 -5
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +4 -4
- 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 +9 -9
- package/lib/dist-custom-elements/duet-choice.js +5 -5
- package/lib/dist-custom-elements/duet-collapsible.js +5 -5
- package/lib/dist-custom-elements/duet-combobox.js +16 -16
- package/lib/dist-custom-elements/duet-contact-card.js +11 -11
- package/lib/dist-custom-elements/duet-cookie-consent.js +7 -7
- package/lib/dist-custom-elements/duet-date-picker.js +14 -14
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +8 -8
- 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 +3 -3
- package/lib/dist-custom-elements/duet-footer.js +8 -8
- 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 +11 -11
- 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 +1 -1
- 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 +5 -5
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +5 -5
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +7 -7
- package/lib/dist-custom-elements/duet-menu-bar-item.js +5 -5
- package/lib/dist-custom-elements/duet-menu-bar-link.js +5 -5
- package/lib/dist-custom-elements/duet-menu-bar.js +14 -43
- package/lib/dist-custom-elements/duet-modal.js +15 -15
- package/lib/dist-custom-elements/duet-multiselect.js +15 -15
- package/lib/dist-custom-elements/duet-nav.js +3 -3
- package/lib/dist-custom-elements/duet-notification-drawer.js +7 -7
- package/lib/dist-custom-elements/duet-notification.js +5 -5
- package/lib/dist-custom-elements/duet-number-input.js +12 -12
- package/lib/dist-custom-elements/duet-overlay.js +1 -1
- package/lib/dist-custom-elements/duet-page-heading.js +7 -7
- package/lib/dist-custom-elements/duet-pagination.js +25 -25
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-phone-input.js +17 -17
- package/lib/dist-custom-elements/duet-popup-menu-item.js +1 -1
- 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 +6 -6
- package/lib/dist-custom-elements/duet-radio-group.js +9 -9
- package/lib/dist-custom-elements/duet-radio.js +2 -2
- package/lib/dist-custom-elements/duet-range-slider.js +3 -3
- package/lib/dist-custom-elements/duet-range-stepper.js +7 -7
- 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 +4 -4
- package/lib/dist-custom-elements/duet-share-chart-item.js +2 -2
- package/lib/dist-custom-elements/duet-share-chart.js +5 -5
- 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 +5 -5
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +7 -7
- package/lib/dist-custom-elements/duet-slideout-panel.js +9 -9
- package/lib/dist-custom-elements/duet-slideout.js +8 -8
- 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-status-icon.js +1 -1
- package/lib/dist-custom-elements/duet-step.js +5 -5
- package/lib/dist-custom-elements/duet-stepper.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +5 -5
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +8 -8
- package/lib/dist-custom-elements/duet-submenu-bar-item.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar.js +10 -10
- package/lib/dist-custom-elements/duet-tab-group.js +12 -12
- package/lib/dist-custom-elements/duet-tab.js +2 -2
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +11 -11
- package/lib/dist-custom-elements/duet-toggle.js +3 -3
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +5 -5
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +7 -7
- package/lib/dist-custom-elements/duet-toolbar-item.js +6 -6
- package/lib/dist-custom-elements/duet-toolbar-link.js +5 -5
- package/lib/dist-custom-elements/duet-toolbar.js +4 -4
- 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 +6 -6
- 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 +23 -23
- 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-64abcbeb.js → p-06beac61.js} +2 -2
- package/lib/dist-custom-elements/{p-e40817b6.js → p-0c829768.js} +2 -2
- package/lib/dist-custom-elements/{p-f42fd1a5.js → p-1027ea53.js} +7 -7
- package/lib/dist-custom-elements/{p-5fb435c0.js → p-1271d1b9.js} +4 -4
- package/lib/dist-custom-elements/{p-ccf00480.js → p-12884dcf.js} +4 -4
- package/lib/dist-custom-elements/{p-d6d3f142.js → p-13082a20.js} +3 -3
- package/lib/dist-custom-elements/{p-1f214262.js → p-135f668d.js} +2 -2
- package/lib/dist-custom-elements/{p-b879c406.js → p-16151d9e.js} +2 -2
- package/lib/dist-custom-elements/{p-b7e3ed2c.js → p-2582f9a3.js} +4 -4
- package/lib/dist-custom-elements/{p-6f7ac4a5.js → p-276a59a3.js} +4 -4
- package/lib/dist-custom-elements/{p-3d69644c.js → p-2dcb2900.js} +9 -9
- package/lib/dist-custom-elements/{p-93896e54.js → p-2e148296.js} +8 -8
- package/lib/dist-custom-elements/{p-6f57e174.js → p-3757c660.js} +13 -1
- package/lib/dist-custom-elements/{p-71245313.js → p-3c558254.js} +13 -13
- package/lib/dist-custom-elements/{p-e7c96fb9.js → p-46749593.js} +3 -3
- package/lib/dist-custom-elements/{p-daa2778f.js → p-47d05b62.js} +1 -1
- package/lib/dist-custom-elements/{p-7b0e3959.js → p-4e53b45e.js} +2 -2
- package/lib/dist-custom-elements/{p-3600a7d8.js → p-55c477f3.js} +3 -3
- package/lib/dist-custom-elements/{p-c4cf8fc4.js → p-63a0bdcd.js} +2 -2
- package/lib/dist-custom-elements/{p-4f46d35d.js → p-653d2256.js} +11 -11
- package/lib/dist-custom-elements/{p-1a647490.js → p-67e54308.js} +6 -6
- package/lib/dist-custom-elements/{p-6f969e11.js → p-70b67cdd.js} +4 -4
- package/lib/dist-custom-elements/{p-b1100334.js → p-7fd99694.js} +8 -8
- package/lib/dist-custom-elements/{p-64f1c43c.js → p-80bbbb3a.js} +6 -6
- package/lib/dist-custom-elements/{p-dbe0ddfd.js → p-8c472242.js} +1 -1
- package/lib/dist-custom-elements/{p-14f9f7a0.js → p-911326a0.js} +2 -2
- package/lib/dist-custom-elements/{p-1d53e17e.js → p-a000e044.js} +3 -3
- package/lib/dist-custom-elements/{p-16f01714.js → p-aa4ebea4.js} +6 -6
- package/lib/dist-custom-elements/{p-1b344cf7.js → p-ad927290.js} +2 -2
- package/lib/dist-custom-elements/{p-0c936fe5.js → p-b660d362.js} +11 -11
- package/lib/dist-custom-elements/{p-b760d510.js → p-be9b9c9d.js} +6 -6
- package/lib/dist-custom-elements/{p-e024b525.js → p-c1e381e3.js} +4 -4
- package/lib/dist-custom-elements/{p-38225a71.js → p-c7002b0e.js} +46 -7
- package/lib/dist-custom-elements/{p-69ca7615.js → p-ca899a3c.js} +5 -5
- package/lib/dist-custom-elements/{p-9f5cbda4.js → p-cdf4b7f6.js} +4 -4
- package/lib/dist-custom-elements/{p-74971fe9.js → p-d60c7d74.js} +3 -3
- package/lib/dist-custom-elements/{p-b34c0bc0.js → p-de35873c.js} +2 -2
- package/lib/dist-custom-elements/{p-5c0ef833.js → p-e3280064.js} +13 -13
- package/lib/dist-custom-elements/{p-32a8ced7.js → p-e8dc8877.js} +5 -5
- package/lib/dist-custom-elements/{p-d32bd233.js → p-eb60efcc.js} +1 -1
- package/lib/dist-custom-elements/{p-0b77ee39.js → p-f7d93067.js} +6 -6
- package/lib/dist-custom-elements/{p-ff3742a3.js → p-f80dea81.js} +5 -5
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-02922551.entry.js → p-01965153.entry.js} +1 -1
- package/lib/duet/{p-8cfba882.system.entry.js → p-024c34d9.system.entry.js} +1 -1
- package/lib/duet/{p-7ff43e10.system.entry.js → p-02aca5ee.system.entry.js} +1 -1
- package/lib/duet/{p-9e73ce43.system.entry.js → p-03e76030.system.entry.js} +1 -1
- package/lib/duet/{p-cc2adccb.system.entry.js → p-04e49b2e.system.entry.js} +1 -1
- package/lib/duet/{p-a6c30abd.entry.js → p-05fc82b0.entry.js} +1 -1
- package/lib/duet/{p-2a1dd592.entry.js → p-077813ae.entry.js} +1 -1
- package/lib/duet/{p-00e5d987.system.entry.js → p-080a85af.system.entry.js} +1 -1
- package/lib/duet/{p-f2277c25.system.entry.js → p-0990faec.system.entry.js} +1 -1
- package/lib/duet/{p-1f45b3af.system.entry.js → p-0a405da0.system.entry.js} +1 -1
- package/lib/duet/{p-5d2cba5e.system.entry.js → p-0a72cb14.system.entry.js} +1 -1
- package/lib/duet/{p-7b01ab6d.system.entry.js → p-0aaac3fd.system.entry.js} +1 -1
- package/lib/duet/{p-6f5c7766.system.entry.js → p-0dd78a56.system.entry.js} +1 -1
- package/lib/duet/p-0e1d879e.system.js +4 -0
- package/lib/duet/{p-fa43f6c2.system.entry.js → p-0e4fe522.system.entry.js} +1 -1
- package/lib/duet/{p-d17b23fc.entry.js → p-1390ae19.entry.js} +1 -1
- package/lib/duet/{p-651d3dec.entry.js → p-13dce266.entry.js} +1 -1
- package/lib/duet/{p-fdf1fec8.entry.js → p-1425b59f.entry.js} +1 -1
- package/lib/duet/{p-24dcf46b.entry.js → p-144182a4.entry.js} +1 -1
- package/lib/duet/{p-0fa3c05b.entry.js → p-14f51a29.entry.js} +1 -1
- package/lib/duet/{p-4f87023e.entry.js → p-1657ff9a.entry.js} +1 -1
- package/lib/duet/{p-9b88b8f4.entry.js → p-17029aad.entry.js} +1 -1
- package/lib/duet/{p-0db9de80.system.entry.js → p-17ed0be9.system.entry.js} +1 -1
- package/lib/duet/{p-987e96a5.entry.js → p-1830fafe.entry.js} +1 -1
- package/lib/duet/{p-628dc72c.system.entry.js → p-18e13eb6.system.entry.js} +1 -1
- package/lib/duet/{p-23eb5520.entry.js → p-1b355115.entry.js} +1 -1
- package/lib/duet/{p-e70e9c50.system.entry.js → p-1be0f96f.system.entry.js} +2 -2
- package/lib/duet/p-1ca12248.entry.js +4 -0
- package/lib/duet/{p-83ea5225.js → p-1fe5a7e9.js} +1 -1
- package/lib/duet/{p-78376f40.system.entry.js → p-20669a1b.system.entry.js} +1 -1
- package/lib/duet/{p-16432cd4.entry.js → p-20baa68b.entry.js} +1 -1
- package/lib/duet/{p-d8323868.entry.js → p-22ae0db4.entry.js} +1 -1
- package/lib/duet/{p-1bd4baef.system.entry.js → p-22f40c48.system.entry.js} +1 -1
- package/lib/duet/{p-21208eb0.entry.js → p-24cc3a49.entry.js} +1 -1
- package/lib/duet/{p-c1c77f83.entry.js → p-2519a1b2.entry.js} +1 -1
- package/lib/duet/{p-e9e4825a.system.entry.js → p-25bfda5f.system.entry.js} +1 -1
- package/lib/duet/{p-4bb9c12b.system.entry.js → p-2d6cd3b0.system.entry.js} +1 -1
- package/lib/duet/{p-5638079e.system.entry.js → p-2fe6628e.system.entry.js} +2 -2
- package/lib/duet/{p-35580d9e.entry.js → p-328f8f18.entry.js} +1 -1
- package/lib/duet/{p-3c7d3755.entry.js → p-333f7ae7.entry.js} +1 -1
- package/lib/duet/{p-c1a9ca3f.entry.js → p-3372296f.entry.js} +1 -1
- package/lib/duet/{p-ce063cbd.system.entry.js → p-33a9413f.system.entry.js} +1 -1
- package/lib/duet/{p-88317c08.entry.js → p-33ee2b28.entry.js} +1 -1
- package/lib/duet/{p-67d84e6e.system.entry.js → p-35d651a8.system.entry.js} +1 -1
- package/lib/duet/{p-940ed1a1.entry.js → p-38baa305.entry.js} +1 -1
- package/lib/duet/p-3aecf400.system.entry.js +4 -0
- package/lib/duet/{p-bf62ea4a.entry.js → p-3b760329.entry.js} +1 -1
- package/lib/duet/{p-911830a9.entry.js → p-3c29e0ba.entry.js} +1 -1
- package/lib/duet/{p-8d5ebdab.system.entry.js → p-3c2cf893.system.entry.js} +1 -1
- package/lib/duet/{p-7fe2a579.entry.js → p-3c438fec.entry.js} +1 -1
- package/lib/duet/{p-f0354143.system.entry.js → p-3cbeb209.system.entry.js} +1 -1
- package/lib/duet/{p-82412ccb.entry.js → p-3cd37502.entry.js} +1 -1
- package/lib/duet/p-3ea64651.entry.js +4 -0
- package/lib/duet/{p-587b5b14.system.entry.js → p-40edc180.system.entry.js} +1 -1
- package/lib/duet/{p-705d56cf.entry.js → p-41a3f8ed.entry.js} +1 -1
- package/lib/duet/{p-4ca291e2.entry.js → p-435ed67f.entry.js} +1 -1
- package/lib/duet/{p-5a144646.entry.js → p-43c4d670.entry.js} +1 -1
- package/lib/duet/{p-c4ea6d92.entry.js → p-4421763f.entry.js} +1 -1
- package/lib/duet/{p-c8df1d39.entry.js → p-442cac9c.entry.js} +1 -1
- package/lib/duet/{p-6bbb4dd9.entry.js → p-4509c90e.entry.js} +1 -1
- package/lib/duet/{p-02785b42.system.entry.js → p-45cb4d7f.system.entry.js} +1 -1
- package/lib/duet/{p-594f7ff9.entry.js → p-473febb8.entry.js} +1 -1
- package/lib/duet/{p-11f51d65.entry.js → p-4cae058e.entry.js} +1 -1
- package/lib/duet/{p-053c4b67.system.entry.js → p-4dd14bc1.system.entry.js} +1 -1
- package/lib/duet/{p-21fb0158.entry.js → p-4ead37f9.entry.js} +1 -1
- package/lib/duet/{p-b87f5ff8.system.entry.js → p-5026ba81.system.entry.js} +2 -2
- package/lib/duet/{p-af0e060c.system.js → p-5122eee8.system.js} +1 -1
- package/lib/duet/p-519fef05.system.js +4 -0
- package/lib/duet/{p-1df441b0.system.entry.js → p-526bce13.system.entry.js} +1 -1
- package/lib/duet/{p-62a9692f.entry.js → p-570a2d5c.entry.js} +1 -1
- package/lib/duet/{p-0dac0f34.system.entry.js → p-590505a4.system.entry.js} +1 -1
- package/lib/duet/{p-21090503.system.entry.js → p-5a1dbce7.system.entry.js} +1 -1
- package/lib/duet/{p-3c412042.system.entry.js → p-5aeec4ac.system.entry.js} +1 -1
- package/lib/duet/{p-7d861055.entry.js → p-5c01b990.entry.js} +1 -1
- package/lib/duet/{p-ebf7a3ac.system.entry.js → p-5c48b80a.system.entry.js} +1 -1
- package/lib/duet/{p-f9be6c4a.system.entry.js → p-60ef6c46.system.entry.js} +1 -1
- package/lib/duet/{p-833d7be7.system.entry.js → p-61198184.system.entry.js} +1 -1
- package/lib/duet/{p-ef4fea1b.entry.js → p-618a0f3a.entry.js} +1 -1
- package/lib/duet/{p-b159c0a9.entry.js → p-62ba7ee2.entry.js} +1 -1
- package/lib/duet/p-63a67247.js +4 -0
- package/lib/duet/p-662c351a.system.js +4 -0
- package/lib/duet/{p-da1458e1.system.entry.js → p-68d50809.system.entry.js} +1 -1
- package/lib/duet/{p-32971abc.entry.js → p-7194f790.entry.js} +1 -1
- package/lib/duet/{p-618232f5.system.entry.js → p-71a2b27b.system.entry.js} +2 -2
- package/lib/duet/{p-a3a2f086.system.entry.js → p-71a70553.system.entry.js} +1 -1
- package/lib/duet/{p-fcf1b096.entry.js → p-73666dbd.entry.js} +1 -1
- package/lib/duet/p-75fdf144.system.js +4 -0
- package/lib/duet/{p-6a455c03.entry.js → p-7686eb1f.entry.js} +1 -1
- package/lib/duet/{p-03eb030a.system.entry.js → p-7761f427.system.entry.js} +1 -1
- package/lib/duet/{p-7013ce09.system.entry.js → p-7789db31.system.entry.js} +1 -1
- package/lib/duet/p-78033ea5.js +4 -0
- package/lib/duet/{p-bca76d73.entry.js → p-7930882f.entry.js} +1 -1
- package/lib/duet/p-79562f98.entry.js +4 -0
- package/lib/duet/{p-f87be171.system.entry.js → p-7adab44d.system.entry.js} +1 -1
- package/lib/duet/{p-474c40d9.system.entry.js → p-7d050716.system.entry.js} +1 -1
- package/lib/duet/{p-a0a43bf4.entry.js → p-7d10302e.entry.js} +1 -1
- package/lib/duet/{p-5b0acd52.system.entry.js → p-808d9dc7.system.entry.js} +2 -2
- package/lib/duet/{p-10bfafcf.entry.js → p-80c89ac1.entry.js} +1 -1
- package/lib/duet/{p-437e64f1.system.entry.js → p-836bee60.system.entry.js} +2 -2
- package/lib/duet/{p-ca812b3c.entry.js → p-844d9170.entry.js} +1 -1
- package/lib/duet/{p-8e0952b2.entry.js → p-85167dd4.entry.js} +1 -1
- package/lib/duet/{p-98eddabd.entry.js → p-8522541f.entry.js} +1 -1
- package/lib/duet/{p-0b74ce31.entry.js → p-85696a8e.entry.js} +1 -1
- package/lib/duet/p-88dda3dd.entry.js +4 -0
- package/lib/duet/{p-6916bba8.entry.js → p-8975b5ee.entry.js} +1 -1
- package/lib/duet/{p-d064df5e.js → p-89a1d75a.js} +1 -1
- package/lib/duet/{p-2819123b.system.entry.js → p-8a02bd75.system.entry.js} +1 -1
- package/lib/duet/{p-8bf31541.system.entry.js → p-8b350472.system.entry.js} +1 -1
- package/lib/duet/{p-8173dd50.system.entry.js → p-8bed4283.system.entry.js} +2 -2
- package/lib/duet/{p-0454a8c6.entry.js → p-8c1442ff.entry.js} +1 -1
- package/lib/duet/{p-40295380.js → p-8c2abe91.js} +1 -1
- package/lib/duet/{p-b3b3b6d2.system.entry.js → p-8c66abfb.system.entry.js} +2 -2
- package/lib/duet/{p-dab809f9.entry.js → p-8da3b624.entry.js} +1 -1
- package/lib/duet/{p-7053f582.entry.js → p-8e5de54a.entry.js} +1 -1
- package/lib/duet/{p-e06e9231.entry.js → p-9004d8ff.entry.js} +1 -1
- package/lib/duet/p-9608ad22.system.js +4 -0
- package/lib/duet/p-9615338f.system.entry.js +4 -0
- package/lib/duet/{p-85d98f00.entry.js → p-964cab98.entry.js} +1 -1
- package/lib/duet/{p-f58be348.system.entry.js → p-97393e12.system.entry.js} +1 -1
- package/lib/duet/{p-3bffb004.system.entry.js → p-98feb289.system.entry.js} +1 -1
- package/lib/duet/{p-f074b245.entry.js → p-9c201da2.entry.js} +1 -1
- package/lib/duet/{p-3e995aa9.entry.js → p-9e4e3a7d.entry.js} +1 -1
- package/lib/duet/{p-bf06650e.js → p-9eed5f82.js} +1 -1
- package/lib/duet/{p-72b80f54.entry.js → p-9f1e07cc.entry.js} +1 -1
- package/lib/duet/{p-025452a3.system.entry.js → p-9faf2ac2.system.entry.js} +1 -1
- package/lib/duet/p-a03fcf76.system.js +4 -0
- package/lib/duet/{p-e6c3d5b0.system.entry.js → p-a04ebea2.system.entry.js} +1 -1
- package/lib/duet/p-a41a83dc.system.entry.js +4 -0
- package/lib/duet/{p-ede03d44.system.entry.js → p-a51a1f94.system.entry.js} +1 -1
- package/lib/duet/{p-1f5772a7.entry.js → p-a8e26d38.entry.js} +1 -1
- package/lib/duet/{p-a820ff4d.system.entry.js → p-aadd382f.system.entry.js} +1 -1
- package/lib/duet/{p-6288d368.system.entry.js → p-ab7e07be.system.entry.js} +1 -1
- package/lib/duet/{p-d5ceec92.system.entry.js → p-ad43bd23.system.entry.js} +1 -1
- package/lib/duet/{p-69d12878.entry.js → p-af3397e6.entry.js} +1 -1
- package/lib/duet/p-b036d747.entry.js +4 -0
- package/lib/duet/{p-fa843791.entry.js → p-b094d253.entry.js} +1 -1
- package/lib/duet/{p-b9189fc1.js → p-b16705db.js} +1 -1
- package/lib/duet/{p-1eed0b1c.system.entry.js → p-b3f5912a.system.entry.js} +1 -1
- package/lib/duet/{p-822bbe28.system.entry.js → p-b5191612.system.entry.js} +1 -1
- package/lib/duet/{p-c1884875.entry.js → p-b5cb52b3.entry.js} +1 -1
- package/lib/duet/{p-61e21220.system.js → p-b5eb657a.system.js} +1 -1
- package/lib/duet/{p-64709c5e.system.entry.js → p-b6578600.system.entry.js} +1 -1
- package/lib/duet/{p-e9b88155.system.entry.js → p-b9af2990.system.entry.js} +2 -2
- package/lib/duet/{p-c6497425.entry.js → p-baf03e8b.entry.js} +1 -1
- package/lib/duet/{p-2c09d10f.entry.js → p-bb71c581.entry.js} +1 -1
- package/lib/duet/{p-723a5a2f.system.entry.js → p-bc44defc.system.entry.js} +1 -1
- package/lib/duet/{p-c9c52ec2.entry.js → p-bfa13cf6.entry.js} +1 -1
- package/lib/duet/{p-14108f66.entry.js → p-bffda5ab.entry.js} +1 -1
- package/lib/duet/p-c23c9c77.entry.js +4 -0
- package/lib/duet/{p-43a8d843.system.entry.js → p-c45ddc7a.system.entry.js} +1 -1
- package/lib/duet/{p-33e24f0b.system.entry.js → p-c4eb60a1.system.entry.js} +2 -2
- package/lib/duet/{p-6ab8cc04.system.entry.js → p-c59fbbb1.system.entry.js} +1 -1
- package/lib/duet/{p-db1a5bf4.system.entry.js → p-c658fdf2.system.entry.js} +1 -1
- package/lib/duet/{p-e430fc87.system.entry.js → p-c6c01a4f.system.entry.js} +1 -1
- package/lib/duet/{p-903b934c.system.entry.js → p-c6e60d08.system.entry.js} +1 -1
- package/lib/duet/{p-79bccb1f.system.entry.js → p-cc22486b.system.entry.js} +1 -1
- package/lib/duet/{p-fc9148a1.entry.js → p-cf5551f7.entry.js} +1 -1
- package/lib/duet/{p-326ef77a.system.entry.js → p-d0b648c5.system.entry.js} +1 -1
- package/lib/duet/{p-a157e1cc.entry.js → p-d1c7c87b.entry.js} +1 -1
- package/lib/duet/{p-91df376b.entry.js → p-d4e9333f.entry.js} +1 -1
- package/lib/duet/{p-013ff1b1.entry.js → p-d5a2f426.entry.js} +1 -1
- package/lib/duet/{p-1c58f3a1.system.entry.js → p-d5ad1dca.system.entry.js} +1 -1
- package/lib/duet/{p-41bafdf1.system.entry.js → p-d610918e.system.entry.js} +1 -1
- package/lib/duet/{p-5d7af988.system.js → p-d63c92fc.system.js} +1 -1
- package/lib/duet/{p-feb01054.entry.js → p-d87768a3.entry.js} +1 -1
- package/lib/duet/{p-89a1fa97.system.entry.js → p-d977fe38.system.entry.js} +1 -1
- package/lib/duet/{p-c1db69bc.system.entry.js → p-dd011cf1.system.entry.js} +2 -2
- package/lib/duet/{p-386fdf47.system.entry.js → p-e124ed8c.system.entry.js} +2 -2
- package/lib/duet/{p-61f97ebd.system.entry.js → p-e2e84fa3.system.entry.js} +1 -1
- package/lib/duet/{p-46ba82ab.system.entry.js → p-e4bda446.system.entry.js} +1 -1
- package/lib/duet/{p-dc12856e.system.entry.js → p-e538f43c.system.entry.js} +1 -1
- package/lib/duet/{p-0f945464.entry.js → p-e5716306.entry.js} +1 -1
- package/lib/duet/p-e5f1e38a.js +4 -0
- package/lib/duet/{p-5da25b76.entry.js → p-e762de37.entry.js} +1 -1
- package/lib/duet/{p-0aa18687.system.entry.js → p-e8059b67.system.entry.js} +1 -1
- package/lib/duet/{p-38d5c9e6.entry.js → p-e9e59d73.entry.js} +1 -1
- package/lib/duet/{p-d32bd233.js → p-eb60efcc.js} +1 -1
- package/lib/duet/{p-4ded9936.entry.js → p-ecb06d44.entry.js} +1 -1
- package/lib/duet/{p-9cc1306c.entry.js → p-ece11bcb.entry.js} +1 -1
- package/lib/duet/{p-9516f5fc.system.entry.js → p-ecf25e2f.system.entry.js} +1 -1
- package/lib/duet/{p-7b43d889.system.entry.js → p-f01d0296.system.entry.js} +1 -1
- package/lib/duet/{p-3b7bc2eb.entry.js → p-f38adc18.entry.js} +1 -1
- package/lib/duet/{p-b7a29ea3.system.entry.js → p-f482b5af.system.entry.js} +1 -1
- package/lib/duet/{p-a445ce8a.entry.js → p-f6ada3f6.entry.js} +1 -1
- package/lib/duet/{p-f787b33c.entry.js → p-f740cd96.entry.js} +1 -1
- package/lib/duet/{p-adeb1555.system.js → p-f78b9d60.system.js} +1 -1
- package/lib/duet/{p-563804e0.system.entry.js → p-f7a30994.system.entry.js} +1 -1
- package/lib/esm/{a11y-utils-e494647a.js → a11y-utils-d44f1172.js} +1 -1
- package/lib/esm/{app-globals-ba36fb7c.js → app-globals-5ec0d260.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +3 -3
- package/lib/esm/duet-alert.entry.js +4 -4
- package/lib/esm/duet-badge.entry.js +4 -4
- package/lib/esm/duet-banner.entry.js +3 -3
- package/lib/esm/duet-breadcrumb.entry.js +7 -7
- package/lib/esm/duet-breadcrumbs.entry.js +5 -5
- package/lib/esm/duet-button_2.entry.js +6 -6
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +9 -9
- package/lib/esm/duet-card.entry.js +3 -3
- package/lib/esm/duet-checkbox.entry.js +2 -2
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +3 -3
- package/lib/esm/duet-choice_2.entry.js +4 -4
- package/lib/esm/duet-collapsible.entry.js +4 -4
- package/lib/esm/duet-combobox.entry.js +4 -4
- package/lib/esm/duet-contact-card.entry.js +5 -5
- package/lib/esm/duet-cookie-consent.entry.js +2 -2
- package/lib/esm/duet-date-picker.entry.js +5 -5
- package/lib/esm/duet-divider_2.entry.js +3 -3
- package/lib/esm/duet-editable-table_3.entry.js +8 -8
- package/lib/esm/duet-empty-state.entry.js +2 -2
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +2 -2
- package/lib/esm/duet-footer.entry.js +4 -4
- package/lib/esm/duet-grid_2.entry.js +2 -2
- package/lib/esm/duet-header_2.entry.js +47 -10
- package/lib/esm/duet-hero.entry.js +4 -4
- package/lib/esm/duet-icon.entry.js +6 -6
- package/lib/esm/duet-input_2.entry.js +4 -4
- package/lib/esm/duet-layout.entry.js +2 -2
- package/lib/esm/duet-list_2.entry.js +4 -4
- package/lib/esm/duet-menu-bar-button.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-menu-bar-item.entry.js +7 -7
- package/lib/esm/duet-menu-bar-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar.entry.js +11 -42
- package/lib/esm/duet-modal.entry.js +11 -11
- package/lib/esm/duet-multiselect.entry.js +9 -9
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +7 -7
- package/lib/esm/duet-number-input.entry.js +4 -4
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +5 -5
- package/lib/esm/duet-pagination_2.entry.js +16 -16
- package/lib/esm/duet-phone-input.entry.js +4 -4
- package/lib/esm/duet-popup-menu_2.entry.js +6 -6
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +5 -5
- package/lib/esm/duet-radio_2.entry.js +3 -3
- package/lib/esm/duet-range-slider.entry.js +2 -2
- package/lib/esm/duet-scrollable_3.entry.js +13 -13
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +3 -3
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +2 -2
- package/lib/esm/duet-share-chart.entry.js +6 -6
- package/lib/esm/duet-show-more.entry.js +5 -5
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +7 -7
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +11 -11
- package/lib/esm/duet-slideout.entry.js +9 -9
- package/lib/esm/duet-status-icon.entry.js +4 -4
- package/lib/esm/duet-step_2.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar.entry.js +8 -8
- package/lib/esm/duet-textarea.entry.js +4 -4
- package/lib/esm/duet-toggle.entry.js +2 -2
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
- package/lib/esm/duet-toolbar-item.entry.js +8 -8
- package/lib/esm/duet-toolbar-link.entry.js +4 -4
- package/lib/esm/duet-toolbar.entry.js +4 -4
- package/lib/esm/duet-tooltip-button_2.entry.js +8 -8
- package/lib/esm/duet-tooltip.entry.js +4 -4
- package/lib/esm/duet-tray.entry.js +5 -5
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-f1b68042.js → errorcodes.utils-4ce3105d.js} +1 -1
- package/lib/esm/{focus-utils-b131ac81.js → focus-utils-0d727936.js} +1 -1
- package/lib/esm/{index-822baec2.js → index-5757a151.js} +1 -1
- package/lib/esm/{language-utils-2038d09e.js → language-utils-1aea3619.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-5410a171.js → slot-utils-03502471.js} +1 -1
- package/lib/esm/{themeable-component-4e1ca2f5.js → themeable-component-e507940b.js} +14 -2
- package/lib/esm/{tokens-85fb95d1.js → tokens-57aa1508.js} +1 -1
- package/lib/esm-es5/{a11y-utils-e494647a.js → a11y-utils-d44f1172.js} +1 -1
- package/lib/esm-es5/{app-globals-ba36fb7c.js → app-globals-5ec0d260.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 +1 -1
- 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 +2 -2
- package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
- 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 +2 -2
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +2 -2
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- 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-phone-input.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu_2.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +2 -2
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-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-share-chart-item.entry.js +1 -1
- package/lib/esm-es5/duet-share-chart.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 +1 -1
- package/lib/esm-es5/duet-status-icon.entry.js +1 -1
- 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 +2 -2
- package/lib/esm-es5/duet-toolbar-item.entry.js +2 -2
- 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 +2 -2
- 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-f1b68042.js → errorcodes.utils-4ce3105d.js} +1 -1
- package/lib/esm-es5/focus-utils-0d727936.js +4 -0
- package/lib/esm-es5/{index-822baec2.js → index-5757a151.js} +1 -1
- package/lib/esm-es5/{language-utils-2038d09e.js → language-utils-1aea3619.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{slot-utils-5410a171.js → slot-utils-03502471.js} +1 -1
- package/lib/esm-es5/themeable-component-e507940b.js +4 -0
- package/lib/esm-es5/{tokens-85fb95d1.js → tokens-57aa1508.js} +1 -1
- package/lib/types/components/duet-logo/duet-logo.d.ts +8 -0
- package/lib/types/components/duet-menu-bar/duet-menu-bar.d.ts +5 -4
- package/lib/types/components.d.ts +9 -0
- package/package.json +4 -4
- package/lib/duet/p-0a7ee399.js +0 -4
- package/lib/duet/p-0e7cf850.js +0 -4
- package/lib/duet/p-1c8887ea.entry.js +0 -4
- package/lib/duet/p-242bcacd.system.js +0 -4
- package/lib/duet/p-25da61f0.entry.js +0 -4
- package/lib/duet/p-27219a43.js +0 -4
- package/lib/duet/p-4c6198ef.system.entry.js +0 -4
- package/lib/duet/p-4e9fc9dc.system.js +0 -4
- package/lib/duet/p-586ba4e6.system.entry.js +0 -4
- package/lib/duet/p-91d5d8cb.entry.js +0 -4
- package/lib/duet/p-9d336f77.system.js +0 -4
- package/lib/duet/p-d64b13f1.system.entry.js +0 -4
- package/lib/duet/p-d80ae90e.system.js +0 -4
- package/lib/duet/p-dff0867d.system.js +0 -4
- package/lib/duet/p-e50a2f96.system.js +0 -4
- package/lib/duet/p-f0566568.entry.js +0 -4
- package/lib/duet/p-f528fb99.entry.js +0 -4
- package/lib/duet/p-f713c32c.entry.js +0 -4
- package/lib/esm-es5/focus-utils-b131ac81.js +0 -4
- package/lib/esm-es5/themeable-component-4e1ca2f5.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as r,H as d,g as a}from"./p-bf06650e.js";import{i as s,j as i,k as u,l as n}from"./p-17efced0.js";import{i as o}from"./p-0e7cf850.js";import{c as g}from"./p-5e59e970.js";import{i as l}from"./p-43b89e38.js";import{s as c,u as h}from"./p-a45e3f8b.js";const b={turva:{active:s,inactive:i},default:{active:u,inactive:n}},m=class{constructor(r){e(this,r),this.duetChange=t(this,"duetChange",3),this.duetInput=t(this,"duetInput",7),this.rangeId=g("DuetRange"),this.onInput=e=>{const t=e.target;t&&(this.value=parseFloat(t.value)||0),this.duetInput.emit({originalEvent:e,value:this.value,component:"duet-range-slider"})},this.onChange=e=>{const t=e.target;t&&(this.value=parseFloat(t.value)||0),clearTimeout(this.timeoutId),this.timeoutId=setTimeout((()=>{this.duetChange.emit({originalEvent:e,value:this.value,component:"duet-range-slider"})}),this.debounce)},this.theme="",this.margin="auto",this.expand=!1,this.identifier=void 0,this.name=void 0,this.required=!1,this.disabled=!1,this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.min=0,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.unit="",this.max=100,this.step=1,this.locale="fi-FI",this.value=0,this.debounce=0}componentWillLoad(){o(this)}connectedCallback(){c(this)}disconnectedCallback(){h(this)}async setFocus(e){this.nativeInput.focus(e)}calculatePercentage(){return(this.value-this.min)/(this.max-this.min)*100}render(){const e=this.identifier||this.rangeId,t="turva"===this.theme?"turva":"default",{inactive:a,active:s}=b[t],i=this.calculatePercentage(),u={background:`-webkit-linear-gradient(left,${s} 0%,${s} ${i}%,${a} ${i}%)`};return r(d,{class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},r("div",{class:{"duet-range-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-ie":l(),"duet-range-disabled":this.disabled}},r("duet-label",{theme:t,color:this.labelColor,weight:this.labelWeight,margin:"small",for:e},this.label),r("output",{"aria-hidden":"true",htmlFor:e,class:"duet-output"},this.value.toLocaleString(this.locale),this.unit),r("input",{onInput:this.onInput,onChange:this.onChange,ref:e=>this.nativeInput=e,type:"range",min:this.min,max:this.max,step:this.step,value:this.value,style:u,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} ${this.unit}`,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,id:e,name:this.name,disabled:this.disabled,required:this.required,class:"duet-range"})))}get element(){return a(this)}};m.style='*.sc-duet-range-slider,*.sc-duet-range-slider::after,*.sc-duet-range-slider::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-range-slider-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-range-slider-h:last-child,.sc-duet-range-slider-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-range-slider-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-range-slider-h{width:100% !important}}.duet-m-0.sc-duet-range-slider-h{margin:0 !important}.duet-range-container.sc-duet-range-slider{position:relative;width:100%}.duet-output.sc-duet-range-slider{position:absolute;top:12px;right:0;z-index:200;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-range-disabled.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(127, 150, 165)}.duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(143, 147, 158)}.duet-range.sc-duet-range-slider{position:relative;z-index:100;width:100%;height:4px;background:rgb(181, 198, 208);border-radius:4px}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:rgb(199, 202, 207)}.duet-ie.sc-duet-range-slider .duet-range.sc-duet-range-slider{display:block;width:auto;height:26px;background:transparent !important}.duet-range.sc-duet-range-slider::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range.sc-duet-range-slider::-ms-track{color:transparent;background:transparent;border:0}.duet-range.sc-duet-range-slider:focus,.duet-range.sc-duet-range-slider:active{outline:0}.user-is-tabbing.sc-duet-range-slider-h .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range.sc-duet-range-slider::-webkit-slider-runnable-track{background:transparent}.duet-range.sc-duet-range-slider::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:rgb(143, 147, 158)}.duet-range.sc-duet-range-slider:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range.sc-duet-range-slider::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:rgb(143, 147, 158)}.duet-range.sc-duet-range-slider:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range.sc-duet-range-slider::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:rgb(143, 147, 158)}.duet-range.sc-duet-range-slider:disabled{background:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:rgb(199, 202, 207) !important}.duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-ms-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range.sc-duet-range-slider::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range.sc-duet-range-slider::-ms-fill-upper{height:4px;background:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:rgb(199, 202, 207)}.duet-label-hidden.sc-duet-range-slider duet-label.sc-duet-range-slider,.duet-label-hidden.sc-duet-range-slider output.sc-duet-range-slider{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:#172a3b}.duet-theme-turva2.sc-duet-range-slider-h .duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:#7891a4}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:#b2c2cd}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:#7891a4}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:#7891a4}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:#7891a4}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:#b2c2cd !important}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:#b2c2cd}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:#b2c2cd}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:#b2c2cd}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:#e61740}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:#b2c2cd}';export{m as duet_range_slider}
|
|
4
|
+
import{r as e,c as t,h as r,H as d,g as a}from"./p-9eed5f82.js";import{i as s,j as i,k as u,l as n}from"./p-17efced0.js";import{i as o}from"./p-e5f1e38a.js";import{c as g}from"./p-5e59e970.js";import{i as l}from"./p-43b89e38.js";import{s as c,u as h}from"./p-a45e3f8b.js";const b={turva:{active:s,inactive:i},default:{active:u,inactive:n}},m=class{constructor(r){e(this,r),this.duetChange=t(this,"duetChange",3),this.duetInput=t(this,"duetInput",7),this.rangeId=g("DuetRange"),this.onInput=e=>{const t=e.target;t&&(this.value=parseFloat(t.value)||0),this.duetInput.emit({originalEvent:e,value:this.value,component:"duet-range-slider"})},this.onChange=e=>{const t=e.target;t&&(this.value=parseFloat(t.value)||0),clearTimeout(this.timeoutId),this.timeoutId=setTimeout((()=>{this.duetChange.emit({originalEvent:e,value:this.value,component:"duet-range-slider"})}),this.debounce)},this.theme="",this.margin="auto",this.expand=!1,this.identifier=void 0,this.name=void 0,this.required=!1,this.disabled=!1,this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.min=0,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.unit="",this.max=100,this.step=1,this.locale="fi-FI",this.value=0,this.debounce=0}componentWillLoad(){o(this)}connectedCallback(){c(this)}disconnectedCallback(){h(this)}async setFocus(e){this.nativeInput.focus(e)}calculatePercentage(){return(this.value-this.min)/(this.max-this.min)*100}render(){const e=this.identifier||this.rangeId,t="turva"===this.theme?"turva":"default",{inactive:a,active:s}=b[t],i=this.calculatePercentage(),u={background:`-webkit-linear-gradient(left,${s} 0%,${s} ${i}%,${a} ${i}%)`};return r(d,{class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},r("div",{class:{"duet-range-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-ie":l(),"duet-range-disabled":this.disabled}},r("duet-label",{theme:t,color:this.labelColor,weight:this.labelWeight,margin:"small",for:e},this.label),r("output",{"aria-hidden":"true",htmlFor:e,class:"duet-output"},this.value.toLocaleString(this.locale),this.unit),r("input",{onInput:this.onInput,onChange:this.onChange,ref:e=>this.nativeInput=e,type:"range",min:this.min,max:this.max,step:this.step,value:this.value,style:u,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} ${this.unit}`,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,id:e,name:this.name,disabled:this.disabled,required:this.required,class:"duet-range"})))}get element(){return a(this)}};m.style='*.sc-duet-range-slider,*.sc-duet-range-slider::after,*.sc-duet-range-slider::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-range-slider-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-range-slider-h:last-child,.sc-duet-range-slider-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-range-slider-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-range-slider-h{width:100% !important}}.duet-m-0.sc-duet-range-slider-h{margin:0 !important}.duet-range-container.sc-duet-range-slider{position:relative;width:100%}.duet-output.sc-duet-range-slider{position:absolute;top:12px;right:0;z-index:200;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-range-disabled.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(127, 150, 165)}.duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(143, 147, 158)}.duet-range.sc-duet-range-slider{position:relative;z-index:100;width:100%;height:4px;background:rgb(181, 198, 208);border-radius:4px}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:rgb(199, 202, 207)}.duet-ie.sc-duet-range-slider .duet-range.sc-duet-range-slider{display:block;width:auto;height:26px;background:transparent !important}.duet-range.sc-duet-range-slider::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range.sc-duet-range-slider::-ms-track{color:transparent;background:transparent;border:0}.duet-range.sc-duet-range-slider:focus,.duet-range.sc-duet-range-slider:active{outline:0}.user-is-tabbing.sc-duet-range-slider-h .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range.sc-duet-range-slider::-webkit-slider-runnable-track{background:transparent}.duet-range.sc-duet-range-slider::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:rgb(143, 147, 158)}.duet-range.sc-duet-range-slider:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range.sc-duet-range-slider::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:rgb(143, 147, 158)}.duet-range.sc-duet-range-slider:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range.sc-duet-range-slider::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:rgb(143, 147, 158)}.duet-range.sc-duet-range-slider:disabled{background:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:rgb(199, 202, 207) !important}.duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-ms-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range.sc-duet-range-slider::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range.sc-duet-range-slider::-ms-fill-upper{height:4px;background:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:rgb(199, 202, 207)}.duet-label-hidden.sc-duet-range-slider duet-label.sc-duet-range-slider,.duet-label-hidden.sc-duet-range-slider output.sc-duet-range-slider{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:#172a3b}.duet-theme-turva2.sc-duet-range-slider-h .duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:#7891a4}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:#b2c2cd}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:#7891a4}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:#7891a4}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:#7891a4}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:#b2c2cd !important}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:#b2c2cd}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:#b2c2cd}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:#b2c2cd}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:#e61740}.duet-theme-turva2.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:#b2c2cd}';export{m as duet_range_slider}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-f78b9d60.system.js","./p-9608ad22.system.js","./p-e6b5a1c7.system.js","./p-b5eb657a.system.js","./p-98636086.system.js"],(function(e){"use strict";var r,s,t,a,o,i,n,u,d;return{setters:[function(e){r=e.r;s=e.h;t=e.H;a=e.g},function(e){o=e.i},function(e){i=e.c},function(e){n=e.g;u=e.c;d=e.d},function(){}],execute:function(){var p="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(240, 247, 250);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(255, 241, 241)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(240, 247, 250);border-radius:0}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(240, 247, 250)}.duet-progress.duet-theme-turva progress[value]{color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(255, 241, 241)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value] ::-moz-progress-bar{background-color:rgb(255, 241, 241)}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar{background-color:#fdf7f2}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar>span{background-color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]{color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:#fdf7f2}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-moz-progress-bar{background-color:#fdf7f2}";var g=p;var b=e("duet_progress",function(){function e(e){r(this,e);this.progressId=i("DuetProgress");this.progressLabelId=i("DuetProgressLabel");this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabel=undefined;this.accessibleLabelUploadDefaults={fi:["lähetys valmis","lähetys käynnissä"],sv:["Uppladdningen är klar","Uppladdning pågår"],en:["upload completed","upload in progress"]};this.accessibleLabelUpload=n(this.accessibleLabelUploadDefaults);this.progress=0;this.caption=undefined;this.height="10px";this.theme=""}e.prototype.componentWillLoad=function(){o(this)};e.prototype.connectedCallback=function(){u(this,{prop:"accessibleLabelUpload",defaults:"accessibleLabelUploadDefaults"})};e.prototype.disconnectedCallback=function(){d(this)};e.prototype.render=function(){return s(t,null,s("div",{"aria-live":this.accessibleLabel?"polite":"off","aria-hidden":this.accessibleLabel?"false":"true","aria-atomic":"true",style:{height:this.height},id:this.progressId,class:{"duet-progress":true,"duet-progress-done":this.progress===100,"duet-progress-start":this.progress===0,"duet-progress-inprogress":this.progress<99&&this.progress!==0,"duet-theme-turva":this.theme==="turva"}},s("duet-visually-hidden",null,s("label",{htmlFor:this.progressLabelId},s("span",null,this.accessibleLabel,this.progress!==0&&", ".concat(this.accessibleLabelUpload[this.progress<99?1:0])))),this.caption&&s("div",{class:"duet-progress-caption"},s("span",null,this.caption)),s("progress",{id:this.progressLabelId,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:"progressbar",value:this.progress,max:"100","aria-valuemin":"0","aria-valuemax":"100"},s("div",{class:"progress-bar"},s("span",{style:{width:"".concat(this.progress,"%;")}},"Progress: ",this.progress,"%")))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());b.style=g}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{h as n,r as e,H as t,g as i}from"./p-bf06650e.js";import{i as a}from"./p-0e7cf850.js";import{h as s,c as r}from"./p-40295380.js";import{p as d}from"./p-9c3c64b9.js";import{g as o}from"./p-5de30279.js";import"./p-17efced0.js";const l=({img:e,sources:t})=>n("picture",null,t&&t.map((e=>n("source",{srcSet:e.srcset,media:e.media,type:e.type,sizes:e.sizes}))),n("img",Object.assign({},e))),u=class{constructor(n){e(this,n),this.checkCurrentSize=()=>{const n=this.element.clientWidth;this.currentSize=n<500||"small"===this.size?"small":n<900||"medium"===this.size?"medium":"large",this.setButtonSize()},this.setButtonSize=()=>{if(this.hasActionSlot&&this.currentSize){const n=this.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(const e of n)e&&null===e.getAttribute("size")&&"large"!==this.currentSize?e.size="small":e&&null===e.getAttribute("size")&&"large"===this.currentSize&&(e.size="medium")}},this.currentSize=void 0,this.theme="",this.margin="auto",this.backgroundColor="primary-lighter",this.iconColor="gray-lightest",this.iconBackgroundColor="primary",this.textColor="secondary",this.size="large",this.image="",this.sources=void 0,this.icon="",this.headingLevel="h2"}componentWillLoad(){a(this),this.hasHeadingSlot=s(this.element,"heading"),this.hasDescriptionSlot=s(this.element,"description"),this.hasActionSlot=s(this.element,"action"),r(this.element,"heading","span"),this.setButtonSize()}connectedCallback(){window.addEventListener("resize",this.checkCurrentSize)}disconnectedCallback(){window.removeEventListener("resize",this.checkCurrentSize)}componentDidRender(){this.checkCurrentSize()}render(){const e=o("turva"===this.theme&&"primary-lighter"===this.backgroundColor?"gray-lighter":this.backgroundColor,this.theme),i=o(this.textColor,this.theme),a={backgroundColor:e},s={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:d(this.sources)};return n(t,{key:"d279b27f54fba40d358a850d94118a0caa571737",class:{"duet-m-0":"none"===this.margin}},n("aside",{key:"fa270dd8231b5b22d2c0157105df3171fd56f450",class:{"duet-banner":!0,"duet-theme-turva":"turva"===this.theme,[this.currentSize]:!0,"size-medium":"medium"===this.size||"large"===this.size,"size-large":"large"===this.size,"no-image":!this.image},style:a},n("div",{key:"c3cbef43ed49f67f5c429692c0d673f65341cbf8",class:"visual"},n("div",{key:"6e1defb61acf399734e5843f100d17a467acc52c",class:"image-container"},this.image&&n(l,Object.assign({key:"9b8cf3946c557db548bf9e4a63a9f77e1a528eca"},s))),!1,n("div",{key:"de431601a73be43d79f29e7e4cc4e943ae00e545",style:a,class:"brand-shape"})),n("div",{key:"50f7a5fc5f4ade0905bc272e29e7d0c4912c1020",class:"content"},this.hasHeadingSlot&&n("div",{key:"73cd6a4f3f4022f897df0ce57a2316043f403dba",class:"heading"},n("duet-heading",{key:"1d7d47b81255653206534bb228d11e8eee154c2c",theme:this.theme,level:this.headingLevel,"visual-level":"large"===this.currentSize?"h2":"h3","fixed-size":!0,margin:"none",color:this.textColor},n("span",{key:"f340c4b1e80fdd5a64ed8d61512879b290662b37"},n("slot",{key:"2041e9d5b57a5adb5a325e4bf2052cece9d59d83",name:"heading"})))),this.hasDescriptionSlot&&n("div",{key:"77bee71dfd8d16749a238336fb0ca182dc6da387",class:"description",style:{color:i}},n("slot",{key:"bc10b7a951bf3ca738bb2214d4f78a2258f373d3",name:"description"})),this.hasActionSlot&&n("div",{key:"c842a4bd1a20ff10617c0df53b0491e897de4371",class:"action"},n("slot",{key:"a17d57f164e2973eb0bdaa8902b93eaafdc3b96e",name:"action"})))))}get element(){return i(this)}};u.style="*,\n*::after,\n*::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n /* stylelint-enable */\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n.duet-banner.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-enable */\n padding: 48px;\n }\n}";export{u as duet_banner}
|
|
4
|
+
import{h as n,r as e,H as t,g as i}from"./p-9eed5f82.js";import{i as a}from"./p-e5f1e38a.js";import{h as s,c as r}from"./p-8c2abe91.js";import{p as d}from"./p-9c3c64b9.js";import{g as o}from"./p-5de30279.js";import"./p-17efced0.js";const l=({img:e,sources:t})=>n("picture",null,t&&t.map((e=>n("source",{srcSet:e.srcset,media:e.media,type:e.type,sizes:e.sizes}))),n("img",Object.assign({},e))),u=class{constructor(n){e(this,n),this.checkCurrentSize=()=>{const n=this.element.clientWidth;this.currentSize=n<500||"small"===this.size?"small":n<900||"medium"===this.size?"medium":"large",this.setButtonSize()},this.setButtonSize=()=>{if(this.hasActionSlot&&this.currentSize){const n=this.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(const e of n)e&&null===e.getAttribute("size")&&"large"!==this.currentSize?e.size="small":e&&null===e.getAttribute("size")&&"large"===this.currentSize&&(e.size="medium")}},this.currentSize=void 0,this.theme="",this.margin="auto",this.backgroundColor="primary-lighter",this.iconColor="gray-lightest",this.iconBackgroundColor="primary",this.textColor="secondary",this.size="large",this.image="",this.sources=void 0,this.icon="",this.headingLevel="h2"}componentWillLoad(){a(this),this.hasHeadingSlot=s(this.element,"heading"),this.hasDescriptionSlot=s(this.element,"description"),this.hasActionSlot=s(this.element,"action"),r(this.element,"heading","span"),this.setButtonSize()}connectedCallback(){window.addEventListener("resize",this.checkCurrentSize)}disconnectedCallback(){window.removeEventListener("resize",this.checkCurrentSize)}componentDidRender(){this.checkCurrentSize()}render(){const e=o("turva"===this.theme&&"primary-lighter"===this.backgroundColor?"gray-lighter":this.backgroundColor,this.theme),i=o(this.textColor,this.theme),a={backgroundColor:e},s={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:d(this.sources)};return n(t,{key:"d279b27f54fba40d358a850d94118a0caa571737",class:{"duet-m-0":"none"===this.margin}},n("aside",{key:"fa270dd8231b5b22d2c0157105df3171fd56f450",class:{"duet-banner":!0,"duet-theme-turva":"turva"===this.theme,[this.currentSize]:!0,"size-medium":"medium"===this.size||"large"===this.size,"size-large":"large"===this.size,"no-image":!this.image},style:a},n("div",{key:"c3cbef43ed49f67f5c429692c0d673f65341cbf8",class:"visual"},n("div",{key:"6e1defb61acf399734e5843f100d17a467acc52c",class:"image-container"},this.image&&n(l,Object.assign({key:"9b8cf3946c557db548bf9e4a63a9f77e1a528eca"},s))),!1,n("div",{key:"de431601a73be43d79f29e7e4cc4e943ae00e545",style:a,class:"brand-shape"})),n("div",{key:"50f7a5fc5f4ade0905bc272e29e7d0c4912c1020",class:"content"},this.hasHeadingSlot&&n("div",{key:"73cd6a4f3f4022f897df0ce57a2316043f403dba",class:"heading"},n("duet-heading",{key:"1d7d47b81255653206534bb228d11e8eee154c2c",theme:this.theme,level:this.headingLevel,"visual-level":"large"===this.currentSize?"h2":"h3","fixed-size":!0,margin:"none",color:this.textColor},n("span",{key:"f340c4b1e80fdd5a64ed8d61512879b290662b37"},n("slot",{key:"2041e9d5b57a5adb5a325e4bf2052cece9d59d83",name:"heading"})))),this.hasDescriptionSlot&&n("div",{key:"77bee71dfd8d16749a238336fb0ca182dc6da387",class:"description",style:{color:i}},n("slot",{key:"bc10b7a951bf3ca738bb2214d4f78a2258f373d3",name:"description"})),this.hasActionSlot&&n("div",{key:"c842a4bd1a20ff10617c0df53b0491e897de4371",class:"action"},n("slot",{key:"a17d57f164e2973eb0bdaa8902b93eaafdc3b96e",name:"action"})))))}get element(){return i(this)}};u.style="*,\n*::after,\n*::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n /* stylelint-enable */\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n.duet-banner.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-enable */\n padding: 48px;\n }\n}";export{u as duet_banner}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as e,h as o,H as u,g as n}from"./p-bf06650e.js";import{i as r}from"./p-0e7cf850.js";import{D as d,b as i}from"./p-cc531319.js";import{a,g as b,c as s,d as l}from"./p-d064df5e.js";import{g as h}from"./p-5de30279.js";import"./p-9c3c64b9.js";import"./p-17efced0.js";const p=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.proxyButtonSetUp=()=>{const t=this.element.querySelector("button[slot=proxybutton]"),e=t||document.createElement("button");if(this.url)return t&&t.remove(),void(this.proxyButton=null);e.setAttribute("slot","proxybutton"),e.style.display="none",e.type=this.getButtonType(),e.disabled=this.disabled,e.setAttribute("form",this.form),this.form||e.removeAttribute("form"),null!=this.name?e.name=this.name:e.removeAttribute("name"),null!=this.value?e.value=this.value:e.removeAttribute("value"),t||this.element.appendChild(e),this.proxyButton=e},this.handleClick=t=>{this.submit&&!this.url&&(this.element.closest("form")||this.form)&&(t.stopPropagation(),t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()},this.accessibleLabel=void 0,this.accessibleControls=void 0,this.accessiblePopup="false",this.accessibleActiveDescendant=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleExpanded=void 0,this.accessiblePressed=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.form=void 0,this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.name=void 0,this.value=void 0,this.identifier=void 0,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.accessibleLabelLoadingDefaults=i,this.accessibleLabelLoading=b(this.accessibleLabelLoadingDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.url=void 0}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){s(this,[{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"},{prop:"accessibleLabelLoading",defaults:"accessibleLabelLoadingDefaults"}])}disconnectedCallback(){l(this)}componentDidRender(){!1===this.disabled&&this.element.removeAttribute("disabled"),this.submit&&this.proxyButtonSetUp()}getButtonType(){return this.submit?"submit":"button"}getButtonIconSize(){switch(this.iconSize){case"small":return"small";case"medium-small":return"medium-small";case"medium":default:return"medium";case"large":return"large"}}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){var t,e;const n=this.external&&this.url,r=n?"action-new-window":this.icon,d=!!n||this.iconRight,i=o("span",{key:"dad881c4e315cee7e2fa16020ab44f3b8518ce8b",class:{"duet-button-contents":!0,"icon-right":d},style:{color:h(this.color)}},r&&o("span",{key:"08d196d1bc190ccb57d8f4961a78e1999f69a6f1","aria-hidden":"true",class:{"duet-button-icon":!0,left:!d,right:d,[this.getButtonIconSize()]:!0}},o("duet-icon",{key:"24ffeda883152bfe0123a828ed037aa7bdf365aa",size:"auto",margin:"none",name:r,color:"currentColor"})),o("span",{key:"60cbc950fc893b105e13e98769341697d3065e87",class:"duet-button-contents-slot"},o("slot",{key:"236c0748e32a96046fe4bf1c79b6822ebf5c0b9d"}))),a="medium"==this.size||"small"==this.size||"x-small"==this.size?this.size:"medium",b={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,[`duet-button-size-${a}`]:!0,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,"input-button":null===(t=this.variation)||void 0===t?void 0:t.startsWith("input-button"),disabled:this.disabled,icon:!!r,"icon-right":d,"icon-left":!!r&&!d,[this.getButtonIconSize()]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(u,{key:"2f71565d21679c2161cbebaa8b3bfaa7aa4183a0",class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-x-small":"x-small"===this.size,"duet-fixed":this.fixed,"duet-expand":this.expand,[this.variation]:!0,"input-button":null===(e=this.variation)||void 0===e?void 0:e.startsWith("input-button")}},o("span",{key:"2a2d449975f67608f602eaca489e4ff865496ed8",onClick:this.handleClick,class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},b,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),i,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},b,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,"aria-disabled":this.disabled}),i,this.loading&&o("duet-visually-hidden",null," ",this.accessibleLabelLoading," ")),this.loading&&o("duet-spinner",{key:"e27fdd855b9191cdd22c9b74746f3144890d3837",color:"currentColor"})),o("slot",{key:"5f1fec755bfdf56ed261b893fa647308c1e21a7f",name:"proxybutton"}))}get element(){return n(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default{color:#e61740 !important;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative{background-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded{color:#172a3b !important;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain{color:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]{border-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default{color:#e61740}';const m=class{constructor(e){t(this,e),this.accessibleLabel=void 0,this.color="gray-lightest",this.size="small",this.theme=""}componentWillLoad(){r(this)}render(){const t="currentColor"===this.color?"currentColor":h(this.color);return o(u,{key:"a7f033d3dc6eb117a0bc7467cabf4e5e3f8ff4b8",class:{"duet-custom-color":"currentColor"!==this.color&&"turva"!==this.theme&&"default"!==this.theme,"duet-theme-turva":"turva"===this.theme&&"currentColor"!==this.color,"duet-theme-default":"default"===this.theme&&"currentColor"!==this.color}},o("div",{key:"4914107fd36f1a5ac9d77871ad5a0d7373e70359",class:{"duet-spinner":!0,[this.size]:!0},style:{color:t},"aria-label":this.accessibleLabel}))}get element(){return n(this)}};m.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}:host(.duet-theme-turva2) .duet-spinner{color:#e61740 !important}';export{p as duet_button,m as duet_spinner}
|
|
4
|
+
import{r as t,c as e,h as o,H as u,g as n}from"./p-9eed5f82.js";import{i as r}from"./p-e5f1e38a.js";import{D as d,b as i}from"./p-cc531319.js";import{a,g as b,c as s,d as l}from"./p-89a1d75a.js";import{g as h}from"./p-5de30279.js";import"./p-9c3c64b9.js";import"./p-17efced0.js";const p=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.proxyButtonSetUp=()=>{const t=this.element.querySelector("button[slot=proxybutton]"),e=t||document.createElement("button");if(this.url)return t&&t.remove(),void(this.proxyButton=null);e.setAttribute("slot","proxybutton"),e.style.display="none",e.type=this.getButtonType(),e.disabled=this.disabled,e.setAttribute("form",this.form),this.form||e.removeAttribute("form"),null!=this.name?e.name=this.name:e.removeAttribute("name"),null!=this.value?e.value=this.value:e.removeAttribute("value"),t||this.element.appendChild(e),this.proxyButton=e},this.handleClick=t=>{this.submit&&!this.url&&(this.element.closest("form")||this.form)&&(t.stopPropagation(),t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()},this.accessibleLabel=void 0,this.accessibleControls=void 0,this.accessiblePopup="false",this.accessibleActiveDescendant=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleExpanded=void 0,this.accessiblePressed=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.form=void 0,this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.name=void 0,this.value=void 0,this.identifier=void 0,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.accessibleLabelLoadingDefaults=i,this.accessibleLabelLoading=b(this.accessibleLabelLoadingDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.url=void 0}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){s(this,[{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"},{prop:"accessibleLabelLoading",defaults:"accessibleLabelLoadingDefaults"}])}disconnectedCallback(){l(this)}componentDidRender(){!1===this.disabled&&this.element.removeAttribute("disabled"),this.submit&&this.proxyButtonSetUp()}getButtonType(){return this.submit?"submit":"button"}getButtonIconSize(){switch(this.iconSize){case"small":return"small";case"medium-small":return"medium-small";case"medium":default:return"medium";case"large":return"large"}}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){var t,e;const n=this.external&&this.url,r=n?"action-new-window":this.icon,d=!!n||this.iconRight,i=o("span",{key:"dad881c4e315cee7e2fa16020ab44f3b8518ce8b",class:{"duet-button-contents":!0,"icon-right":d},style:{color:h(this.color)}},r&&o("span",{key:"08d196d1bc190ccb57d8f4961a78e1999f69a6f1","aria-hidden":"true",class:{"duet-button-icon":!0,left:!d,right:d,[this.getButtonIconSize()]:!0}},o("duet-icon",{key:"24ffeda883152bfe0123a828ed037aa7bdf365aa",size:"auto",margin:"none",name:r,color:"currentColor"})),o("span",{key:"60cbc950fc893b105e13e98769341697d3065e87",class:"duet-button-contents-slot"},o("slot",{key:"236c0748e32a96046fe4bf1c79b6822ebf5c0b9d"}))),a="medium"==this.size||"small"==this.size||"x-small"==this.size?this.size:"medium",b={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,[`duet-button-size-${a}`]:!0,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,"input-button":null===(t=this.variation)||void 0===t?void 0:t.startsWith("input-button"),disabled:this.disabled,icon:!!r,"icon-right":d,"icon-left":!!r&&!d,[this.getButtonIconSize()]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(u,{key:"2f71565d21679c2161cbebaa8b3bfaa7aa4183a0",class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-x-small":"x-small"===this.size,"duet-fixed":this.fixed,"duet-expand":this.expand,[this.variation]:!0,"input-button":null===(e=this.variation)||void 0===e?void 0:e.startsWith("input-button")}},o("span",{key:"2a2d449975f67608f602eaca489e4ff865496ed8",onClick:this.handleClick,class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},b,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),i,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},b,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,"aria-disabled":this.disabled}),i,this.loading&&o("duet-visually-hidden",null," ",this.accessibleLabelLoading," ")),this.loading&&o("duet-spinner",{key:"e27fdd855b9191cdd22c9b74746f3144890d3837",color:"currentColor"})),o("slot",{key:"5f1fec755bfdf56ed261b893fa647308c1e21a7f",name:"proxybutton"}))}get element(){return n(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default{color:#e61740 !important;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative{background-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded{color:#172a3b !important;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain{color:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain:hover{color:rgba(255, 255, 255, 0.8) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]{border-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default{color:#e61740}';const m=class{constructor(e){t(this,e),this.accessibleLabel=void 0,this.color="gray-lightest",this.size="small",this.theme=""}componentWillLoad(){r(this)}render(){const t="currentColor"===this.color?"currentColor":h(this.color);return o(u,{key:"bb0f449eae50af0507131759837be15719c3d181",class:{"duet-custom-color":"currentColor"!==this.color&&"turva"!==this.theme&&"default"!==this.theme,"duet-theme-turva":"turva"===this.theme&&"currentColor"!==this.color,"duet-theme-default":"default"===this.theme&&"currentColor"!==this.color}},o("div",{key:"10b2a6011a04cac3a30fc48265a3c38c6efe96da",class:{"duet-spinner":!0,[this.size]:!0},style:{color:t},"aria-label":this.accessibleLabel}))}get element(){return n(this)}};m.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}:host(.duet-theme-turva2) .duet-spinner{color:#e61740 !important}';export{p as duet_button,m as duet_spinner}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-f78b9d60.system.js"],(function(e){"use strict";var t,r,n,i;return{setters:[function(e){t=e.r;r=e.h;n=e.H;i=e.g}],execute:function(){var a=e("duet_upload_aria_status",function(){function e(e){var r=this;t(this,e);this.replacePlaceHolders=function(e){var t=function(e){return e>1?"".concat(e," ").concat(r.statusMessageLabel.files):"".concat(e," ").concat(r.statusMessageLabel.file)};return e.replace("{filesUploaded}",t(r.valid)).replace("{filesInProgress}",t(r.inprogress)).replace("{filesTotal}",t(r.total)).replace("{filesWithErrors}",t(r.invalid))};this.getStatusMessage=function(){var e=r.statusMessageLabel,t=e.done,n=e.inProgress,i=e.doneWithErrors,a=e.inProgressWithErrors;var u=r.invalid>0;var s=r.inprogress>0;var l=r.inprogress>0&&u;var f=r.valid===r.total&&!s&&!u;var c=r.valid+r.invalid===r.total&&!s;if(f){r.statusMessage=r.replacePlaceHolders(t);return}else if(l){r.statusMessage=r.replacePlaceHolders(a);return}else if(s){r.statusMessage=r.replacePlaceHolders(n);return}else if(c){r.statusMessage=r.replacePlaceHolders(i);return}return};this.statusMessage=null;this.statusMessageLabel=null;this.accessibleAriaLive="polite";this.valid=undefined;this.total=undefined;this.invalid=undefined;this.inprogress=undefined}e.prototype.watchHandler=function(e,t){if(e!==t){this.getStatusMessage()}};e.prototype.render=function(){return r(n,{key:"29a5f69ac1efab8c5faba9b62b86ae0201b67f92",role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},r("duet-visually-hidden",{key:"def6c734ea787016244670da4652bbca170ee664"},this.statusMessage))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}},enumerable:false,configurable:true});return e}())}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as d,h as a,H as e,g as t}from"./p-
|
|
4
|
+
import{r as d,h as a,H as e,g as t}from"./p-9eed5f82.js";import{i}from"./p-43b89e38.js";const n=class{constructor(a){d(this,a),this.margin="auto",this.middle=!1,this.paddingBreakpoint=void 0}render(){return a(e,{key:"abc489bb9f01029b229a5021e8918bb04bfdd2e4",class:{"duet-middle":this.middle,"duet-ie":i()}},a("div",{key:"31a1523883a51b86ad132ca814a54327f0c8d950",class:{"duet-layout-wrapper":!0,"duet-m-0":"none"===this.margin}},a("div",{key:"50e8bf12a2c214d17322c63a53aab9b6b375eac0",class:{"duet-layout":!0,[`padding-${this.paddingBreakpoint}`]:!!this.paddingBreakpoint}},a("section",{key:"9d316453e681f174990e0832ab37ca81d5791900",class:"duet-main"},a("slot",{key:"e4de9102f8914fb94d228c3db88b48aa96d17616"})))))}get element(){return t(this)}};n.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";export{n as duet_section_layout}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(n,e,
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(n,t,e,i){function r(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,a){function o(n){try{c(i.next(n))}catch(n){a(n)}}function u(n){try{c(i["throw"](n))}catch(n){a(n)}}function c(n){n.done?e(n.value):r(n.value).then(o,u)}c((i=i.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(n){return function(t){return c([n,t])}}function c(u){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(e=0)),e)try{if(i=1,r&&(a=u[0]&2?r["return"]:u[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,u[1])).done)return a;if(r=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;r=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){e.label=u[1];break}if(u[0]===6&&e.label<a[1]){e.label=a[1];a=u;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(u);break}if(a[2])e.ops.pop();e.trys.pop();continue}u=t.call(n,e)}catch(n){u=[6,n];r=0}finally{i=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-f78b9d60.system.js","./p-9608ad22.system.js"],(function(n){"use strict";var t,e,i,r,a;return{setters:[function(n){t=n.r;e=n.c;i=n.h;r=n.H},function(n){a=n.i}],execute:function(){var o="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";var u=o;var c=n("duet_file_chooser",function(){function n(n){var i=this;t(this,n);this.duetChange=e(this,"duetChange",3);this.onChange=function(n){n.preventDefault();n.stopPropagation();i.duetChange.emit({originalEvent:n,data:{files:i.nativeInput.files},component:"duet-file-chooser"})};this.theme="";this.multiple=false;this.accept=undefined}n.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(t){(n=this.nativeInput)===null||n===void 0?void 0:n.click();return[2]}))}))};n.prototype.getFiles=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,this.nativeInput.files]}))}))};n.prototype.componentWillLoad=function(){a(this)};n.prototype.render=function(){var n=this;return i(r,{key:"44eb5dcca9331aa60a63143ce040ea3f713ecfe0"},i("duet-visually-hidden",{key:"f86ad13b3b97a09356a61d37039b182237149437","aria-hidden":"true"},i("input",{key:"a78f11cf113bd71b40f3330f60a0a645b0d5b721",ref:function(t){n.nativeInput=t},type:"file",class:{"duet-upload":true},"aria-hidden":"true",tabIndex:-1,onChange:this.onChange,multiple:this.multiple,accept:this.accept})))};return n}());c.style=u}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-f78b9d60.system.js"],(function(n){"use strict";return{setters:[function(){}],execute:function(){var t=function(){{globalThis.ds={log:function(){return},warn:function(){return},info:function(){return}}}};var r=function(){t()};var u=n("g",r)}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register(["./p-f78b9d60.system.js"],(function(t){"use strict";var n;return{setters:[function(t){n=t.h}],execute:function(){var e=t("f",(function(t){if("setFocus"in t){t.setFocus()}else{t.focus()}}));var u=t("F",(function(t){var u=t.moveFocusTo;return n("div",{class:"duet-focus-guard","aria-hidden":"true",tabIndex:0,onFocus:function(){return e(u)}})}))}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,o,r){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function u(t){try{i(r.next(t))}catch(t){a(t)}}function d(t){try{i(r["throw"](t))}catch(t){a(t)}}function i(t){t.done?o(t.value):n(t.value).then(u,d)}i((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,u;return u={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function d(t){return function(e){return i([t,e])}}function i(d){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,d[0]&&(o=0)),o)try{if(r=1,n&&(a=d[0]&2?n["return"]:d[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,d[1])).done)return a;if(n=0,a)d=[d[0]&2,a.value];switch(d[0]){case 0:case 1:a=d;break;case 4:o.label++;return{value:d[1],done:false};case 5:o.label++;n=d[1];d=[0];continue;case 7:d=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(d[0]===6||d[0]===2)){o=0;continue}if(d[0]===3&&(!a||d[1]>a[0]&&d[1]<a[3])){o.label=d[1];break}if(d[0]===6&&o.label<a[1]){o.label=a[1];a=d;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(d);break}if(a[2])o.ops.pop();o.trys.pop();continue}d=e.call(t,o)}catch(t){d=[6,t];n=0}finally{r=a=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-f78b9d60.system.js","./p-9608ad22.system.js","./p-752fa0fc.system.js"],(function(t){"use strict";var e,o,r,n,a,u;return{setters:[function(t){e=t.r;o=t.h;r=t.H;n=t.g},function(t){a=t.i},function(t){u=t.f}],execute:function(){var d='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(8, 42, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:93%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:8px;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button:hover{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.duet-theme-turva.negative button:hover{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon{color:rgb(255, 185, 190)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active::after,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open::after{background:#e61740}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open{color:#172a3b}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open{background:rgba(23, 42, 59, 0.2)}';var i=d;var b=t("duet_toolbar_dropdown",function(){function t(t){var o=this;e(this,t);this.onClick=function(){o.open=!o.open};this.theme="";this.variation="default";this.accessibleLabel=undefined;this.active=false;this.open=false;this.icon=undefined}t.prototype.handleFocus=function(t){var e=this;var o=t.composedPath().every((function(t){return t!==e.element}));if(o){this.open=false}};t.prototype.componentWillLoad=function(){a(this)};t.prototype.handleEscape=function(t){if(u(t)){this.open=false;this.setFocus()}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.button.focus(t);return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n="right";if(this.element&&this.element.parentElement){n=this.element.parentElement.getAttribute("slot")==="left"?"right":"left"}var a=this.variation==="negative"?"negative":"white";return o(r,{key:"e3e0b0413cd3bb1ac40c4e7e2b62e5b283d4f01b",role:"listitem"},o("div",{key:"1ed23dc163be5fccf92e84b22748b65f5b382450",class:(t={"duet-toolbar-dropdown":true,"duet-theme-turva":this.theme==="turva"},t[n]=true,t[a]=true,t)},o("button",{key:"2ff445e277b068bb749a9289450765c267e3650a",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,id:"button",type:"button",class:{active:this.active,open:this.open},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&o("duet-icon",{key:"f432f08d46fc050de9869d812b98669093a33e49",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("span",{key:"89ac028982a6343570fdebf2c92be6ea447fc038",class:"label"},o("slot",{key:"48e08bb48a393700258882aec5dd454fe9e634ed",name:"label"}),o("duet-icon",{key:"c184176e214992303b1f5432048696b45f585849",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),o("div",{key:"8a612f1e69417f1a1dae5a2992271d364dd8a8f1",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},o("slot",{key:"a81f13bd3fb026cf6d2a3d6e3f479eb651fc69d6"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());b.style=i}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as
|
|
4
|
+
import{r as e,h as a,H as t,g as n}from"./p-9eed5f82.js";import{i as o}from"./p-e5f1e38a.js";import{f as r}from"./p-a45e3f8b.js";const d=class{constructor(a){e(this,a),this.theme="",this.active=!1,this.href="#",this.icon=void 0,this.caret=!1,this.highlight=!1}componentWillLoad(){o(this)}handleEscape(e){if(r(e)){const e=this.element.closest("duet-submenu-bar-dropdown");e.open=!1,e.setFocus()}}render(){return a(t,{key:"70dc6010e5c86ad45da1c5181093ccdd36aedf8c"},a("a",{key:"88f6be423630593baa34df5aaa95658f4d62e144",class:{"duet-submenu-bar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,highlight:this.highlight,active:this.active},"aria-current":this.active?"true":"false",href:this.href,onKeyUp:e=>this.handleEscape(e)},this.icon&&a("duet-icon",{key:"1b8442b9b12ea7e7d70a4cafb650f44e623ed079",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),a("span",{key:"649f4c2ba3d389a010c5a2d931d88052ab32738a",class:"label-container"},a("span",{key:"0956e484078fe3c11a3dbc9c583c9a00f78beb22",class:"label"},a("slot",{key:"d38dda8929e0d9fd12abe02ea3e43dc4514699be"})),this.caret&&a("duet-icon",{key:"0ae18e14eb823bcac1af33ae2bd4fbab222296e1",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&a("duet-icon",{key:"2e54718adef2328ea759432eea812e3e959931e7",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:8px 20px 8px 60px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown-link .label-container{display:flex;flex:1;gap:12px;align-items:center;justify-content:flex-start}@media (min-width: 62em){.duet-submenu-bar-dropdown-link{padding:0.5rem 8px;font-size:1rem;line-height:1.5}}.duet-submenu-bar-dropdown-link.active .label{position:relative}.duet-submenu-bar-dropdown-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}.duet-submenu-bar-dropdown-link.active .active-check{display:none}.duet-submenu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active{background:#fdf7f2}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover{background:#fbe1d1}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight{color:#e61740}';export{d as duet_submenu_bar_dropdown_link}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,i,e,n){function r(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,s){function o(t){try{a(n.next(t))}catch(t){s(t)}}function u(t){try{a(n["throw"](t))}catch(t){s(t)}}function a(t){t.done?e(t.value):r(t.value).then(o,u)}a((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(i){return a([t,i])}}function a(u){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(e=0)),e)try{if(n=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;r=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){e.label=u[1];break}if(u[0]===6&&e.label<s[1]){e.label=s[1];s=u;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(u);break}if(s[2])e.ops.pop();e.trys.pop();continue}u=i.call(t,e)}catch(t){u=[6,t];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,e){if(e||arguments.length===2)for(var n=0,r=i.length,s;n<r;n++){if(s||!(n in i)){if(!s)s=Array.prototype.slice.call(i,0,n);s[n]=i[n]}}return t.concat(s||Array.prototype.slice.call(i))};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-adeb1555.system.js","./p-d80ae90e.system.js","./p-e6b5a1c7.system.js","./p-41982d26.system.js","./p-752fa0fc.system.js","./p-61e21220.system.js","./p-e50a2f96.system.js","./p-98636086.system.js"],(function(t){"use strict";var i,e,n,r,s,o,u,a,h,c,f,d,l,v,m,p,b,g,_,y;return{setters:[function(t){i=t.h;e=t.r;n=t.c;r=t.H;s=t.g},function(t){o=t.i},function(t){u=t.c},function(t){a=t.d},function(t){h=t.j;c=t.f;f=t.o;d=t.b;l=t.c},function(t){v=t.g;m=t.a;p=t.c;b=t.d},function(t){g=t.a},function(t){_=t.r;y=t.p}],execute:function(){var w=function(t){var e=t.item,n=t.activeDescendant,r=t.selected,s=t.label,o=s===void 0?undefined:s,u=t.clickHandler,a=u===void 0?function(t){t.preventDefault()}:u,h=t.keyHandler,c=h===void 0?function(t){t.preventDefault()}:h,f=t.search,d=t.isAndroidDevice,l=t.id;var v=f.split(" ").filter((function(t){return!!t.trim()})).map((function(t){return _(t)}));var m=f!==""?new RegExp("(".concat(v.join("|"),")"),"i"):undefined;var p="text-decoration: underline";return i("duet-popup-menu-item",{id:n?l:"",active:r,"data-index":e.id,"aria-selected":n?"true":undefined,"aria-current":r?"true":undefined,role:"option","aria-label":o,tabindex:d?"-1":null,onClick:function(t){return a(t)},onKeyUp:function(t){return c(t)},accessibleRole:"option",activeDescendant:n},m?i("span",{class:"option-container","aria-hidden":"true"},i("span",{innerHTML:e.name.replace(m,'<span style="'.concat(p,'">$&</span>'))})):e.name,e.tags&&i("span",{class:"option-tags"},e.tags.join(", ")))};var x='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-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";color:rgb(8, 42, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(8, 42, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}.duet-theme-turva2.duet-theme-turva.sc-duet-combobox-h{color:#172a3b}.duet-theme-turva2.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:#172a3b}';var S=x;var k=t("duet_combobox",function(){function t(t){var i=this;e(this,t);this.duetChange=n(this,"duetChange",3);var r,s;this.listBoxId=u("duet-combobox-list-element");this.inputId=u("duet-combobox-input-id");this.activeDescendantId=u("duet-combobox-active-descendant");this.isAndroidDevice=((s=(r=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||r===void 0?void 0:r.toLowerCase())===null||s===void 0?void 0:s.indexOf("android"))>-1||null;this.isInsideModal=false;this.resizeObserver=new ResizeObserver(a((function(t){var e,n,r;if((t===null||t===void 0?void 0:t.length)===1){var s=(n=(e=t[0])===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.getBoundingClientRect().width;var o=parseInt((r=getComputedStyle(i.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))===null||r===void 0?void 0:r.padding);i.listContainer.style.setProperty("--popup-width","".concat(s-2*o,"px"))}}),100));this.onInputChange=function(t){return __awaiter(i,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=t.detail.value;this.inputValue=i;return[2]}))}))};this.onInputClick=function(){var t,e;if(i.openListOnClick){i.listOpen=!i.listOpen}else{i.listOpen=((t=i.inputValue)===null||t===void 0?void 0:t.length)>=i.minCharacters}if(!((e=i.getFilteredItems())===null||e===void 0?void 0:e.length)){i.listOpen=false}};this.onInputTyping=function(t){return __awaiter(i,void 0,void 0,(function(){var i,e;return __generator(this,(function(n){e=t.detail.value;if(!this.force&&!this.multiple&&this.selectedItems.size>0&&e!==this.getSelectedItemLabel()){this.selectedItems.clear()}if(!this.force&&!this.multiple&&e===""){this.value=undefined}this.listOpen=String(e).length>=this.minCharacters&&((i=this.getFilteredItems())===null||i===void 0?void 0:i.length)>0;return[2]}))}))};this.onKeyDown=function(t){var e,n,r;var s=i.returnFilteredOrNonFiltered();var o=s.filter((function(t){return!i.selectedItems.has(t.id)}));i.input.accessibleActiveDescendant=undefined;if(h(t)){t.preventDefault();if(i.listOpen&&i.activeItem!==undefined&&s[i.activeItem]&&!i.selectedItems.has(s[i.activeItem].id)){if(i.multiple){i.addSelectedItem(s[i.activeItem].id,true)}else{i.updateSelectedItem(s[i.activeItem].id,true)}}else if(!i.multiple&&i.listOpen&&o.length===1&&o[0].name.toLowerCase()===i.input.value.toLowerCase()){i.updateSelectedItem(o[0].id,true)}i.activeItem=undefined;i.listOpen=false;return}if(c(t)||f(t)){if(i.listOpen){t.preventDefault()}i.updateInputText(true);i.activeItem=undefined;i.listOpen=false;return}var u=i.activeItem;if(d(t)){t.preventDefault();u=i.activeItem-1}else if(l(t)){if(((r=(n=(e=i.input)===null||e===void 0?void 0:e.value)===null||n===void 0?void 0:n.length)!==null&&r!==void 0?r:0)<i.minCharacters){return}t.preventDefault();u=i.listOpen?i.activeItem+1:i.activeItem;i.listOpen=true}if(l(t)||d(t)){if(u<0||!u){u=0}if(u>=s.length){u=s.length-1}i.input.accessibleActiveDescendant=i.activeDescendantId;i.activeItem=u;i.scrollToActive()}return};this.processedItems=null;this.inputValue="";this.listOpen=false;this.selectedItems=new Set;this.activeItem=undefined;this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}};this.accessibleLabels=v(this.accessibleLabelDefaults,m());this.label="";this.caption="";this.theme="";this.force=false;this.multiple=false;this.items=undefined;this.formatter=function(t){return t&&t.name?t.name:""};this.value=undefined;this.minCharacters=0;this.openListOnClick=false;this.filterType="startsWith"}t.prototype.popupMenuOpenHandler=function(){if(this.listOpen){this.listContainer.show()}else{this.listContainer.hide()}};t.prototype.activeItemHandler=function(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||t===0)?this.activeDescendantId:""};t.prototype.inputValueHandler=function(){var t=this;setTimeout((function(){return __awaiter(t,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.getSelectedItemLabel()];case 1:t=i.sent();if(this.input.value==""&&t){this.input.value="";this.value=undefined}return[2]}}))}))}),200)};t.prototype.handleDocumentClick=function(t){var i=this;var e=t.composedPath();var n=e.every((function(t){return t!==i.element}));if(n){this.updateInputText(true);this.listOpen=false}};t.prototype.formatItem=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){return[2,this.formatter(t)]}))}))};t.prototype.processItems=function(){var t=this;var i=[];this.processedItems=y(this.items);if(!Array.isArray(this.processedItems)){console.error("DuetCombobox: Items should be an array");return}if(this.processedItems.length!==new Set(__spreadArray([],this.processedItems,true)).size){console.warn("DuetCombobox: Duplicate item values found in the list")}this.processedItems=this.processedItems.map((function(t,e){if(typeof t==="string"){t={name:t,value:t}}if(t.id!==undefined){t.id=String(t.id)}else{t.id="".concat(JSON.stringify(t.value),"-").concat(t.name)}if(i.includes(t.id)){console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index");t.id="".concat(t.id,"-").concat(e)}i.push(t.id);return t}));var e=Array.from(this.selectedItems).filter((function(i){return!t.processedItems.find((function(t){return t.id===i}))}));if(e.length){if(this.multiple){e.forEach((function(i){return t.removeSelectedItem(i)}))}else{this.updateSelectedItem(e[0],true)}}};t.prototype.processValue=function(){var t=this;if(this.value!==""&&!this.value){this.selectedItems.clear();return}var i=Array.isArray(this.value)?this.value:[this.value];var e=this.processedItems.filter((function(t){return i.includes(t.value)})).map((function(t){return t.id}));if(e.length===this.selectedItems.size&&e.every((function(i){return t.selectedItems.has(i)}))){return}if(this.multiple){this.selectedItems.clear();this.input.clearChips();e.forEach((function(i){return t.addSelectedItem(i)}))}else{var n=this.processedItems.find((function(i){return i.value===t.value}));this.updateSelectedItem(n.id)}};t.prototype.processListOpenChange=function(){if(this.openListOnClick){this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"}this.input.accessibleExpanded=this.listOpen?"true":"false"};t.prototype.componentWillLoad=function(){if(this.element.closest("duet-modal")){this.isInsideModal=true}o(this)};t.prototype.connectedCallback=function(){if(this.items){this.processItems()}var t=g(this.element);if(t.length){this.input=t[0]}else{this.input=document.createElement("duet-input");this.input.label=this.label;this.input.caption=this.caption;this.input.expand=true;this.element.prepend(this.input)}this.input.chips=this.multiple;this.input.addEventListener("duetChange",this.onInputChange);this.input.addEventListener("duetInput",this.onInputTyping);this.input.addEventListener("click",this.onInputClick);this.input.role="combobox";this.input.accessibleExpanded=this.listOpen?"true":"false";this.input.accessibleAutocomplete="list";this.input.accessibleControls=this.listBoxId;this.input.id=this.inputId;this.element.addEventListener("keydown",this.onKeyDown);p(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"});this.processListOpenChange()};t.prototype.disconnectedCallback=function(){this.input.removeEventListener("duetChange",this.onInputChange);this.input.removeEventListener("click",this.onInputClick);this.element.removeEventListener("keydown",this.onKeyDown);this.resizeObserver.disconnect();b(this)};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.input);this.processValue()};t.prototype.shouldListBeFiltered=function(){var t=this;var i;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue&&((i=this.inputValue)===null||i===void 0?void 0:i.length)<this.minCharacters){var e=this.processedItems.find((function(i){return t.selectedItems.has(i.id)}));return!(this.formatter(e).toLowerCase()===this.input.value.toLowerCase())}return true};t.prototype.returnFilteredOrNonFiltered=function(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]};t.prototype.emitChangeEvent=function(t){var i=this.processedItems.find((function(i){return i.id===t}));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})};t.prototype.updateMultipleValue=function(){var t=this;this.value=this.processedItems.filter((function(i){return t.selectedItems.has(i.id)})).map((function(t){return t.value}));this.input.value="";this.updateChips();this.input.setFocus()};t.prototype.addSelectedItem=function(t,i){if(this.selectedItems.has(t)){return}this.selectedItems.add(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.removeSelectedItem=function(t,i){if(!this.selectedItems.has(t)){return}this.selectedItems.delete(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.updateSelectedItem=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.selectedItems.clear();this.selectedItems.add(t);this.value=this.processedItems.find((function(i){return i.id===t})).value;if(i){this.emitChangeEvent(this.value&&t)}return[4,this.updateInputText()];case 1:e.sent();return[2]}}))}))};t.prototype.updateChips=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(n){switch(n.label){case 0:t=Array.from(this.selectedItems);return[4,this.input.getChips()];case 1:i=n.sent();t.forEach((function(t){return __awaiter(e,void 0,void 0,(function(){var i,e,n,r;var s=this;return __generator(this,(function(o){switch(o.label){case 0:i=this.processedItems.find((function(i){return i.id===t}));return[4,this.formatItem(i)];case 1:e=o.sent();return[4,this.input.hasChip({value:"".concat(t),text:e})];case 2:n=o.sent();if(!n){r=document.createElement("duet-chip");r.variation="input";r.role="option";r.value="".concat(t);r.textContent=e;r.addEventListener("duetRemove",(function(t){var i=t.detail.value;s.removeSelectedItem(i,true)}));this.input.addChip(r)}return[2]}}))}))}));i.forEach((function(i){if(!t.includes(i.value)){i.remove()}}));return[2]}}))}))};t.prototype.getSelectedItemLabel=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var n=this;return __generator(this,(function(r){switch(r.label){case 0:t=this.processedItems.find((function(t){return n.selectedItems.has(t.id)}));if(!t)return[3,2];return[4,this.formatItem(t)];case 1:e=r.sent();return[3,3];case 2:e="";r.label=3;case 3:i=e;return[2,i]}}))}))};t.prototype.updateInputText=function(){return __awaiter(this,arguments,void 0,(function(t){var i,e,n;if(t===void 0){t=false}return __generator(this,(function(r){switch(r.label){case 0:if(t&&this.multiple){this.input.value="";return[2]}if(!(t&&this.force))return[3,3];i=this.returnFilteredOrNonFiltered();if(!this.multiple&&this.listOpen&&i.length===1&&i[0].name.toLowerCase()===this.input.value.toLowerCase()){this.updateSelectedItem(i[0].id,true)}if(!(this.selectedItems.size===0))return[3,1];this.input.value="";return[3,3];case 1:e=this.input;return[4,this.getSelectedItemLabel()];case 2:e.value=r.sent();r.label=3;case 3:if(!(!t&&this.selectedItems.size>0))return[3,6];this.input.value="";n=this.input;return[4,this.getSelectedItemLabel()];case 4:n.value=r.sent();this.input.scrollLeft=this.input.scrollWidth;return[4,this.input.setFocus()];case 5:r.sent();r.label=6;case 6:return[2]}}))}))};t.prototype.onListClick=function(t,i){t.preventDefault();t.stopPropagation();if(this.multiple){this.addSelectedItem(i.id,true)}else{this.updateSelectedItem(i.id,true)}this.activeItem=undefined;this.listOpen=false;return this.listOpen};t.prototype.scrollToActive=function(){var t=document.getElementById("".concat(this.activeDescendantId));if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.formatLabel=function(t,i,e,n){if(!t||n===undefined){return""}var r=e===n?this.accessibleLabels.item:this.accessibleLabels.itemFiltered;return r.replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(e)).replace("{hiddenItems}",String(n-e))};t.prototype.getFilteredItems=function(){var t=this;var i=this.processedItems.filter((function(i){var e,n,r,s,o;return((e=String(i.value))===null||e===void 0?void 0:e.toLowerCase()[t.filterType]((n=t.inputValue)===null||n===void 0?void 0:n.toLowerCase()))||((r=String(i.name))===null||r===void 0?void 0:r.toLowerCase()[t.filterType]((s=t.inputValue)===null||s===void 0?void 0:s.toLowerCase()))||t.formatter(i).toLowerCase()[t.filterType]((o=t.inputValue)===null||o===void 0?void 0:o.toLowerCase())||t.selectedItems.has(i.id)})).filter((function(i){var e=true;if(t.multiple&&t.selectedItems.has(i.id)){e=false}return e}));return this.sortFilteredItems(i)};t.prototype.sortFilteredItems=function(t){var i=this;if(t.length>0){t.filter((function(t){return i.selectedItems.has(t.id)})).forEach((function(i){var e=t.indexOf(i);t.splice(e,1);t.unshift(i)}))}return t};t.prototype.render=function(){var t;var e=this;var n=this.returnFilteredOrNonFiltered();return i(r,{class:(t={"duet-combobox":true},t["duet-theme-".concat(this.theme)]=true,t)},i("slot",null),i("div",null,i("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:function(t){return e.listContainer=t},accessibleRole:"listbox",allowVerticalFlip:false,class:{"duet-skip-teleport-inert":this.isInsideModal}},i("div",{class:"combobox-menu-container"},this.listOpen&&n.map((function(t,r){return i(w,{id:e.activeDescendantId,item:t,activeDescendant:r===e.activeItem,selected:e.selectedItems.has(t.id),search:e.inputValue,clickHandler:function(i){return e.onListClick(i,t)},label:e.formatLabel(t,r,n.length,e.processedItems.length),isAndroidDevice:e.isAndroidDevice})})),i("duet-spacer",{size:"x-small"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],inputValue:["inputValueHandler"],items:["processItems"],value:["processValue"]}},enumerable:false,configurable:true});return t}());k.style=S}}}));
|
|
4
|
+
*/System.register(["./p-f78b9d60.system.js","./p-9608ad22.system.js","./p-e6b5a1c7.system.js","./p-41982d26.system.js","./p-752fa0fc.system.js","./p-b5eb657a.system.js","./p-662c351a.system.js","./p-98636086.system.js"],(function(t){"use strict";var i,e,n,r,s,o,u,a,h,c,f,d,l,v,m,b,p,g,_,y;return{setters:[function(t){i=t.h;e=t.r;n=t.c;r=t.H;s=t.g},function(t){o=t.i},function(t){u=t.c},function(t){a=t.d},function(t){h=t.j;c=t.f;f=t.o;d=t.b;l=t.c},function(t){v=t.g;m=t.a;b=t.c;p=t.d},function(t){g=t.a},function(t){_=t.r;y=t.p}],execute:function(){var w=function(t){var e=t.item,n=t.activeDescendant,r=t.selected,s=t.label,o=s===void 0?undefined:s,u=t.clickHandler,a=u===void 0?function(t){t.preventDefault()}:u,h=t.keyHandler,c=h===void 0?function(t){t.preventDefault()}:h,f=t.search,d=t.isAndroidDevice,l=t.id;var v=f.split(" ").filter((function(t){return!!t.trim()})).map((function(t){return _(t)}));var m=f!==""?new RegExp("(".concat(v.join("|"),")"),"i"):undefined;var b="text-decoration: underline";return i("duet-popup-menu-item",{id:n?l:"",active:r,"data-index":e.id,"aria-selected":n?"true":undefined,"aria-current":r?"true":undefined,role:"option","aria-label":o,tabindex:d?"-1":null,onClick:function(t){return a(t)},onKeyUp:function(t){return c(t)},accessibleRole:"option",activeDescendant:n},m?i("span",{class:"option-container","aria-hidden":"true"},i("span",{innerHTML:e.name.replace(m,'<span style="'.concat(b,'">$&</span>'))})):e.name,e.tags&&i("span",{class:"option-tags"},e.tags.join(", ")))};var x='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-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";color:rgb(8, 42, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(8, 42, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}.duet-theme-turva2.duet-theme-turva.sc-duet-combobox-h{color:#172a3b}.duet-theme-turva2.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:#172a3b}';var S=x;var k=t("duet_combobox",function(){function t(t){var i=this;e(this,t);this.duetChange=n(this,"duetChange",3);var r,s;this.listBoxId=u("duet-combobox-list-element");this.inputId=u("duet-combobox-input-id");this.activeDescendantId=u("duet-combobox-active-descendant");this.isAndroidDevice=((s=(r=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||r===void 0?void 0:r.toLowerCase())===null||s===void 0?void 0:s.indexOf("android"))>-1||null;this.isInsideModal=false;this.resizeObserver=new ResizeObserver(a((function(t){var e,n,r;if((t===null||t===void 0?void 0:t.length)===1){var s=(n=(e=t[0])===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.getBoundingClientRect().width;var o=parseInt((r=getComputedStyle(i.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))===null||r===void 0?void 0:r.padding);i.listContainer.style.setProperty("--popup-width","".concat(s-2*o,"px"))}}),100));this.onInputChange=function(t){return __awaiter(i,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=t.detail.value;this.inputValue=i;return[2]}))}))};this.onInputClick=function(){var t,e;if(i.openListOnClick){i.listOpen=!i.listOpen}else{i.listOpen=((t=i.inputValue)===null||t===void 0?void 0:t.length)>=i.minCharacters}if(!((e=i.getFilteredItems())===null||e===void 0?void 0:e.length)){i.listOpen=false}};this.onInputTyping=function(t){return __awaiter(i,void 0,void 0,(function(){var i,e;return __generator(this,(function(n){e=t.detail.value;if(!this.force&&!this.multiple&&this.selectedItems.size>0&&e!==this.getSelectedItemLabel()){this.selectedItems.clear()}if(!this.force&&!this.multiple&&e===""){this.value=undefined}this.listOpen=String(e).length>=this.minCharacters&&((i=this.getFilteredItems())===null||i===void 0?void 0:i.length)>0;return[2]}))}))};this.onKeyDown=function(t){var e,n,r;var s=i.returnFilteredOrNonFiltered();var o=s.filter((function(t){return!i.selectedItems.has(t.id)}));i.input.accessibleActiveDescendant=undefined;if(h(t)){t.preventDefault();if(i.listOpen&&i.activeItem!==undefined&&s[i.activeItem]&&!i.selectedItems.has(s[i.activeItem].id)){if(i.multiple){i.addSelectedItem(s[i.activeItem].id,true)}else{i.updateSelectedItem(s[i.activeItem].id,true)}}else if(!i.multiple&&i.listOpen&&o.length===1&&o[0].name.toLowerCase()===i.input.value.toLowerCase()){i.updateSelectedItem(o[0].id,true)}i.activeItem=undefined;i.listOpen=false;return}if(c(t)||f(t)){if(i.listOpen){t.preventDefault()}i.updateInputText(true);i.activeItem=undefined;i.listOpen=false;return}var u=i.activeItem;if(d(t)){t.preventDefault();u=i.activeItem-1}else if(l(t)){if(((r=(n=(e=i.input)===null||e===void 0?void 0:e.value)===null||n===void 0?void 0:n.length)!==null&&r!==void 0?r:0)<i.minCharacters){return}t.preventDefault();u=i.listOpen?i.activeItem+1:i.activeItem;i.listOpen=true}if(l(t)||d(t)){if(u<0||!u){u=0}if(u>=s.length){u=s.length-1}i.input.accessibleActiveDescendant=i.activeDescendantId;i.activeItem=u;i.scrollToActive()}return};this.processedItems=null;this.inputValue="";this.listOpen=false;this.selectedItems=new Set;this.activeItem=undefined;this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}};this.accessibleLabels=v(this.accessibleLabelDefaults,m());this.label="";this.caption="";this.theme="";this.force=false;this.multiple=false;this.items=undefined;this.formatter=function(t){return t&&t.name?t.name:""};this.value=undefined;this.minCharacters=0;this.openListOnClick=false;this.filterType="startsWith"}t.prototype.popupMenuOpenHandler=function(){if(this.listOpen){this.listContainer.show()}else{this.listContainer.hide()}};t.prototype.activeItemHandler=function(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||t===0)?this.activeDescendantId:""};t.prototype.inputValueHandler=function(){var t=this;setTimeout((function(){return __awaiter(t,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.getSelectedItemLabel()];case 1:t=i.sent();if(this.input.value==""&&t){this.input.value="";this.value=undefined}return[2]}}))}))}),200)};t.prototype.handleDocumentClick=function(t){var i=this;var e=t.composedPath();var n=e.every((function(t){return t!==i.element}));if(n){this.updateInputText(true);this.listOpen=false}};t.prototype.formatItem=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){return[2,this.formatter(t)]}))}))};t.prototype.processItems=function(){var t=this;var i=[];this.processedItems=y(this.items);if(!Array.isArray(this.processedItems)){console.error("DuetCombobox: Items should be an array");return}if(this.processedItems.length!==new Set(__spreadArray([],this.processedItems,true)).size){console.warn("DuetCombobox: Duplicate item values found in the list")}this.processedItems=this.processedItems.map((function(t,e){if(typeof t==="string"){t={name:t,value:t}}if(t.id!==undefined){t.id=String(t.id)}else{t.id="".concat(JSON.stringify(t.value),"-").concat(t.name)}if(i.includes(t.id)){console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index");t.id="".concat(t.id,"-").concat(e)}i.push(t.id);return t}));var e=Array.from(this.selectedItems).filter((function(i){return!t.processedItems.find((function(t){return t.id===i}))}));if(e.length){if(this.multiple){e.forEach((function(i){return t.removeSelectedItem(i)}))}else{this.updateSelectedItem(e[0],true)}}};t.prototype.processValue=function(){var t=this;if(this.value!==""&&!this.value){this.selectedItems.clear();return}var i=Array.isArray(this.value)?this.value:[this.value];var e=this.processedItems.filter((function(t){return i.includes(t.value)})).map((function(t){return t.id}));if(e.length===this.selectedItems.size&&e.every((function(i){return t.selectedItems.has(i)}))){return}if(this.multiple){this.selectedItems.clear();this.input.clearChips();e.forEach((function(i){return t.addSelectedItem(i)}))}else{var n=this.processedItems.find((function(i){return i.value===t.value}));this.updateSelectedItem(n.id)}};t.prototype.processListOpenChange=function(){if(this.openListOnClick){this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"}this.input.accessibleExpanded=this.listOpen?"true":"false"};t.prototype.componentWillLoad=function(){if(this.element.closest("duet-modal")){this.isInsideModal=true}o(this)};t.prototype.connectedCallback=function(){if(this.items){this.processItems()}var t=g(this.element);if(t.length){this.input=t[0]}else{this.input=document.createElement("duet-input");this.input.label=this.label;this.input.caption=this.caption;this.input.expand=true;this.element.prepend(this.input)}this.input.chips=this.multiple;this.input.addEventListener("duetChange",this.onInputChange);this.input.addEventListener("duetInput",this.onInputTyping);this.input.addEventListener("click",this.onInputClick);this.input.role="combobox";this.input.accessibleExpanded=this.listOpen?"true":"false";this.input.accessibleAutocomplete="list";this.input.accessibleControls=this.listBoxId;this.input.id=this.inputId;this.element.addEventListener("keydown",this.onKeyDown);b(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"});this.processListOpenChange()};t.prototype.disconnectedCallback=function(){this.input.removeEventListener("duetChange",this.onInputChange);this.input.removeEventListener("click",this.onInputClick);this.element.removeEventListener("keydown",this.onKeyDown);this.resizeObserver.disconnect();p(this)};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.input);this.processValue()};t.prototype.shouldListBeFiltered=function(){var t=this;var i;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue&&((i=this.inputValue)===null||i===void 0?void 0:i.length)<this.minCharacters){var e=this.processedItems.find((function(i){return t.selectedItems.has(i.id)}));return!(this.formatter(e).toLowerCase()===this.input.value.toLowerCase())}return true};t.prototype.returnFilteredOrNonFiltered=function(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]};t.prototype.emitChangeEvent=function(t){var i=this.processedItems.find((function(i){return i.id===t}));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})};t.prototype.updateMultipleValue=function(){var t=this;this.value=this.processedItems.filter((function(i){return t.selectedItems.has(i.id)})).map((function(t){return t.value}));this.input.value="";this.updateChips();this.input.setFocus()};t.prototype.addSelectedItem=function(t,i){if(this.selectedItems.has(t)){return}this.selectedItems.add(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.removeSelectedItem=function(t,i){if(!this.selectedItems.has(t)){return}this.selectedItems.delete(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.updateSelectedItem=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.selectedItems.clear();this.selectedItems.add(t);this.value=this.processedItems.find((function(i){return i.id===t})).value;if(i){this.emitChangeEvent(this.value&&t)}return[4,this.updateInputText()];case 1:e.sent();return[2]}}))}))};t.prototype.updateChips=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(n){switch(n.label){case 0:t=Array.from(this.selectedItems);return[4,this.input.getChips()];case 1:i=n.sent();t.forEach((function(t){return __awaiter(e,void 0,void 0,(function(){var i,e,n,r;var s=this;return __generator(this,(function(o){switch(o.label){case 0:i=this.processedItems.find((function(i){return i.id===t}));return[4,this.formatItem(i)];case 1:e=o.sent();return[4,this.input.hasChip({value:"".concat(t),text:e})];case 2:n=o.sent();if(!n){r=document.createElement("duet-chip");r.variation="input";r.role="option";r.value="".concat(t);r.textContent=e;r.addEventListener("duetRemove",(function(t){var i=t.detail.value;s.removeSelectedItem(i,true)}));this.input.addChip(r)}return[2]}}))}))}));i.forEach((function(i){if(!t.includes(i.value)){i.remove()}}));return[2]}}))}))};t.prototype.getSelectedItemLabel=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var n=this;return __generator(this,(function(r){switch(r.label){case 0:t=this.processedItems.find((function(t){return n.selectedItems.has(t.id)}));if(!t)return[3,2];return[4,this.formatItem(t)];case 1:e=r.sent();return[3,3];case 2:e="";r.label=3;case 3:i=e;return[2,i]}}))}))};t.prototype.updateInputText=function(){return __awaiter(this,arguments,void 0,(function(t){var i,e,n;if(t===void 0){t=false}return __generator(this,(function(r){switch(r.label){case 0:if(t&&this.multiple){this.input.value="";return[2]}if(!(t&&this.force))return[3,3];i=this.returnFilteredOrNonFiltered();if(!this.multiple&&this.listOpen&&i.length===1&&i[0].name.toLowerCase()===this.input.value.toLowerCase()){this.updateSelectedItem(i[0].id,true)}if(!(this.selectedItems.size===0))return[3,1];this.input.value="";return[3,3];case 1:e=this.input;return[4,this.getSelectedItemLabel()];case 2:e.value=r.sent();r.label=3;case 3:if(!(!t&&this.selectedItems.size>0))return[3,6];this.input.value="";n=this.input;return[4,this.getSelectedItemLabel()];case 4:n.value=r.sent();this.input.scrollLeft=this.input.scrollWidth;return[4,this.input.setFocus()];case 5:r.sent();r.label=6;case 6:return[2]}}))}))};t.prototype.onListClick=function(t,i){t.preventDefault();t.stopPropagation();if(this.multiple){this.addSelectedItem(i.id,true)}else{this.updateSelectedItem(i.id,true)}this.activeItem=undefined;this.listOpen=false;return this.listOpen};t.prototype.scrollToActive=function(){var t=document.getElementById("".concat(this.activeDescendantId));if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.formatLabel=function(t,i,e,n){if(!t||n===undefined){return""}var r=e===n?this.accessibleLabels.item:this.accessibleLabels.itemFiltered;return r.replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(e)).replace("{hiddenItems}",String(n-e))};t.prototype.getFilteredItems=function(){var t=this;var i=this.processedItems.filter((function(i){var e,n,r,s,o;return((e=String(i.value))===null||e===void 0?void 0:e.toLowerCase()[t.filterType]((n=t.inputValue)===null||n===void 0?void 0:n.toLowerCase()))||((r=String(i.name))===null||r===void 0?void 0:r.toLowerCase()[t.filterType]((s=t.inputValue)===null||s===void 0?void 0:s.toLowerCase()))||t.formatter(i).toLowerCase()[t.filterType]((o=t.inputValue)===null||o===void 0?void 0:o.toLowerCase())||t.selectedItems.has(i.id)})).filter((function(i){var e=true;if(t.multiple&&t.selectedItems.has(i.id)){e=false}return e}));return this.sortFilteredItems(i)};t.prototype.sortFilteredItems=function(t){var i=this;if(t.length>0){t.filter((function(t){return i.selectedItems.has(t.id)})).forEach((function(i){var e=t.indexOf(i);t.splice(e,1);t.unshift(i)}))}return t};t.prototype.render=function(){var t;var e=this;var n=this.returnFilteredOrNonFiltered();return i(r,{class:(t={"duet-combobox":true},t["duet-theme-".concat(this.theme)]=true,t)},i("slot",null),i("div",null,i("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:function(t){return e.listContainer=t},accessibleRole:"listbox",allowVerticalFlip:false,class:{"duet-skip-teleport-inert":this.isInsideModal}},i("div",{class:"combobox-menu-container"},this.listOpen&&n.map((function(t,r){return i(w,{id:e.activeDescendantId,item:t,activeDescendant:r===e.activeItem,selected:e.selectedItems.has(t.id),search:e.inputValue,clickHandler:function(i){return e.onListClick(i,t)},label:e.formatLabel(t,r,n.length,e.processedItems.length),isAndroidDevice:e.isAndroidDevice})})),i("duet-spacer",{size:"x-small"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],inputValue:["inputValueHandler"],items:["processItems"],value:["processValue"]}},enumerable:false,configurable:true});return t}());k.style=S}}}));
|