@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,h as t,H as a,g as i}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,g as i}from"./p-9eed5f82.js";import{a as o}from"./p-f11208c3.js";import{D as s}from"./p-cc531319.js";import{i as n}from"./p-e5f1e38a.js";import{g as l}from"./p-1fe5a7e9.js";import{g as r,c as d,d as c}from"./p-89a1d75a.js";import"./p-8c2abe91.js";import"./p-9c3c64b9.js";const u=class{constructor(t){e(this,t),this.accessibleLabel=void 0,this.theme="",this.targetLanguage=void 0,this.active=!1,this.href="#",this.icon=void 0,this.size="inherit",this.caret=!1,this.menuItem=!1,this.accessibleLabelExternalDefaults=s,this.accessibleLabelExternal=r(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){n(this)}connectedCallback(){d(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){c(this)}render(){return t(a,{key:"37e7f55eccaef46f0fdb0cc722167b3d2be07250"},t("a",{key:"7888b5689d718e5618dbd8119513c9ad0bd88eaa",target:this.href?this.external?"_blank":"_self":null,class:{"duet-slideout-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[this.size]:!0},href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.href&&l(this)||this.accessibleLabel,rel:this.external?"noopener":void 0},this.icon&&t("duet-icon",{key:"0fdcbb18f34d423c59650e55bccee40efedb9f49",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"medium",margin:"none"}),t("div",{key:"06d69d19e7780580efd75a285c6d58008dc7ef4e",class:"label"},t("span",{key:"6db329897b1ad576bce79b2da3c2586992786239"},t("span",{key:"01b2c540cb6096bf321cd52272c7bfc7284f9532",class:"label-container"},t("span",{key:"fd2b7ff9885cd3a24f1b81e14b0e972daf606da9",class:"label-content"},t("slot",{key:"c05ee9479a383f4a3a99d1060054e4b07a510337"})),this.external&&t("duet-icon",{key:"669c2f06ba1388a117029c4bebb472a22a51d90e",class:"external-icon",theme:this.theme,name:o.title,margin:"none",size:"auto",color:"currentColor"})),t("slot",{key:"81fe3d16cde666a547216e35ebfe7c4d9289713b",name:"description"})),this.caret&&t("duet-icon",{key:"31f873adfe1e59fc420ea6cafcc9133a10e92f43",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))}get element(){return i(this)}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-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-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-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"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active .label-content::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva.active .label-content::after{background:#e61740}:host(.duet-theme-turva2) slot[name=description]::slotted(*){color:#172a3b}';export{u as duet_slideout_link}
|
|
@@ -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 a,H as r,g as i}from"./p-bf06650e.js";import{i as s}from"./p-0e7cf850.js";import{c as o}from"./p-5e59e970.js";import{c as d}from"./p-df7874f9.js";import{f as u,g as h,c,d as l}from"./p-d064df5e.js";import{c as n}from"./p-40295380.js";import"./p-9c3c64b9.js";const x=({value:t,maxlength:e,label:r,theme:i})=>{if(null==e)return;const s=t.length,o=Math.max(e-s,0);return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},o/e<=.1&&`${o} ${r}`),a("span",{"aria-hidden":"true"},s,"/",e)))},p=class{constructor(a){t(this,a),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",7),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.textareaId=o("DuetTextarea"),this.topCaptionId=o("DuetCaptionTop"),this.topCaptionPlaceholderId=o("DuetCaptionPlaceholderTop"),this.labelId=o("DuetLabel"),this.errorId=o("DuetError"),this.characterCountId=o("DuetCharacterCount"),this.disallowPatternRegex=null,this.counterLabelDefaults={fi:"merkkiä jäljellä",en:"characters remaining",sv:"tecken kvar"},this.handleInput=t=>{this.disallowPatternRegex&&d(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleChange=t=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleFocus=t=>{this.counter&&(this.hiddenCounterLabel.textContent=`${u(Math.max(this.maxlength-this.value.length,0))}/${u(this.maxlength)} ${this.counterLabel}`),this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),this.counter&&t.push(this.characterCountId),t.length>0?t.join(" "):null},this.margin="auto",this.accessibleActiveDescendant=void 0,this.accessibleAutocomplete=void 0,this.accessibleControls=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.theme="",this.expand=!1,this.disabled=!1,this.identifier=void 0,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.name=void 0,this.placeholder=void 0,this.caption=void 0,this.echoPlaceholder=!1,this.maxlength=void 0,this.minlength=void 0,this.error="",this.role=void 0,this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel=h(this.counterLabelDefaults)}get validity(){return this.nativeInput.validity}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){s(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,n(this.element,"tooltip","duet-tooltip",1,!0),this.counter&&null==this.maxlength&&console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}connectedCallback(){c(this,{prop:"counterLabel",defaults:"counterLabelDefaults"})}disconnectedCallback(){l(this)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(r,{class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{class:{"duet-textarea-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},a("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&a("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{name:"tooltip"}),this.caption&&a("duet-caption",{id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.nativeInput=t,class:{"duet-textarea":!0,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{alignment:"stretch"},a("duet-grid-item",{margin:"none",fill:!0},a("div",{class:"duet-textarea-help duet-textarea-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",null,this.error))),a("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&a(x,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&a("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:t=>{this.hiddenCounterLabel=t}})))}get element(){return i(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"]}}};p.style='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-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:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{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(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{color:#172a3b}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:#172a3b}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{background:#f5f6f7 !important;border-color:#f5f6f7 !important}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-webkit-input-placeholder{color:#7891a4}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:#b2c2cd}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:#b2c2cd}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:#b2c2cd}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:#172a3b}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:#172a3b}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:#172a3b}';export{p as duet_textarea}
|
|
4
|
+
import{r as t,c as e,h as a,H as r,g as i}from"./p-9eed5f82.js";import{i as s}from"./p-e5f1e38a.js";import{c as o}from"./p-5e59e970.js";import{c as d}from"./p-df7874f9.js";import{f as u,g as h,c,d as l}from"./p-89a1d75a.js";import{c as n}from"./p-8c2abe91.js";import"./p-9c3c64b9.js";const x=({value:t,maxlength:e,label:r,theme:i})=>{if(null==e)return;const s=t.length,o=Math.max(e-s,0);return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},o/e<=.1&&`${o} ${r}`),a("span",{"aria-hidden":"true"},s,"/",e)))},p=class{constructor(a){t(this,a),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",7),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.textareaId=o("DuetTextarea"),this.topCaptionId=o("DuetCaptionTop"),this.topCaptionPlaceholderId=o("DuetCaptionPlaceholderTop"),this.labelId=o("DuetLabel"),this.errorId=o("DuetError"),this.characterCountId=o("DuetCharacterCount"),this.disallowPatternRegex=null,this.counterLabelDefaults={fi:"merkkiä jäljellä",en:"characters remaining",sv:"tecken kvar"},this.handleInput=t=>{this.disallowPatternRegex&&d(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleChange=t=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleFocus=t=>{this.counter&&(this.hiddenCounterLabel.textContent=`${u(Math.max(this.maxlength-this.value.length,0))}/${u(this.maxlength)} ${this.counterLabel}`),this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),this.counter&&t.push(this.characterCountId),t.length>0?t.join(" "):null},this.margin="auto",this.accessibleActiveDescendant=void 0,this.accessibleAutocomplete=void 0,this.accessibleControls=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.theme="",this.expand=!1,this.disabled=!1,this.identifier=void 0,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.name=void 0,this.placeholder=void 0,this.caption=void 0,this.echoPlaceholder=!1,this.maxlength=void 0,this.minlength=void 0,this.error="",this.role=void 0,this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel=h(this.counterLabelDefaults)}get validity(){return this.nativeInput.validity}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){s(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,n(this.element,"tooltip","duet-tooltip",1,!0),this.counter&&null==this.maxlength&&console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}connectedCallback(){c(this,{prop:"counterLabel",defaults:"counterLabelDefaults"})}disconnectedCallback(){l(this)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(r,{class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{class:{"duet-textarea-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},a("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&a("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{name:"tooltip"}),this.caption&&a("duet-caption",{id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.nativeInput=t,class:{"duet-textarea":!0,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{alignment:"stretch"},a("duet-grid-item",{margin:"none",fill:!0},a("div",{class:"duet-textarea-help duet-textarea-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",null,this.error))),a("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&a(x,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&a("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:t=>{this.hiddenCounterLabel=t}})))}get element(){return i(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"]}}};p.style='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-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:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{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(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{color:#172a3b}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:#172a3b}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{background:#f5f6f7 !important;border-color:#f5f6f7 !important}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-webkit-input-placeholder{color:#7891a4}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:#b2c2cd}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:#b2c2cd}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:#b2c2cd}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:#172a3b}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:#172a3b}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:#172a3b}';export{p as duet_textarea}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,i,n){function c(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{d(n.next(e))}catch(e){r(e)}}function a(e){try{d(n["throw"](e))}catch(e){r(e)}}function d(e){e.done?i(e.value):c(e.value).then(o,a)}d((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,c,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return d([e,t])}}function d(a){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(n=1,c&&(r=a[0]&2?c["return"]:a[0]?c["throw"]||((r=c["return"])&&r.call(c),0):c.next)&&!(r=r.call(c,a[1])).done)return r;if(c=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;c=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];c=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-adeb1555.system.js","./p-d80ae90e.system.js","./p-e6b5a1c7.system.js","./p-752fa0fc.system.js","./p-61e21220.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,n,c,r,o,a,d,u,h,s;return{setters:[function(e){t=e.r;i=e.c;n=e.h;c=e.H;r=e.g},function(e){o=e.i},function(e){a=e.c},function(e){d=e.s;u=e.u;h=e.q},function(e){s=e.g},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;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(222, 224, 228)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:#172a3b !important;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:#fbe1d1;border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:#d8ae96}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:#fbe1d1;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:#e61740}';var l=p;var b=e("duet_chip",function(){function e(e){var n=this;t(this,e);this.duetChange=i(this,"duetChange",3);this.duetRemove=i(this,"duetRemove",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.chipId=a("DuetChip");this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"};this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"};this.enforceNoDisabledSelected=function(){if(n.disabled&&n.checked){console.error("Duet error: pre-selected chip may not be disabled");n.disabled=false}};this.radioInputListenersRemove=function(e){e.removeEventListener("change",n.onRadioChange);e.removeEventListener("click",n.onRadioClick);e.removeEventListener("focus",n.onFocus);e.removeEventListener("blur",n.onBlur)};this.radioInputListenersAdd=function(e){e.addEventListener("change",n.onRadioChange);e.addEventListener("click",n.onRadioClick);e.addEventListener("focus",n.onFocus);e.addEventListener("blur",n.onBlur)};this.radioInputSetUp=function(){var e=n.element.querySelector("input[slot=input]");var t=e||document.createElement("input");t.slot="input";t.ariaDisabled=n.disabled?"true":undefined;t.id=n.identifier||n.chipId;t.type="radio";t.name=n.name;t.value=n.value;t.checked=n.checked;t.ariaLabel=n.element.textContent;if(e){n.radioInputListenersRemove(t)}else{n.element.appendChild(t)}n.radioInputListenersAdd(t);n.focusableElement=t};this.popupSetUp=function(){var e=document.querySelector("duet-popup-menu#".concat(n.popup));if(e){n.popupElement=e;e.controller=n.element;var t=n.element.textContent;var i=n.value;if(!e.id){e.id="popup-menu"}e.addEventListener("duetToggle",(function(e){n.popupOpen=e.detail.open}));var c=function(){e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.active=false}))};e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.addEventListener("click",(function(r){var o;var a=(o=e.value)!==null&&o!==void 0?o:e.innerText;if(!e.active){c();e.active=true;n.element.textContent=e.innerText;n.value=a;n.checked=true}else{c();n.element.textContent=t;n.value=i;n.checked=false}n.emitChange(r);setTimeout((function(){if(n.popupElement.isOpen()){n.popupElement.hide()}}))}))}))}};this.onFocus=function(e){n.focus=true;n.duetFocus.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onBlur=function(e){n.focus=false;n.duetBlur.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.emitChange=function(e){n.duetChange.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onFilterChange=function(e){n.checked=!n.checked;n.emitChange(e)};this.onRadioChange=function(e){var t=n.focusableElement;var i=t.checked;n.checked=i;n.emitChange(e)};this.onRadioClick=function(e){if(n.disabled){e.preventDefault()}};this.onFilterClick=function(e){if(n.disabled){e.stopPropagation();e.preventDefault();return}if(n.popupElement){e.stopPropagation();e.preventDefault();n.popupElement.toggle()}};this.onRemoveClick=function(e){e===null||e===void 0?void 0:e.stopPropagation();e===null||e===void 0?void 0:e.preventDefault();n.duetRemove.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"});n.element.remove()};this.focus=false;this.popupElement=undefined;this.popupOpen=undefined;this.inputChipHover=false;this.inputChipDeleteFocus=false;this.accessibleLabel=undefined;this.variation="button";this.size="medium";this.popup=undefined;this.icon="";this.theme="";this.identifier=undefined;this.value=undefined;this.name=undefined;this.selected=false;this.checked=false;this.disabled=false;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.clearOtherRadioButtons=function(){var e=this;if(this.variation==="radio"&&this.checked){var t=document.querySelectorAll('duet-chip[variation="radio"][name="'.concat(this.name,'"]'));t.forEach((function(t){if(t!==e.element){t.checked=false}}))}};e.prototype.removeDisabledAttributeWhenFalse=function(){if(!this.disabled){this.element.removeAttribute("disabled")}};e.prototype.componentWillLoad=function(){o(this);this.removeDisabledAttributeWhenFalse();this.popupSetUp();this.enforceNoDisabledSelected()};e.prototype.connectedCallback=function(){d(this)};e.prototype.disconnectedCallback=function(){u(this)};e.prototype.componentDidRender=function(){if(this.variation==="radio"){this.radioInputSetUp()}};e.prototype.getAccessibleExpanded=function(){if(this.accessibleExpanded!=null){return(!!this.accessibleExpanded).toString()}if(this.popupElement){return this.popupOpen?"true":"false"}return undefined};e.prototype.getAccessiblePopup=function(){if(this.popupElement){return"true"}else{return this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}};e.prototype.getAccessibleDeleteLabel=function(){return"".concat(s(this.deleteLabels)," ").concat(this.element.textContent)};e.prototype.getAccessibleInputChipLabel=function(){return"".concat(this.element.textContent).concat(this.selected?" (".concat(s(this.selectedForDeletionLabels),") "):"",",")};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){h();setTimeout((function(){return t.focusableElement.focus(e)}),200);return[2]}))}))};e.prototype.setDeleteFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){setTimeout((function(){return e.deleteButtonElement.focus()}),200);return[2]}))}))};e.prototype.removeChip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onRemoveClick();return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var r;var o=this.identifier||this.chipId;var a=(e={"duet-chip-container":true},e["duet-chip-".concat(this.variation)]=true,e["duet-chip-focus"]=this.focus,e["duet-chip-selected"]=this.selected,e["duet-chip-hover"]=this.inputChipHover,e["duet-chip-delete-focus"]=this.inputChipDeleteFocus,e["duet-chip-has-icon"]=!!this.icon,e["duet-chip-has-popup"]=this.variation==="filter"&&!!this.popupElement,e["duet-theme-turva"]=this.theme==="turva",e["duet-chip-filter-checked"]=this.variation==="filter"&&this.checked,e["duet-chip-radio-checked"]=this.variation==="radio"&&this.checked,e["duet-chip-filter-popup-open"]=this.popupOpen,e["duet-chip-disabled"]=this.disabled,e[this.size]=true,e);var d={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return i.focusableElement=e}};return n(c,{key:"b6fb72c89bb3173bbab5a049fa15e1952c16205e",class:(t={},t[this.variation]=true,t)},this.variation==="button"&&n("span",{key:"67b4e89093f32e48fa8b0f34cc0bb04cf84fe4d7",class:a},n("button",Object.assign({key:"136da64b566f3ab1aac3ac06e221b382293eafc1",id:o,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,name:this.name,value:this.value,onClick:this.disabled?function(e){return e.stopPropagation()}:undefined},d),n("span",{key:"edd95585532bb3793d25c9d59ff736bfd93a698f",class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{key:"7eee1a45099e4b7e887ca9c18973d5491eebc49e",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",{key:"22c6c1e797b3d7ae8d5066e5e54d9d9b091fd8af"}))),this.variation==="input"&&n("span",{key:"6190f5af72bea43c3225440e936d6bcac3ee1a1a",class:a,"aria-label":this.getAccessibleInputChipLabel()},n("button",Object.assign({key:"684bbf1c87dbcc51074a469fef71eabc67b8b3cc",id:o,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:function(){return i.inputChipHover=true},onMouseOut:function(){return i.inputChipHover=false},onClick:function(){return i.selected=!i.selected}},d),n("span",{key:"3e9d81e6b529cbedd4dc059d2a69c7672dba4c15",class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{key:"4eb3a40447390af6f7005afdaf8a892fdb1a37a0",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",{key:"6a41790d5bb9b18d29aed4104f7875f4b82a6182"})),n("button",{key:"2aa0bd85705bd9d0f2f9107b81e1c478b79670e7",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:function(){return i.inputChipDeleteFocus=true},onBlur:function(){return i.inputChipDeleteFocus=false},ref:function(e){return i.deleteButtonElement=e}},n("duet-icon",{key:"42142c43f116826ea4754ad43715380a5168a4a0",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),this.variation==="filter"&&n("span",{key:"da7635d906a3000bdba610b199be6e02e67999a3",class:a},n("input",Object.assign({key:"991860c1d1faaf8b0b94c23878c0fda4cc57d5b2","aria-haspopup":this.getAccessiblePopup(),"aria-controls":(r=this.popupElement)===null||r===void 0?void 0:r.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,id:o,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},d)),n("label",{key:"19200514b12edc1c34ee60d7141e2e443de2f4eb",htmlFor:o},this.icon&&n("span",{key:"e829017680ab4f77b068a795500ab0e228252910",class:"duet-chip-icon-container"},n("duet-icon",{key:"f3726f51afd71e1621bc838d3a5bb01ac741898a",name:this.icon,size:this.size==="large"?"small":"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{key:"38ebb64dffbad02205d259ddc908ad4448146e2c",name:"messaging-checked-small",size:this.size==="large"?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",{key:"fdc200f7e366b400ee41adcc43793c1b57c73044"}),this.popupElement&&n("span",{key:"154e4ee257d7152de4bd6089d650f89abab7849b",class:"duet-chip-popup-disclosure"},n("duet-icon",{key:"51559fda4889f9b1d1c5db56005140037d10bbe0",name:"action-arrow-down-small",size:this.size==="large"?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),this.variation==="radio"&&n("span",{key:"05b32d584d059da2136a8c3bf615d8c54733b242",class:a},n("slot",{key:"4b75c8a08549ecefda7cbc774e6877a688c5c96a",name:"input"}),n("label",{key:"08d85749a874e5196eb21eb54a132156c7cc6dcf",htmlFor:o},this.icon&&n("span",{key:"48ed797d8716ecaea0c06bd2dcd41ab28bbc14e9",class:"duet-chip-icon-container"},n("duet-icon",{key:"befa22bdb1d0b2682d316551eb8ac873128b0ccf",name:this.icon,size:this.size==="large"?"small":"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{key:"3eab74ef52e823c81daf1c71379127c7650bba80",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",{key:"460c29546099eb06cc2dfa71baf9a57999d4f838"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}},enumerable:false,configurable:true});return e}());b.style=l}}}));
|
|
4
|
+
*/System.register(["./p-f78b9d60.system.js","./p-9608ad22.system.js","./p-e6b5a1c7.system.js","./p-752fa0fc.system.js","./p-b5eb657a.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,n,c,r,o,a,d,u,h,s;return{setters:[function(e){t=e.r;i=e.c;n=e.h;c=e.H;r=e.g},function(e){o=e.i},function(e){a=e.c},function(e){d=e.s;u=e.u;h=e.q},function(e){s=e.g},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;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(222, 224, 228)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:#172a3b !important;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:#fbe1d1;border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:#d8ae96}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:#fbe1d1;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:#e61740}';var l=p;var b=e("duet_chip",function(){function e(e){var n=this;t(this,e);this.duetChange=i(this,"duetChange",3);this.duetRemove=i(this,"duetRemove",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.chipId=a("DuetChip");this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"};this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"};this.enforceNoDisabledSelected=function(){if(n.disabled&&n.checked){console.error("Duet error: pre-selected chip may not be disabled");n.disabled=false}};this.radioInputListenersRemove=function(e){e.removeEventListener("change",n.onRadioChange);e.removeEventListener("click",n.onRadioClick);e.removeEventListener("focus",n.onFocus);e.removeEventListener("blur",n.onBlur)};this.radioInputListenersAdd=function(e){e.addEventListener("change",n.onRadioChange);e.addEventListener("click",n.onRadioClick);e.addEventListener("focus",n.onFocus);e.addEventListener("blur",n.onBlur)};this.radioInputSetUp=function(){var e=n.element.querySelector("input[slot=input]");var t=e||document.createElement("input");t.slot="input";t.ariaDisabled=n.disabled?"true":undefined;t.id=n.identifier||n.chipId;t.type="radio";t.name=n.name;t.value=n.value;t.checked=n.checked;t.ariaLabel=n.element.textContent;if(e){n.radioInputListenersRemove(t)}else{n.element.appendChild(t)}n.radioInputListenersAdd(t);n.focusableElement=t};this.popupSetUp=function(){var e=document.querySelector("duet-popup-menu#".concat(n.popup));if(e){n.popupElement=e;e.controller=n.element;var t=n.element.textContent;var i=n.value;if(!e.id){e.id="popup-menu"}e.addEventListener("duetToggle",(function(e){n.popupOpen=e.detail.open}));var c=function(){e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.active=false}))};e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.addEventListener("click",(function(r){var o;var a=(o=e.value)!==null&&o!==void 0?o:e.innerText;if(!e.active){c();e.active=true;n.element.textContent=e.innerText;n.value=a;n.checked=true}else{c();n.element.textContent=t;n.value=i;n.checked=false}n.emitChange(r);setTimeout((function(){if(n.popupElement.isOpen()){n.popupElement.hide()}}))}))}))}};this.onFocus=function(e){n.focus=true;n.duetFocus.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onBlur=function(e){n.focus=false;n.duetBlur.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.emitChange=function(e){n.duetChange.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onFilterChange=function(e){n.checked=!n.checked;n.emitChange(e)};this.onRadioChange=function(e){var t=n.focusableElement;var i=t.checked;n.checked=i;n.emitChange(e)};this.onRadioClick=function(e){if(n.disabled){e.preventDefault()}};this.onFilterClick=function(e){if(n.disabled){e.stopPropagation();e.preventDefault();return}if(n.popupElement){e.stopPropagation();e.preventDefault();n.popupElement.toggle()}};this.onRemoveClick=function(e){e===null||e===void 0?void 0:e.stopPropagation();e===null||e===void 0?void 0:e.preventDefault();n.duetRemove.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"});n.element.remove()};this.focus=false;this.popupElement=undefined;this.popupOpen=undefined;this.inputChipHover=false;this.inputChipDeleteFocus=false;this.accessibleLabel=undefined;this.variation="button";this.size="medium";this.popup=undefined;this.icon="";this.theme="";this.identifier=undefined;this.value=undefined;this.name=undefined;this.selected=false;this.checked=false;this.disabled=false;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.clearOtherRadioButtons=function(){var e=this;if(this.variation==="radio"&&this.checked){var t=document.querySelectorAll('duet-chip[variation="radio"][name="'.concat(this.name,'"]'));t.forEach((function(t){if(t!==e.element){t.checked=false}}))}};e.prototype.removeDisabledAttributeWhenFalse=function(){if(!this.disabled){this.element.removeAttribute("disabled")}};e.prototype.componentWillLoad=function(){o(this);this.removeDisabledAttributeWhenFalse();this.popupSetUp();this.enforceNoDisabledSelected()};e.prototype.connectedCallback=function(){d(this)};e.prototype.disconnectedCallback=function(){u(this)};e.prototype.componentDidRender=function(){if(this.variation==="radio"){this.radioInputSetUp()}};e.prototype.getAccessibleExpanded=function(){if(this.accessibleExpanded!=null){return(!!this.accessibleExpanded).toString()}if(this.popupElement){return this.popupOpen?"true":"false"}return undefined};e.prototype.getAccessiblePopup=function(){if(this.popupElement){return"true"}else{return this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}};e.prototype.getAccessibleDeleteLabel=function(){return"".concat(s(this.deleteLabels)," ").concat(this.element.textContent)};e.prototype.getAccessibleInputChipLabel=function(){return"".concat(this.element.textContent).concat(this.selected?" (".concat(s(this.selectedForDeletionLabels),") "):"",",")};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){h();setTimeout((function(){return t.focusableElement.focus(e)}),200);return[2]}))}))};e.prototype.setDeleteFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){setTimeout((function(){return e.deleteButtonElement.focus()}),200);return[2]}))}))};e.prototype.removeChip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onRemoveClick();return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var r;var o=this.identifier||this.chipId;var a=(e={"duet-chip-container":true},e["duet-chip-".concat(this.variation)]=true,e["duet-chip-focus"]=this.focus,e["duet-chip-selected"]=this.selected,e["duet-chip-hover"]=this.inputChipHover,e["duet-chip-delete-focus"]=this.inputChipDeleteFocus,e["duet-chip-has-icon"]=!!this.icon,e["duet-chip-has-popup"]=this.variation==="filter"&&!!this.popupElement,e["duet-theme-turva"]=this.theme==="turva",e["duet-chip-filter-checked"]=this.variation==="filter"&&this.checked,e["duet-chip-radio-checked"]=this.variation==="radio"&&this.checked,e["duet-chip-filter-popup-open"]=this.popupOpen,e["duet-chip-disabled"]=this.disabled,e[this.size]=true,e);var d={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return i.focusableElement=e}};return n(c,{key:"b6fb72c89bb3173bbab5a049fa15e1952c16205e",class:(t={},t[this.variation]=true,t)},this.variation==="button"&&n("span",{key:"67b4e89093f32e48fa8b0f34cc0bb04cf84fe4d7",class:a},n("button",Object.assign({key:"136da64b566f3ab1aac3ac06e221b382293eafc1",id:o,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,name:this.name,value:this.value,onClick:this.disabled?function(e){return e.stopPropagation()}:undefined},d),n("span",{key:"edd95585532bb3793d25c9d59ff736bfd93a698f",class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{key:"7eee1a45099e4b7e887ca9c18973d5491eebc49e",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",{key:"22c6c1e797b3d7ae8d5066e5e54d9d9b091fd8af"}))),this.variation==="input"&&n("span",{key:"6190f5af72bea43c3225440e936d6bcac3ee1a1a",class:a,"aria-label":this.getAccessibleInputChipLabel()},n("button",Object.assign({key:"684bbf1c87dbcc51074a469fef71eabc67b8b3cc",id:o,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:function(){return i.inputChipHover=true},onMouseOut:function(){return i.inputChipHover=false},onClick:function(){return i.selected=!i.selected}},d),n("span",{key:"3e9d81e6b529cbedd4dc059d2a69c7672dba4c15",class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{key:"4eb3a40447390af6f7005afdaf8a892fdb1a37a0",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",{key:"6a41790d5bb9b18d29aed4104f7875f4b82a6182"})),n("button",{key:"2aa0bd85705bd9d0f2f9107b81e1c478b79670e7",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:function(){return i.inputChipDeleteFocus=true},onBlur:function(){return i.inputChipDeleteFocus=false},ref:function(e){return i.deleteButtonElement=e}},n("duet-icon",{key:"42142c43f116826ea4754ad43715380a5168a4a0",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),this.variation==="filter"&&n("span",{key:"da7635d906a3000bdba610b199be6e02e67999a3",class:a},n("input",Object.assign({key:"991860c1d1faaf8b0b94c23878c0fda4cc57d5b2","aria-haspopup":this.getAccessiblePopup(),"aria-controls":(r=this.popupElement)===null||r===void 0?void 0:r.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,id:o,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},d)),n("label",{key:"19200514b12edc1c34ee60d7141e2e443de2f4eb",htmlFor:o},this.icon&&n("span",{key:"e829017680ab4f77b068a795500ab0e228252910",class:"duet-chip-icon-container"},n("duet-icon",{key:"f3726f51afd71e1621bc838d3a5bb01ac741898a",name:this.icon,size:this.size==="large"?"small":"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{key:"38ebb64dffbad02205d259ddc908ad4448146e2c",name:"messaging-checked-small",size:this.size==="large"?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",{key:"fdc200f7e366b400ee41adcc43793c1b57c73044"}),this.popupElement&&n("span",{key:"154e4ee257d7152de4bd6089d650f89abab7849b",class:"duet-chip-popup-disclosure"},n("duet-icon",{key:"51559fda4889f9b1d1c5db56005140037d10bbe0",name:"action-arrow-down-small",size:this.size==="large"?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),this.variation==="radio"&&n("span",{key:"05b32d584d059da2136a8c3bf615d8c54733b242",class:a},n("slot",{key:"4b75c8a08549ecefda7cbc774e6877a688c5c96a",name:"input"}),n("label",{key:"08d85749a874e5196eb21eb54a132156c7cc6dcf",htmlFor:o},this.icon&&n("span",{key:"48ed797d8716ecaea0c06bd2dcd41ab28bbc14e9",class:"duet-chip-icon-container"},n("duet-icon",{key:"befa22bdb1d0b2682d316551eb8ac873128b0ccf",name:this.icon,size:this.size==="large"?"small":"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{key:"3eab74ef52e823c81daf1c71379127c7650bba80",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",{key:"460c29546099eb06cc2dfa71baf9a57999d4f838"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}},enumerable:false,configurable:true});return e}());b.style=l}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as s,H as i,g as e}from"./p-
|
|
4
|
+
import{r as t,h as s,H as i,g as e}from"./p-9eed5f82.js";const a=class{constructor(s){t(this,s),this.replacePlaceHolders=t=>{const s=t=>t>1?`${t} ${this.statusMessageLabel.files}`:`${t} ${this.statusMessageLabel.file}`;return t.replace("{filesUploaded}",s(this.valid)).replace("{filesInProgress}",s(this.inprogress)).replace("{filesTotal}",s(this.total)).replace("{filesWithErrors}",s(this.invalid))},this.getStatusMessage=()=>{const{done:t,inProgress:s,doneWithErrors:i,inProgressWithErrors:e}=this.statusMessageLabel,a=this.invalid>0,r=this.inprogress>0,h=this.valid+this.invalid===this.total&&!r;this.valid!==this.total||r||a?this.inprogress>0&&a?this.statusMessage=this.replacePlaceHolders(e):r?this.statusMessage=this.replacePlaceHolders(s):h&&(this.statusMessage=this.replacePlaceHolders(i)):this.statusMessage=this.replacePlaceHolders(t)},this.statusMessage=null,this.statusMessageLabel=null,this.accessibleAriaLive="polite",this.valid=void 0,this.total=void 0,this.invalid=void 0,this.inprogress=void 0}watchHandler(t,s){t!==s&&this.getStatusMessage()}render(){return s(i,{key:"29a5f69ac1efab8c5faba9b62b86ae0201b67f92",role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},s("duet-visually-hidden",{key:"def6c734ea787016244670da4652bbca170ee664"},this.statusMessage))}get element(){return e(this)}static get watchers(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}}};export{a as duet_upload_aria_status}
|
|
@@ -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 i,g as a}from"./p-
|
|
4
|
+
import{r as t,c as e,h as o,H as i,g as a}from"./p-9eed5f82.js";import{i as n}from"./p-e5f1e38a.js";import{c as s}from"./p-5e59e970.js";import{d as r}from"./p-9e371678.js";import{i as d}from"./p-a45e3f8b.js";import{g as u,c,d as h}from"./p-89a1d75a.js";import{c as b,g as l,s as p}from"./p-5de30279.js";import"./p-9c3c64b9.js";import"./p-17efced0.js";const m=class{constructor(o){t(this,o),this.duetActionEvent=e(this,"duetActionEvent",6),this.listId=s("duet-action-button"),this.emitPageEvent=r((t=>{this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionId,name:this.actionName,meta:this.actionMeta,id:this.listId})})),this.numbersStore="",this.theme="",this.iconName="action-arrow-left-small",this.iconColor="currentColor",this.iconSize="xx-small",this.actionName=void 0,this.actionId=void 0,this.actionMeta=void 0,this.disabled=!1,this.color="",this.background="",this.accessibleTitle=!0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"},this.accessibleLabel=u(this.accessibleLabelsDefaults),this.accessibleControls="",this.url=void 0}async onKeyboardDown(t){d(t)&&this.emitPageEvent(t)}getTitle(){return"string"==typeof this.accessibleTitle?this.accessibleTitle:!0===this.accessibleTitle&&this.actionName?b(`${this.actionName}`):null}async onMouseHandler(t){t.preventDefault(),this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta})}componentWillLoad(){n(this)}connectedCallback(){c(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){h(this)}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){const t="currentColor"===this.color?"currentColor":l(this.color,this.theme),e=l(this.background,this.theme),a=e?p(e,-.1):e,n=e?`\n button.duet-action-button {\n background: ${e} !important;\n }\n button.duet-action-button:not(:disabled):hover {\n background: ${a} !important;\n }\n `:"",s={ref:t=>this.nativeButton=t,part:"button",style:{color:t,"border-color":l(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"},disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:{"duet-action-button":!0,"duet-action-button--disabled":this.disabled,[`duet-action-button--${this.theme}`]:""!==this.theme,"duet-theme-turva":"turva"===this.theme}};return o(i,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:t=>this.onKeyboardDown(t)},o("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:n}),this.url&&!this.disabled?o("a",Object.assign({},s,{href:this.url}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):o("button",Object.assign({},s,{onClick:t=>this.onMouseHandler(t)}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),o("duet-visually-hidden",null,o("slot",null))))}get element(){return a(this)}};m.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:focus{box-shadow:0 0 0 2px #172a3b !important}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important;box-shadow:none}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:disabled{color:#7891a4;background:#f5f6f7}";export{m as duet_action_button}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function s(e){try{u(i.next(e))}catch(e){r(e)}}function o(e){try{u(i["throw"](e))}catch(e){r(e)}}function u(e){e.done?n(e.value):a(e.value).then(s,o)}u((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return u([e,t])}}function u(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;a=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){n.label=o[1];break}if(o[0]===6&&n.label<r[1]){n.label=r[1];r=o;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(o);break}if(r[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];a=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[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-b5eb657a.system.js","./p-d63c92fc.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,n,i,a,r,s;return{setters:[function(e){t=e.r;n=e.h;i=e.g},function(e){a=e.i},function(e){r=e.g},function(e){s=e.a},function(){}],execute:function(){var o=function(e,t){if(t===void 0){t=2}if(e===0){return"0 Bytes"}var n=1024;var i=t<0?0:t;var a=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"];var r=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,r)).toFixed(i))+" "+a[r]};var u=".file-link::part(duet-link){text-decoration:none}";var c=u;var d=e("duet_upload_item",function(){function e(e){var n=this;t(this,e);this.fileUploadingInfo={fi:"Tiedosto latautuu",sv:"Filen laddas upp",en:"File is uploading"};this.onLinkClick=function(e){var t=n.data,i=t.url,a=t.meta;if(!!n.linkClickEvent){e.preventDefault();n.linkClickEvent.emit({component:"duet-upload",data:{name:n.data.item.name,url:i,meta:a}})}};this.theme="";this.data=undefined;this.type=undefined;this.showLinks=undefined;this.actions=undefined;this.buttonTitles=undefined;this.label=undefined;this.categoryLabel=undefined;this.errorCodes=undefined;this.showCategory=undefined;this.linkClickEvent=undefined}e.prototype.componentWillLoad=function(){a(this)};e.prototype.focusActionButton=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.actionButton)return[3,2];return[4,this.actionButton.setFocus({preventScroll:true})];case 1:e.sent();this.actionButton.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"});e.label=2;case 2:return[2]}}))}))};e.prototype.getFileNameLine=function(){var e=this.data,t=e.item,i=e.size,a=e.uploaded,u=e.url,c=e.progress,d=e.error;var l=t.name;var h=n("span",{class:"duet-upload-item-name"},n("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),l);var f=n("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",o(i),")");switch(this.type){case"inprogress":return n("span",{class:"duet-upload-item-name",role:"status"},n("duet-paragraph",{class:"duet-upload-item-name",color:"gray-darker",margin:"none",weight:"semi-bold"},n("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),l),n("duet-visually-hidden",null,n("duet-paragraph",null,r(this.fileUploadingInfo))),n("duet-progress",{theme:this.theme,progress:Math.ceil(c),"aria-hidden":true}));case"pending":return n("span",{class:"duet-upload-item-name"},n("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),l);case"failure":return n("span",{class:"duet-upload-item-error",role:"status"},n("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},n("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),l),n("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},s(d.type,this.errorCodes)));default:return a&&u&&this.showLinks?n("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},n("duet-link",{class:"file-link",onClick:this.onLinkClick,url:u},h),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),f):n("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},h,n("duet-spacer",{size:"xx-small",direction:"horizontal"}),f)}};e.prototype.getActionButtonTitle=function(e){if(this.buttonTitles[e.name]===true||this.buttonTitles[e.name]===false){return e}return r(this.buttonTitles[e.name])};e.prototype.render=function(){var e=this;var t=this.data,i=t.uid,a=t.meta,s=t.item;var o=a&&a.badges?n("span",null,a.badges.map((function(e){return n("duet-badge",{color:"primary"},e)}))):undefined;var u="".concat(a&&a.badges?a.badges.join(","):""," ").concat(s.name);return n("div",{key:"1f218828b275a4e375e1abc5bdfc07efd523cc65",class:{"upload-item-row":true}},this.showCategory&&n("div",{key:"658d56994cf4d0ba61795e1acb9fe240af8ff721",class:"item-categories"},n("duet-heading",{key:"43c031580760f22c5e947204718a95d7dd04d344",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},r(this.categoryLabel)),o),n("div",{key:"1c1a0d54400f909928885b373f98b250bd06cec0",class:{"item-name":true,"no-category":!this.showCategory}},!!this.label&&n("duet-heading",{key:"4255fa3f11831fc197e8f757bb4fbb6261592ead",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},r(this.label)),this.getFileNameLine()),n("div",{key:"5195ccc35498ad7538d7aba059262d4704d600a8",class:"item-actions"},this.actions.map((function(t){return n("duet-action-button",{actionMeta:Object.assign({},a||{}),actionId:i||null,actionName:t.name,theme:e.theme,iconName:t.icon,iconColor:t.color,iconSize:t.size,background:t.background,"accessible-label":"".concat(u," ").concat(r(t.label)," "),accessibleTitle:e.getActionButtonTitle(t),ref:function(t){return e.actionButton=t}})}))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());d.style=c}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,i,a){function d(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function n(e){try{s(a.next(e))}catch(e){o(e)}}function r(e){try{s(a["throw"](e))}catch(e){o(e)}}function s(e){e.done?i(e.value):d(e.value).then(n,r)}s((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,d,o,n;return n={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function r(e){return function(t){return s([e,t])}}function s(r){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,r[0]&&(i=0)),i)try{if(a=1,d&&(o=r[0]&2?d["return"]:r[0]?d["throw"]||((o=d["return"])&&o.call(d),0):d.next)&&!(o=o.call(d,r[1])).done)return o;if(d=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;d=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=t.call(e,i)}catch(e){r=[6,e];d=0}finally{a=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-adeb1555.system.js","./p-49957220.system.js","./p-d80ae90e.system.js","./p-76332920.system.js","./p-dff0867d.system.js","./p-752fa0fc.system.js","./p-61e21220.system.js","./p-e50a2f96.system.js","./p-b1f33063.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,a,d,o,n,r,s,u,l,m,c,h,f,p,b;return{setters:[function(e){t=e.r;i=e.c;a=e.h;d=e.g},function(e){o=e.d;n=e.e},function(e){r=e.i},function(e){s=e.a},function(e){u=e.f},function(e){l=e.f},function(e){m=e.a;c=e.g;h=e.c;f=e.d},function(e){p=e.h},function(e){b=e.T},function(){}],execute:function(){var g='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:16px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{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-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:16px 16px 0 0;opacity:1;transition:top 600ms ease}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);border-radius:16px 16px 0 0}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-modal-close{position:absolute;top:8px;right:8px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-modal{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header{background:#fdf7f2;border-bottom:1px solid #d4dde2}';var y=g;var v=600;var x=e("duet_modal",function(){function e(e){t(this,e);this.duetOpen=i(this,"duetOpen",7);this.duetClose=i(this,"duetClose",7);this.duetCloseComplete=i(this,"duetCloseComplete",7);this.duetBeforeClose=i(this,"duetBeforeClose",7);var a,d;this.hasStickyHeader=false;this.isAndroidDevice=((d=(a=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||a===void 0?void 0:a.toLowerCase())===null||d===void 0?void 0:d.indexOf("android"))>-1||null;this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.accessibleLoaderAnnouncementDefaults=s;this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"};this.handleAndroidResizeEvents=function(){if(document.activeElement.tagName=="INPUT"){window.setTimeout((function(){var e;try{(e=document===null||document===void 0?void 0:document.activeElement)===null||e===void 0?void 0:e.scrollIntoViewIfNeeded(true)}catch(e){}}),100)}};this.open=false;this.language=m();this.accessibleCloseLabel=c(this.accessibleCloseLabelDefaults,this.language);this.accessibleLoaderAnnouncement=c(this.accessibleLoaderAnnouncementDefaults,this.language);this.size="medium";this.accessibleDescribedBy=undefined;this.accessibleLabelledBy=undefined;this.accessibleLabel=undefined;this.accessibleDetails=undefined;this.accessibleDescription=undefined;this.variation="default";this.gutterSize="medium";this.theme="";this.heading="";this.headingLevel="h3";this.headingVisualLevel=undefined;this.icon="";this.color="";this.active=false;this.closeOnBlur=false}e.prototype.openChanged=function(){var e=this;if(this.open){if(this.modalEl&&this.modalEl.scrollTop){this.modalEl.scrollTop=0}this.focusedElBeforeOpen=document.activeElement;o(this.variation==="slide-up"?this.modalContentEl:this.modalEl,{reserveScrollBarGap:true});this.teleport.makeSiblingsInert();this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.remove()}));setTimeout((function(){if(e.variation==="loader"){e.addMessage(e.accessibleLoaderAnnouncement,false)}else{if(e.isAndroidDevice){e.modalEl.focus()}else{e.buttonEl.setFocus()}}}),v);setTimeout((function(){e.modalEl.classList.add("duet-disable-transitions")}),v+200);if(this.isAndroidDevice){window.addEventListener("resize",this.handleAndroidResizeEvents)}this.duetOpen.emit()}else{this.modalEl.classList.remove("duet-disable-transitions");this.modalEl.addEventListener("transitionend",(function(){return e.duetCloseComplete.emit()}),{once:true});n(this.variation==="slide-up"?this.modalContentEl:this.modalEl);this.duetClose.emit();this.teleport.removeInertFromSiblings();setTimeout((function(){u(e.focusedElBeforeOpen)}),v);if(this.isAndroidDevice){window.removeEventListener("resize",this.handleAndroidResizeEvents)}}};e.prototype.activeChanged=function(){this.open=this.active};e.prototype.componentWillLoad=function(){this.hasStickyHeader=p(this.element,"sticky-header");r(this)};e.prototype.componentDidLoad=function(){if(this.active){this.open=true;this.modalEl.classList.add("duet-disable-transitions")}};e.prototype.connectedCallback=function(){if(!this.teleport){this.teleport=new b(this.element)}if(this.teleport){this.teleport.activate()}h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])};e.prototype.disconnectedCallback=function(){f(this);if(this.modalEl){n(this.modalEl)}};e.prototype.handleKeyUp=function(e){if(this.open){if(l(e)){this.closeModal(e)}}};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;return[2]}))}))};e.prototype.scrollToTop=function(){return __awaiter(this,arguments,void 0,(function(e){var t,i,a,d;if(e===void 0){e=true}return __generator(this,(function(o){i=e?"smooth":"auto";if(this.variation==="slide-up"){a=((t=this.modalEl.querySelector(".duet-modal-sticky-header"))===null||t===void 0?void 0:t.clientHeight)||0;d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop="".concat(a+d.value,"px");this.slotContainerEl.scrollIntoView({behavior:i})}else{this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:i})}return[2]}))}))};e.prototype.addMessage=function(e){return __awaiter(this,arguments,void 0,(function(e,t){var i;var a=this;if(t===void 0){t=true}return __generator(this,(function(d){i=document.createElement(t?"duet-paragraph":"duet-visually-hidden");i.textContent=e;i.classList.add("duet-loader-message");if(t){setTimeout((function(){a.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.classList.remove("show")}));i.classList.add("show")}),10)}this.slotContainerEl.appendChild(i);return[2]}))}))};e.prototype.closeModal=function(e){var t=this;this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"});if(!e.defaultPrevented){setTimeout((function(){t.hide()}),1)}};e.prototype.render=function(){var e,t;var i=this;var d,o;var n="primary";var r="secondary";var s=a("div",{key:"675dc50327ab1e0f8033a2befcdf37cd4d3e0bf2",class:"duet-modal-close"},a("duet-button",{key:"4184913dd9b92a9b95f1d5e773800766530b97cf",ref:function(e){return i.buttonEl=e},variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:r,iconSize:"large",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:function(e){return i.closeModal(e)},fixed:true}));if(this.theme==="turva"){n="primary-turva";r="secondary-turva"}return a("div",{key:"0751e3ddbaa09c8c1abc7986e3fabd97dba82be6",ref:function(e){return i.modalEl=e},"aria-label":(d=this.accessibleLabel)!==null&&d!==void 0?d:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:this.variation==="loader"?"alert":"dialog","aria-modal":this.isSafariBrowser?false:true,tabindex:"-1",class:{"duet-modal-container":true,"duet-theme-turva":this.theme==="turva","duet-modal-active":this.open,"duet-modal-slide-up":this.variation==="slide-up","duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{key:"c1e924fd65887cf4378aab5b0a8a240ed48eb04a","z-index":"-1",visible:this.open,variation:this.variation==="loader"?"white":"default"}),a("div",{key:"a9e7ab02f299be796797683d7f1ba696bc5c884f",ref:function(e){return i.modalInnerEl=e},class:(e={"duet-modal-inner":true},e[this.size]=true,e["duet-modal-slide-up"]=this.variation==="slide-up",e),onClick:function(e){if(i.closeOnBlur){var t=e.target||e.srcElement;if(t===i.modalInnerEl){i.closeModal(e)}}}},a("div",{key:"86107c52f7cdb102f409586020bdeb116c041720",ref:function(e){return i.modalContentEl=e},class:(t={"duet-modal":true,"duet-modal-has-sticky-header":this.hasStickyHeader},t[this.size]=true,t[this.variation]=true,t)},this.gutterSize!=="none"&&!this.hasStickyHeader&&a("duet-spacer",{key:"c728a3caf6df68ed0c97baf1425c2ddab6a98f5b"}),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},s,a("slot",{name:"sticky-header"})):s,a("div",{key:"36b15d0c3595fdcecc6f14abb3578eefef74a8c9",class:{"duet-modal-body":true,"duet-modal-gutter-none":this.gutterSize==="none","duet-modal-gutter-small":this.gutterSize==="small","duet-modal-gutter-medium":this.gutterSize==="medium","duet-modal-gutter-large":this.gutterSize==="large"}},a("div",{key:"5dfb5b08e6593777e82f58c9a8d4db36cd3efbbc",class:"duet-modal-header"},a("span",{key:"0a95f7b53f47eb9e75ea99a007b0951b9a0fe11a",class:"duet-modal-inner-slot-top"},a("slot",{key:"56cbb6d090f309f66c7e79f90b3b8b4920501fca",name:"top"})),this.icon&&a("duet-icon",{key:"1918983d8ba93e09a80ab19f9dd2d5d88b9c483e",name:this.icon,size:"xx-large",color:this.color||n}),this.heading&&a("duet-heading",{key:"7e77994203cb473aa15b6e7356660278bad02d57","visual-level":(o=this.headingVisualLevel)!==null&&o!==void 0?o:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),this.variation==="loader"&&a("div",{key:"cb74816a66ac5eb67938c8a4358d0ecb2f7769f3",class:"duet-modal-spinner"},a("duet-spinner",{key:"70156c240cc4d32e660349992be704be48d55c54",size:"large",color:"primary"})),a("div",{key:"7d20cd4b16628ed66118f41c9f2cb626cb87fd6b",class:"duet-modal-inner-slot-default",ref:function(e){return i.slotContainerEl=e},"aria-live":this.variation==="loader"?"assertive":"off"},a("slot",{key:"229d35cca36167acf3d262376b3d11a6473d5635"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["openChanged"],active:["activeChanged"]}},enumerable:false,configurable:true});return e}());x.style=y}}}));
|
|
4
|
+
*/System.register(["./p-f78b9d60.system.js","./p-49957220.system.js","./p-9608ad22.system.js","./p-76332920.system.js","./p-519fef05.system.js","./p-752fa0fc.system.js","./p-b5eb657a.system.js","./p-662c351a.system.js","./p-b1f33063.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,a,d,o,n,r,s,u,l,m,c,h,f,p,g;return{setters:[function(e){t=e.r;i=e.c;a=e.h;d=e.g},function(e){o=e.d;n=e.e},function(e){r=e.i},function(e){s=e.a},function(e){u=e.f},function(e){l=e.f},function(e){m=e.a;c=e.g;h=e.c;f=e.d},function(e){p=e.h},function(e){g=e.T},function(){}],execute:function(){var b='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:16px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{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-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:16px 16px 0 0;opacity:1;transition:top 600ms ease}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);border-radius:16px 16px 0 0}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-modal-close{position:absolute;top:8px;right:8px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-modal{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header{background:#fdf7f2;border-bottom:1px solid #d4dde2}';var y=b;var v=600;var x=e("duet_modal",function(){function e(e){t(this,e);this.duetOpen=i(this,"duetOpen",7);this.duetClose=i(this,"duetClose",7);this.duetCloseComplete=i(this,"duetCloseComplete",7);this.duetBeforeClose=i(this,"duetBeforeClose",7);var a,d;this.hasStickyHeader=false;this.isAndroidDevice=((d=(a=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||a===void 0?void 0:a.toLowerCase())===null||d===void 0?void 0:d.indexOf("android"))>-1||null;this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.accessibleLoaderAnnouncementDefaults=s;this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"};this.handleAndroidResizeEvents=function(){if(document.activeElement.tagName=="INPUT"){window.setTimeout((function(){var e;try{(e=document===null||document===void 0?void 0:document.activeElement)===null||e===void 0?void 0:e.scrollIntoViewIfNeeded(true)}catch(e){}}),100)}};this.open=false;this.language=m();this.accessibleCloseLabel=c(this.accessibleCloseLabelDefaults,this.language);this.accessibleLoaderAnnouncement=c(this.accessibleLoaderAnnouncementDefaults,this.language);this.size="medium";this.accessibleDescribedBy=undefined;this.accessibleLabelledBy=undefined;this.accessibleLabel=undefined;this.accessibleDetails=undefined;this.accessibleDescription=undefined;this.variation="default";this.gutterSize="medium";this.theme="";this.heading="";this.headingLevel="h3";this.headingVisualLevel=undefined;this.icon="";this.color="";this.active=false;this.closeOnBlur=false}e.prototype.openChanged=function(){var e=this;if(this.open){if(this.modalEl&&this.modalEl.scrollTop){this.modalEl.scrollTop=0}this.focusedElBeforeOpen=document.activeElement;o(this.variation==="slide-up"?this.modalContentEl:this.modalEl,{reserveScrollBarGap:true});this.teleport.makeSiblingsInert();this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.remove()}));setTimeout((function(){if(e.variation==="loader"){e.addMessage(e.accessibleLoaderAnnouncement,false)}else{if(e.isAndroidDevice){e.modalEl.focus()}else{e.buttonEl.setFocus()}}}),v);setTimeout((function(){e.modalEl.classList.add("duet-disable-transitions")}),v+200);if(this.isAndroidDevice){window.addEventListener("resize",this.handleAndroidResizeEvents)}this.duetOpen.emit()}else{this.modalEl.classList.remove("duet-disable-transitions");this.modalEl.addEventListener("transitionend",(function(){return e.duetCloseComplete.emit()}),{once:true});n(this.variation==="slide-up"?this.modalContentEl:this.modalEl);this.duetClose.emit();this.teleport.removeInertFromSiblings();setTimeout((function(){u(e.focusedElBeforeOpen)}),v);if(this.isAndroidDevice){window.removeEventListener("resize",this.handleAndroidResizeEvents)}}};e.prototype.activeChanged=function(){this.open=this.active};e.prototype.componentWillLoad=function(){this.hasStickyHeader=p(this.element,"sticky-header");r(this)};e.prototype.componentDidLoad=function(){if(this.active){this.open=true;this.modalEl.classList.add("duet-disable-transitions")}};e.prototype.connectedCallback=function(){if(!this.teleport){this.teleport=new g(this.element)}if(this.teleport){this.teleport.activate()}h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])};e.prototype.disconnectedCallback=function(){f(this);if(this.modalEl){n(this.modalEl)}};e.prototype.handleKeyUp=function(e){if(this.open){if(l(e)){this.closeModal(e)}}};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;return[2]}))}))};e.prototype.scrollToTop=function(){return __awaiter(this,arguments,void 0,(function(e){var t,i,a,d;if(e===void 0){e=true}return __generator(this,(function(o){i=e?"smooth":"auto";if(this.variation==="slide-up"){a=((t=this.modalEl.querySelector(".duet-modal-sticky-header"))===null||t===void 0?void 0:t.clientHeight)||0;d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop="".concat(a+d.value,"px");this.slotContainerEl.scrollIntoView({behavior:i})}else{this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:i})}return[2]}))}))};e.prototype.addMessage=function(e){return __awaiter(this,arguments,void 0,(function(e,t){var i;var a=this;if(t===void 0){t=true}return __generator(this,(function(d){i=document.createElement(t?"duet-paragraph":"duet-visually-hidden");i.textContent=e;i.classList.add("duet-loader-message");if(t){setTimeout((function(){a.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.classList.remove("show")}));i.classList.add("show")}),10)}this.slotContainerEl.appendChild(i);return[2]}))}))};e.prototype.closeModal=function(e){var t=this;this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"});if(!e.defaultPrevented){setTimeout((function(){t.hide()}),1)}};e.prototype.render=function(){var e,t;var i=this;var d,o;var n="primary";var r="secondary";var s=a("div",{key:"ce9896186ba856d40dd3394fdf46442a8e8e5553",class:"duet-modal-close"},a("duet-button",{key:"5332e22f54058adb3f1e0be19e4d8b273520dcee",ref:function(e){return i.buttonEl=e},variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:r,iconSize:"large",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:function(e){return i.closeModal(e)},fixed:true}));if(this.theme==="turva"){n="primary-turva";r="secondary-turva"}return a("div",{key:"b56533d39c5b27cb1dc9ed8080755b3b51ce23e5",ref:function(e){return i.modalEl=e},"aria-label":(d=this.accessibleLabel)!==null&&d!==void 0?d:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:this.variation==="loader"?"alert":"dialog","aria-modal":this.isSafariBrowser?false:true,tabindex:"-1",class:{"duet-modal-container":true,"duet-theme-turva":this.theme==="turva","duet-modal-active":this.open,"duet-modal-slide-up":this.variation==="slide-up","duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{key:"286c5c53a17a3e252b228321e9e59101906907ae","z-index":"-1",visible:this.open,variation:this.variation==="loader"?"white":"default"}),a("div",{key:"52169517df842ed7d492d8c16e924921ba42a920",ref:function(e){return i.modalInnerEl=e},class:(e={"duet-modal-inner":true},e[this.size]=true,e["duet-modal-slide-up"]=this.variation==="slide-up",e),onClick:function(e){if(i.closeOnBlur){var t=e.target||e.srcElement;if(t===i.modalInnerEl){i.closeModal(e)}}}},a("div",{key:"e02af6a6579d010b7d51c34ed6943294d8dfe91c",ref:function(e){return i.modalContentEl=e},class:(t={"duet-modal":true,"duet-modal-has-sticky-header":this.hasStickyHeader},t[this.size]=true,t[this.variation]=true,t)},this.gutterSize!=="none"&&!this.hasStickyHeader&&a("duet-spacer",{key:"47f10ec419e39cfb0d830e3279e0fcd3e12b2797"}),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},s,a("slot",{name:"sticky-header"})):s,a("div",{key:"22c96515336e07fc86522c732ea3d524d3f68912",class:{"duet-modal-body":true,"duet-modal-gutter-none":this.gutterSize==="none","duet-modal-gutter-small":this.gutterSize==="small","duet-modal-gutter-medium":this.gutterSize==="medium","duet-modal-gutter-large":this.gutterSize==="large"}},a("div",{key:"4e81ed660762a097622df196d6d6a483a2b77f37",class:"duet-modal-header"},a("span",{key:"8ed800e79454c753477e8ae1d534166e9be59458",class:"duet-modal-inner-slot-top"},a("slot",{key:"a5601afb68902b31c191780f3b62c9552a93de59",name:"top"})),this.icon&&a("duet-icon",{key:"c27ef856d2e6f99c48c67c95461b23bf7db6b5e7",name:this.icon,size:"xx-large",color:this.color||n}),this.heading&&a("duet-heading",{key:"b098a4a25b613306cefa9e3a1a6492ba9325edf0","visual-level":(o=this.headingVisualLevel)!==null&&o!==void 0?o:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),this.variation==="loader"&&a("div",{key:"255372c153a0c7eb5d5dfc0c6ad5584fdf8a2ec4",class:"duet-modal-spinner"},a("duet-spinner",{key:"4600cd8a7f2cb26a49ba884afc47f46ab9754297",size:"large",color:"primary"})),a("div",{key:"591d3064c5d4a8c174b3c61fe8eb71e23ffa3c21",class:"duet-modal-inner-slot-default",ref:function(e){return i.slotContainerEl=e},"aria-live":this.variation==="loader"?"assertive":"off"},a("slot",{key:"7df11db97dae7c07cceb5534caefacb98b4677e9"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["openChanged"],active:["activeChanged"]}},enumerable:false,configurable:true});return e}());x.style=y}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,o){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function l(t){try{n(o.next(t))}catch(t){s(t)}}function a(t){try{n(o["throw"](t))}catch(t){s(t)}}function n(t){t.done?i(t.value):r(t.value).then(l,a)}n((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,r,s,l;return l={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function a(t){return function(e){return n([t,e])}}function n(a){if(o)throw new TypeError("Generator is already executing.");while(l&&(l=0,a[0]&&(i=0)),i)try{if(o=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];r=0}finally{o=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var o=0,r=e.length,s;o<r;o++){if(s||!(o in e)){if(!s)s=Array.prototype.slice.call(e,0,o);s[o]=e[o]}}return t.concat(s||Array.prototype.slice.call(e))};
|
|
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-752fa0fc.system.js","./p-61e21220.system.js","./p-e50a2f96.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,o,r,s,l,a,n,u,c,d,h,m,b,f,p,g,v,x;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H;s=e.g},function(e){l=e.i},function(e){a=e.c},function(e){n=e.f;u=e.o;c=e.j;d=e.d;h=e.b;m=e.a;b=e.c},function(e){f=e.a;p=e.c;g=e.d},function(e){v=e.c},function(e){x=e.p}],execute:function(){var y='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{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(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled]{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes{border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:#172a3b}';var k=y;function w(e,t){return e.includes(t)?e.filter((function(e){return e!==t})):__spreadArray(__spreadArray([],e,true),[t],false)}var S=e("duet_multiselect",function(){function e(e){var o=this;t(this,e);this.duetChange=i(this,"duetChange",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.errorId=a("DuetError");this.labelId=a("DuetLabel");this.topCaptionId=a("DuetCaptionTop");this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"};this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"};this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"};this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"};this.onChange=function(e){o.duetChange.emit({originalEvent:e,value:o.value,component:"duet-multiselect"})};this.onBlur=function(e){o.duetBlur.emit({originalEvent:e,value:o.value,component:"duet-multiselect"})};this.onFocus=function(e){o.duetFocus.emit({originalEvent:e,value:o.value,component:"duet-multiselect"})};this.onMultiselectKeyDown=function(e){if(n(e)||u(e)){if(o.checkboxesVisible){o.checkboxesVisible=false;o.multiselectElement.focus();e.preventDefault()}}};this.onMultiselectInputKeyDown=function(e){if(c(e)){e.preventDefault();o.toggleCheckboxes();setTimeout((function(){if(o.checkboxesVisible){var e=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(o.allControls?-2:0)));if(e){e.focus()}}}),200)}};this.onCheckboxKeyDown=function(e,t){var i;if(d(e)||h(e)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(t-1)))}else if(m(e)||b(e)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(t+1)))}if(i){i.focus();e.preventDefault();o.activeDescendant=i.id}};this.toggleCheckboxes=function(){o.checkboxesVisible=!o.checkboxesVisible};this.toggleCheckbox=function(e,t){o.value=w(o.value,t);o.onChange(e)};this.handleSelectAllClick=function(e){o.value=o.processedItems;o.onChange(e)};this.handleClearAllClick=function(e){o.value=[];o.onChange(e)};this.getOptionIdentifier=function(e){return"".concat(o.identifier,"-option-").concat(e)};this.getDescribedBy=function(){var e=[];if(o.isCaptionVisible&&o.topCaptionId){e.push(o.topCaptionId)}if(o.accessibleDescribedBy){e.push(o.accessibleDescribedBy)}if(o.error){e.push(o.errorId)}return e.length>0?e.join(" "):null};this.processedItems=[];this.processedGroups=[];this.checkboxesVisible=false;this.activeDescendant="";this.language=f();this.margin="auto";this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=[];this.theme="";this.labelHidden=false;this.identifier=a("DuetMultiselect");this.allControls=false;this.placeholder="";this.caption=undefined;this.items=undefined;this.disabled=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.accessibleDescribedBy=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.handleFocus=function(e){var t=this;var i=e.composedPath().every((function(e){return e!==t.element}));if(i){this.checkboxesVisible=false}};e.prototype.componentWillLoad=function(){l(this);this.isCaptionVisible=!!this.caption;v(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.connectedCallback=function(){p(this)};e.prototype.disconnectedCallback=function(){g(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.multiselectElement){this.multiselectElement.focus(e)}return[2]}))}))};e.prototype.selectWithValues=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.processedItems.filter((function(t){return e.includes(t.value)}));this.value=Array.from(new Set(__spreadArray(__spreadArray([],this.value,true),t,true)));return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(i){e=x(this.items);this.processedItems=[];this.processedGroups=[];if(!e||e.length===0){return[2]}if(e[0].items!==undefined){this.processedGroups=e}else{this.processedGroups=[{label:"",items:e}]}this.processedGroups.forEach((function(e){return e.items.forEach((function(e){return t.processedItems.push(e)}))}));return[2]}))}))};e.prototype.render=function(){var e=this;var t;return o(r,{key:"e933fce43ece20fa3594dda5d6d94ccec3eee384",class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},o("div",{key:"172c8416e6bcea127b91615f030e589d55456577",class:{"duet-multiselect-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:function(t){return e.onMultiselectKeyDown(t)}},o("duet-label",{key:"c527b091b91bbc52d86e99d5dff9115cc8d6aeeb",theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&o("duet-tooltip",{key:"f3596fdcc13e54984e38299db1cd32a541ce22aa",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"5c0ec4c3de6ed4d0df0e9ecc97e10b16ec52974f",name:"tooltip"}),this.caption&&o("duet-caption",{key:"8cae964591dce5a58a576ed00209f1f50b89bd1b",id:this.topCaptionId,size:"medium"},this.caption),o("div",{key:"31780c7861708d52df9f5bc7fd7714259a2abdb8",class:"duet-multiselect-wrapper"},o("button",{key:"2ffdcde08e1d5fcc3c63bcfd48bf22831dea2296",id:this.identifier,ref:function(t){return e.multiselectElement=t},class:{"duet-multiselect":true,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:function(){return e.toggleCheckboxes()},onFocus:function(t){return e.onFocus(t)},onBlur:function(t){return e.onBlur(t)},role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":"".concat(this.identifier,"-checkboxes"),onKeyDown:function(t){return e.onMultiselectInputKeyDown(t)},disabled:this.disabled},o("span",{key:"2b04c64dd7004356a0dd7833be28935c39e50217",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":"".concat(this.identifier,"-checkboxes"),"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&o("span",{key:"c952cd7f33d700d4af685ff3b7fc19de02054f1f",class:"duet-multiselect-badge"},this.value.length,o("duet-visually-hidden",{key:"b9bf58b48509aaedd4f2e0cb05aec8cc192f2eee"},this.selectedLangObject[this.language],", ",this.value.map((function(e){return e.label})).join(", "))),o("svg",{key:"5ecaefc2630e9810f4f9f5887677b9f87dc91ff1",class:{"duet-multiselect-icon":true,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"4c3240169e55ab9b2daca51cce27dfc8c20dbeb0",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),o("div",{key:"b473ebcd1f110e4d6151b5dbc49b08f6347eae37",id:"".concat(this.identifier,"-checkboxes"),role:"listbox",class:{"duet-multiselect-checkboxes":true,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},((t=this.processedItems)===null||t===void 0?void 0:t.length)&&this.allControls&&o("div",{key:"9f299cd541560553ea17e375851abb114dc8008f",class:"duet-multiselect-all-control-buttons"},o("button",{key:"dcf47773c56375580656437e03ccd4e0a66614e9",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:function(t){return e.onCheckboxKeyDown(t,-2)}},this.selectAllLabel[this.language]),o("button",{key:"601c87eb96bfe560d68f6a8d9680278b60e1cc10",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:function(t){return e.onCheckboxKeyDown(t,-1)}},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((function(t){return o("fieldset",null,t.label&&o("legend",null,t.label),t.items.map((function(t,i){var r,s;return o("duet-checkbox",{identifier:e.getOptionIdentifier(i),role:"option",label:t.label,value:t.value,key:t.value,checked:(r=e.value)===null||r===void 0?void 0:r.includes(t),"accessible-selected":((s=e.value)===null||s===void 0?void 0:s.includes(t))?"true":undefined,disabled:!e.checkboxesVisible||t.disabled,onDuetChange:function(i){return e.toggleCheckbox(i,t)},onKeyDown:function(t){return e.onCheckboxKeyDown(t,i)},theme:e.theme})})))})))),o("span",{key:"40712a9ae545260e392b6bbe7fc741a8ff4981bf",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&o("span",{key:"eb59b5ccb5fa6ccff42f7b1ac44d0439874561ed"},this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{items:["refresh"]}},enumerable:false,configurable:true});return e}());S.style=k}}}));
|
|
4
|
+
*/System.register(["./p-f78b9d60.system.js","./p-9608ad22.system.js","./p-e6b5a1c7.system.js","./p-752fa0fc.system.js","./p-b5eb657a.system.js","./p-662c351a.system.js","./p-98636086.system.js"],(function(t){"use strict";var e,i,o,r,s,l,a,n,u,c,d,h,m,b,f,p,g,v,x;return{setters:[function(t){e=t.r;i=t.c;o=t.h;r=t.H;s=t.g},function(t){l=t.i},function(t){a=t.c},function(t){n=t.f;u=t.o;c=t.j;d=t.d;h=t.b;m=t.a;b=t.c},function(t){f=t.a;p=t.c;g=t.d},function(t){v=t.c},function(t){x=t.p}],execute:function(){var y='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{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(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled]{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes{border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:#172a3b}';var k=y;function w(t,e){return t.includes(e)?t.filter((function(t){return t!==e})):__spreadArray(__spreadArray([],t,true),[e],false)}var S=t("duet_multiselect",function(){function t(t){var o=this;e(this,t);this.duetChange=i(this,"duetChange",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.errorId=a("DuetError");this.labelId=a("DuetLabel");this.topCaptionId=a("DuetCaptionTop");this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"};this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"};this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"};this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"};this.onChange=function(t){o.duetChange.emit({originalEvent:t,value:o.value,component:"duet-multiselect"})};this.onBlur=function(t){o.duetBlur.emit({originalEvent:t,value:o.value,component:"duet-multiselect"})};this.onFocus=function(t){o.duetFocus.emit({originalEvent:t,value:o.value,component:"duet-multiselect"})};this.onMultiselectKeyDown=function(t){if(n(t)||u(t)){if(o.checkboxesVisible){o.checkboxesVisible=false;o.multiselectElement.focus();t.preventDefault()}}};this.onMultiselectInputKeyDown=function(t){if(c(t)){t.preventDefault();o.toggleCheckboxes();setTimeout((function(){if(o.checkboxesVisible){var t=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(o.allControls?-2:0)));if(t){t.focus()}}}),200)}};this.onCheckboxKeyDown=function(t,e){var i;if(d(t)||h(t)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(e-1)))}else if(m(t)||b(t)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(e+1)))}if(i){i.focus();t.preventDefault();o.activeDescendant=i.id}};this.toggleCheckboxes=function(){o.checkboxesVisible=!o.checkboxesVisible};this.toggleCheckbox=function(t,e){o.value=w(o.value,e);o.onChange(t)};this.handleSelectAllClick=function(t){o.value=o.processedItems;o.onChange(t)};this.handleClearAllClick=function(t){o.value=[];o.onChange(t)};this.getOptionIdentifier=function(t){return"".concat(o.identifier,"-option-").concat(t)};this.getDescribedBy=function(){var t=[];if(o.isCaptionVisible&&o.topCaptionId){t.push(o.topCaptionId)}if(o.accessibleDescribedBy){t.push(o.accessibleDescribedBy)}if(o.error){t.push(o.errorId)}return t.length>0?t.join(" "):null};this.processedItems=[];this.processedGroups=[];this.checkboxesVisible=false;this.activeDescendant="";this.language=f();this.margin="auto";this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=[];this.theme="";this.labelHidden=false;this.identifier=a("DuetMultiselect");this.allControls=false;this.placeholder="";this.caption=undefined;this.items=undefined;this.disabled=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.accessibleDescribedBy=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.handleFocus=function(t){var e=this;var i=t.composedPath().every((function(t){return t!==e.element}));if(i){this.checkboxesVisible=false}};t.prototype.componentWillLoad=function(){l(this);this.isCaptionVisible=!!this.caption;v(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};t.prototype.connectedCallback=function(){p(this)};t.prototype.disconnectedCallback=function(){g(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.multiselectElement){this.multiselectElement.focus(t)}return[2]}))}))};t.prototype.selectWithValues=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.processedItems.filter((function(e){return t.includes(e.value)}));this.value=Array.from(new Set(__spreadArray(__spreadArray([],this.value,true),e,true)));return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=x(this.items);this.processedItems=[];this.processedGroups=[];if(!t||t.length===0){return[2]}if(t[0].items!==undefined){this.processedGroups=t}else{this.processedGroups=[{label:"",items:t}]}this.processedGroups.forEach((function(t){return t.items.forEach((function(t){return e.processedItems.push(t)}))}));return[2]}))}))};t.prototype.render=function(){var t=this;var e;return o(r,{key:"5b6e1d90d6ac55b6572f755b273359a4942de03c",class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},o("div",{key:"42c64faf69c0e05c608d915ef295c7f04507de3e",class:{"duet-multiselect-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:function(e){return t.onMultiselectKeyDown(e)}},o("duet-label",{key:"62a7becf4dc2411071c59ba7aa11ac8ffe59d10f",theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&o("duet-tooltip",{key:"1af019df96ed925e720df2185ce8550e17bc3d13",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"12aca2ebbc428087ff72677118ed94b3937626a1",name:"tooltip"}),this.caption&&o("duet-caption",{key:"019a13573c4f09327bb85d19d78fd62df2a19ec5",id:this.topCaptionId,size:"medium"},this.caption),o("div",{key:"6be290abbd25957f4849d67b2027cc8be3bd3d5f",class:"duet-multiselect-wrapper"},o("button",{key:"97d828de6991623f141f37b096cfacd3f2d71893",id:this.identifier,ref:function(e){return t.multiselectElement=e},class:{"duet-multiselect":true,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:function(){return t.toggleCheckboxes()},onFocus:function(e){return t.onFocus(e)},onBlur:function(e){return t.onBlur(e)},role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":"".concat(this.identifier,"-checkboxes"),onKeyDown:function(e){return t.onMultiselectInputKeyDown(e)},disabled:this.disabled},o("span",{key:"84fae0748a4ad41ad9acdd9f84914f8cb6d86a73",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":"".concat(this.identifier,"-checkboxes"),"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&o("span",{key:"1099b73e404bff6a29affe5a9ac8d274b3043635",class:"duet-multiselect-badge"},this.value.length,o("duet-visually-hidden",{key:"d3ffa065cbdb21c570d090ab5e00bb66d7f61e5b"},this.selectedLangObject[this.language],", ",this.value.map((function(t){return t.label})).join(", "))),o("svg",{key:"36d83fe06bdeb6fb2ec527ee00d0b4dbf516d2b4",class:{"duet-multiselect-icon":true,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"fe716d3a1dd834f3e0ffa400adf5c6c739c597b4",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),o("div",{key:"e8a2854bf90c63117909679f114a33b05e90d875",id:"".concat(this.identifier,"-checkboxes"),role:"listbox",class:{"duet-multiselect-checkboxes":true,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},((e=this.processedItems)===null||e===void 0?void 0:e.length)&&this.allControls&&o("div",{key:"6caec2f7891c084ce21925e0e88c89b3fb8003ad",class:"duet-multiselect-all-control-buttons"},o("button",{key:"e6d0bb2f3dda58a1f067f25d29f51a39a1fbacf2",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:function(e){return t.onCheckboxKeyDown(e,-2)}},this.selectAllLabel[this.language]),o("button",{key:"44ed480da7790492fb59104916824512823db17b",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:function(e){return t.onCheckboxKeyDown(e,-1)}},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((function(e){return o("fieldset",null,e.label&&o("legend",null,e.label),e.items.map((function(e,i){var r,s;return o("duet-checkbox",{identifier:t.getOptionIdentifier(i),role:"option",label:e.label,value:e.value,key:e.value,checked:(r=t.value)===null||r===void 0?void 0:r.includes(e),"accessible-selected":((s=t.value)===null||s===void 0?void 0:s.includes(e))?"true":undefined,disabled:!t.checkboxesVisible||e.disabled,onDuetChange:function(i){return t.toggleCheckbox(i,e)},onKeyDown:function(e){return t.onCheckboxKeyDown(e,i)},theme:t.theme})})))})))),o("span",{key:"24258b589cff6e202daaea401563647f8521ba3d",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&o("span",{key:"edbe9b532e550088d66073eeca1a521ffe478ad7"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{items:["refresh"]}},enumerable:false,configurable:true});return t}());S.style=k}}}));
|