@duetds/components 9.16.1 → 9.18.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 +522 -240
- package/lib/cjs/{a11y-utils-113bdcf1.js → a11y-utils-5b56e0b1.js} +1 -1
- package/lib/cjs/{app-globals-2ad7d0da.js → app-globals-628c4829.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +6 -6
- package/lib/cjs/duet-alert.cjs.entry.js +11 -17
- package/lib/cjs/duet-badge.cjs.entry.js +4 -4
- package/lib/cjs/duet-banner.cjs.entry.js +6 -6
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +3 -3
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +6 -6
- package/lib/cjs/duet-button_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-callout.cjs.entry.js +4 -4
- package/lib/cjs/duet-caption_4.cjs.entry.js +15 -13
- package/lib/cjs/duet-card.cjs.entry.js +12 -10
- package/lib/cjs/duet-checkbox.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkmark.cjs.entry.js +3 -3
- package/lib/cjs/duet-chip.cjs.entry.js +4 -4
- package/lib/cjs/duet-choice_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-collapsible.cjs.entry.js +17 -14
- package/lib/cjs/duet-combobox.cjs.entry.js +5 -5
- package/lib/cjs/duet-contact-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +3 -3
- package/lib/cjs/duet-date-picker.cjs.entry.js +6 -6
- package/lib/cjs/duet-divider_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +9 -9
- package/lib/cjs/duet-empty-state.cjs.entry.js +3 -3
- package/lib/cjs/duet-fieldset.cjs.entry.js +8 -8
- package/lib/cjs/duet-file-chooser.cjs.entry.js +3 -3
- package/lib/cjs/duet-footer.cjs.entry.js +5 -5
- package/lib/cjs/duet-grid_2.cjs.entry.js +20 -8
- package/lib/cjs/duet-header_2.cjs.entry.js +10 -9
- package/lib/cjs/duet-hero.cjs.entry.js +13 -10
- package/lib/cjs/duet-icon.cjs.entry.js +5 -5
- package/lib/cjs/duet-indicator.cjs.entry.js +3 -3
- package/lib/cjs/duet-input_2.cjs.entry.js +16 -16
- package/lib/cjs/duet-layout.cjs.entry.js +3 -3
- package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -4
- package/lib/cjs/duet-modal.cjs.entry.js +28 -16
- package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +9 -6
- package/lib/cjs/duet-number-input.cjs.entry.js +5 -5
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +3 -3
- package/lib/cjs/duet-pagination_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-panel.cjs.entry.js +3 -3
- package/lib/cjs/duet-phone-input.cjs.entry.js +5 -5
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-progress.cjs.entry.js +4 -4
- package/lib/cjs/duet-promo-card.cjs.entry.js +7 -7
- package/lib/cjs/duet-radio_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-range-slider.cjs.entry.js +4 -4
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +14 -13
- package/lib/cjs/duet-section-layout.cjs.entry.js +2 -2
- package/lib/cjs/duet-select.cjs.entry.js +4 -4
- package/lib/cjs/duet-shaped-image.cjs.entry.js +3 -3
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +1 -1
- package/lib/cjs/duet-share-chart.cjs.entry.js +7 -7
- package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +8 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +15 -13
- package/lib/cjs/duet-slideout.cjs.entry.js +12 -11
- package/lib/cjs/duet-status-icon.cjs.entry.js +2 -2
- package/lib/cjs/duet-step_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +4 -4
- 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 +4 -4
- package/lib/cjs/duet-textarea.cjs.entry.js +5 -5
- package/lib/cjs/duet-toggle.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar.cjs.entry.js +3 -3
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +9 -6
- package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
- package/lib/cjs/duet-tray.cjs.entry.js +5 -5
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-upload-item.cjs.entry.js +4 -4
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-b3a3ed44.js → errorcodes.utils-d6716198.js} +1 -1
- package/lib/cjs/{focus-utils-5c4526cd.js → focus-utils-21cb0103.js} +1 -1
- package/lib/cjs/{index-caee10a4.js → index-0444d660.js} +1 -1
- package/lib/cjs/{language-utils-9e3aebfc.js → language-utils-a34e2467.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-d034ca5f.js → slot-utils-4baa4a9d.js} +6 -1
- package/lib/cjs/{themeable-component-98732ad8.js → themeable-component-ee2255e3.js} +1 -1
- package/lib/cjs/{token-utils-c73ca50c.js → token-utils-955dd258.js} +37 -37
- package/lib/cjs/{tokens-22702e71.js → tokens-bdaa8818.js} +144 -0
- package/lib/cjs/{tokens.module-a7c77c13.js → tokens.module-2358195b.js} +96 -0
- package/lib/collection/components/duet-action-button/duet-action-button.css +18 -20
- package/lib/collection/components/duet-alert/duet-alert.css +13 -23
- package/lib/collection/components/duet-alert/duet-alert.js +16 -16
- package/lib/collection/components/duet-badge/duet-badge.css +12 -12
- package/lib/collection/components/duet-banner/duet-banner.css +6 -28
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css +9 -7
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css +7 -7
- package/lib/collection/components/duet-button/duet-button.css +68 -60
- package/lib/collection/components/duet-callout/duet-callout.css +3 -3
- package/lib/collection/components/duet-caption/duet-caption.css +4 -4
- package/lib/collection/components/duet-card/duet-card.css +25 -18
- package/lib/collection/components/duet-card/duet-card.js +6 -4
- package/lib/collection/components/duet-checkbox/duet-checkbox.css +19 -12
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +1 -1
- package/lib/collection/components/duet-chip/duet-chip.css +33 -28
- package/lib/collection/components/duet-choice/duet-checkmark.css +2 -2
- package/lib/collection/components/duet-choice/duet-choice.css +52 -53
- package/lib/collection/components/duet-choice-group/duet-choice-group.css +4 -4
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +1 -1
- package/lib/collection/components/duet-collapsible/duet-collapsible.css +26 -14
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +14 -10
- package/lib/collection/components/duet-combobox/duet-combobox.css +4 -4
- package/lib/collection/components/duet-contact-card/duet-contact-card.css +5 -5
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css +15 -15
- package/lib/collection/components/duet-date-picker/duet-date-picker.css +68 -51
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +1 -1
- package/lib/collection/components/duet-divider/duet-divider.css +5 -5
- package/lib/collection/components/duet-editable-table/duet-editable-table.css +2 -2
- package/lib/collection/components/duet-empty-state/duet-empty-state.css +8 -8
- package/lib/collection/components/duet-fieldset/duet-fieldset.css +7 -7
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +6 -5
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.css +2 -2
- package/lib/collection/components/duet-footer/duet-footer.css +33 -19
- package/lib/collection/components/duet-grid/duet-grid.css +2 -6
- package/lib/collection/components/duet-grid/duet-grid.js +22 -8
- package/lib/collection/components/duet-grid-item/duet-grid-item.css +3 -3
- package/lib/collection/components/duet-header/duet-header.css +116 -88
- package/lib/collection/components/duet-heading/duet-heading.css +7 -7
- package/lib/collection/components/duet-hero/duet-hero.css +27 -24
- package/lib/collection/components/duet-hero/duet-hero.js +8 -5
- package/lib/collection/components/duet-icon/duet-icon.css +7 -7
- package/lib/collection/components/duet-indicator/duet-indicator.css +4 -4
- package/lib/collection/components/duet-input/duet-input.css +82 -81
- package/lib/collection/components/duet-input/duet-input.js +19 -34
- package/lib/collection/components/duet-label/duet-label.css +5 -5
- package/lib/collection/components/duet-layout/duet-layout.css +4 -4
- package/lib/collection/components/duet-link/duet-link.css +28 -22
- package/lib/collection/components/duet-list/duet-list.css +4 -4
- package/lib/collection/components/duet-list-item/duet-list-item.css +10 -10
- package/lib/collection/components/duet-logo/duet-logo.css +16 -8
- package/lib/collection/components/duet-logo/duet-logo.js +2 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +13 -13
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.css +12 -9
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.css +19 -16
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.css +13 -10
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.css +17 -14
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.css +16 -13
- package/lib/collection/components/duet-modal/duet-modal.css +13 -13
- package/lib/collection/components/duet-modal/duet-modal.js +20 -8
- package/lib/collection/components/duet-multiselect/duet-multiselect.css +46 -38
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +6 -6
- package/lib/collection/components/duet-nav/duet-nav.css +4 -4
- package/lib/collection/components/duet-notification/duet-notification.css +18 -16
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css +30 -26
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +4 -1
- package/lib/collection/components/duet-number-input/duet-number-input.css +20 -15
- package/lib/collection/components/duet-number-input/duet-number-input.js +1 -1
- package/lib/collection/components/duet-overlay/duet-overlay.css +2 -2
- package/lib/collection/components/duet-page-heading/duet-page-heading.css +9 -9
- package/lib/collection/components/duet-pagination/duet-pagination.css +5 -5
- package/lib/collection/components/duet-panel/duet-panel.css +8 -9
- package/lib/collection/components/duet-paragraph/duet-paragraph.css +12 -9
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +4 -2
- package/lib/collection/components/duet-phone-input/duet-phone-input.css +5 -5
- package/lib/collection/components/duet-phone-input/duet-phone-input.js +1 -1
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.css +7 -7
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +23 -15
- package/lib/collection/components/duet-progress/duet-progress.css +14 -14
- package/lib/collection/components/duet-promo-card/duet-promo-card.css +15 -12
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +1 -1
- package/lib/collection/components/duet-radio/duet-radio.css +22 -15
- package/lib/collection/components/duet-radio-group/duet-radio-group.css +4 -4
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.css +33 -28
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.css +5 -5
- package/lib/collection/components/duet-scrollable/duet-scrollable.css +20 -20
- package/lib/collection/components/duet-section-layout/duet-section-layout.css +4 -4
- package/lib/collection/components/duet-select/duet-select.css +36 -31
- package/lib/collection/components/duet-select/duet-select.js +1 -1
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.css +6 -6
- package/lib/collection/components/duet-share-chart/duet-share-chart.css +5 -5
- package/lib/collection/components/duet-show-more/duet-show-more.css +13 -10
- package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
- package/lib/collection/components/duet-slideout/duet-slideout.css +23 -23
- package/lib/collection/components/duet-slideout/duet-slideout.js +4 -3
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css +5 -5
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.css +14 -11
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css +34 -25
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +7 -5
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css +20 -20
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +5 -3
- package/lib/collection/components/duet-spacer/duet-spacer.css +2 -2
- package/lib/collection/components/duet-spinner/duet-spinner.css +5 -5
- package/lib/collection/components/duet-step/duet-step.css +17 -15
- package/lib/collection/components/duet-stepper/duet-stepper.css +4 -4
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +23 -23
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css +24 -21
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css +16 -13
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.css +20 -17
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.css +19 -16
- package/lib/collection/components/duet-tab/duet-tab.css +15 -11
- package/lib/collection/components/duet-tab-group/duet-tab-group.css +33 -25
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -4
- package/lib/collection/components/duet-table/duet-table.css +22 -18
- package/lib/collection/components/duet-textarea/duet-textarea.css +38 -31
- package/lib/collection/components/duet-textarea/duet-textarea.js +1 -1
- package/lib/collection/components/duet-toggle/duet-toggle.css +11 -9
- package/lib/collection/components/duet-toolbar/duet-toolbar.css +6 -6
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css +20 -17
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css +14 -11
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css +23 -21
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css +23 -15
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.css +19 -16
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css +32 -25
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +4 -1
- package/lib/collection/components/duet-tooltip/duet-tooltip.css +4 -4
- package/lib/collection/components/duet-tray/duet-tray.css +36 -32
- package/lib/collection/components/duet-upload/duet-upload.css +6 -6
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.css +3 -3
- package/lib/collection/utils/slot-utils.js +4 -0
- package/lib/collection/utils/turva2-color-tokens.js +36 -36
- 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 +6 -6
- package/lib/dist-custom-elements/duet-breadcrumb.js +4 -4
- package/lib/dist-custom-elements/duet-breadcrumbs.js +3 -3
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +4 -4
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +12 -10
- 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 +11 -11
- package/lib/dist-custom-elements/duet-choice.js +6 -6
- package/lib/dist-custom-elements/duet-collapsible.js +18 -15
- package/lib/dist-custom-elements/duet-combobox.js +17 -17
- package/lib/dist-custom-elements/duet-contact-card.js +9 -9
- package/lib/dist-custom-elements/duet-cookie-consent.js +7 -7
- package/lib/dist-custom-elements/duet-date-picker.js +16 -16
- 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 +9 -9
- 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 +19 -16
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-indicator.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 +3 -3
- 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 +3 -3
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar-item.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-link.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar.js +3 -3
- package/lib/dist-custom-elements/duet-modal.js +31 -19
- package/lib/dist-custom-elements/duet-multiselect.js +17 -17
- package/lib/dist-custom-elements/duet-nav.js +2 -2
- package/lib/dist-custom-elements/duet-notification-drawer.js +11 -8
- package/lib/dist-custom-elements/duet-notification.js +4 -4
- package/lib/dist-custom-elements/duet-number-input.js +14 -14
- package/lib/dist-custom-elements/duet-overlay.js +1 -1
- package/lib/dist-custom-elements/duet-page-heading.js +4 -4
- package/lib/dist-custom-elements/duet-pagination.js +15 -15
- package/lib/dist-custom-elements/duet-panel.js +2 -2
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-phone-input.js +19 -19
- 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 +7 -7
- package/lib/dist-custom-elements/duet-radio-group.js +11 -11
- package/lib/dist-custom-elements/duet-radio.js +2 -2
- package/lib/dist-custom-elements/duet-range-slider.js +4 -4
- package/lib/dist-custom-elements/duet-range-stepper.js +5 -5
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +2 -2
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-shaped-image.js +2 -2
- package/lib/dist-custom-elements/duet-share-chart-item.js +1 -1
- 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 +3 -3
- package/lib/dist-custom-elements/duet-slideout-link.js +4 -4
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +8 -6
- package/lib/dist-custom-elements/duet-slideout-panel.js +14 -12
- package/lib/dist-custom-elements/duet-slideout.js +10 -9
- 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 +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar-item.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar.js +5 -5
- package/lib/dist-custom-elements/duet-tab-group.js +14 -13
- package/lib/dist-custom-elements/duet-tab.js +3 -3
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +13 -13
- package/lib/dist-custom-elements/duet-toggle.js +3 -3
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +3 -3
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +3 -3
- package/lib/dist-custom-elements/duet-toolbar-item.js +6 -6
- package/lib/dist-custom-elements/duet-toolbar-link.js +3 -3
- package/lib/dist-custom-elements/duet-toolbar.js +2 -2
- package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +5 -5
- package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
- package/lib/dist-custom-elements/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +21 -21
- package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/index.js +1 -1
- package/lib/dist-custom-elements/{p-747f6fa4.js → p-016c81f0.js} +2 -2
- package/lib/dist-custom-elements/{p-63bad120.js → p-08a5f7e9.js} +3 -3
- package/lib/dist-custom-elements/{p-4228d649.js → p-0e8e6adf.js} +9 -9
- package/lib/dist-custom-elements/{p-fa3ebc1e.js → p-1dc37c4b.js} +2 -2
- package/lib/dist-custom-elements/{p-5fac1036.js → p-1f2c89d9.js} +3 -3
- package/lib/dist-custom-elements/{p-8aa9471e.js → p-21f8ff7d.js} +10 -10
- package/lib/dist-custom-elements/{p-afa85350.js → p-30bc1a35.js} +7 -7
- package/lib/dist-custom-elements/{p-d723c019.js → p-376095a8.js} +2 -2
- package/lib/dist-custom-elements/{p-5a556f9a.js → p-3ee131dc.js} +3 -3
- package/lib/dist-custom-elements/p-4343b5a1.js +318 -0
- package/lib/dist-custom-elements/{p-f8c458d0.js → p-7645b4d2.js} +3 -3
- package/lib/dist-custom-elements/{p-01808ae4.js → p-8035b482.js} +3 -3
- package/lib/dist-custom-elements/{p-1c3b7df5.js → p-80c4e77a.js} +21 -21
- package/lib/dist-custom-elements/{p-c5dcc0ea.js → p-86c95505.js} +5 -4
- package/lib/dist-custom-elements/{p-979b130b.js → p-889bc211.js} +7 -7
- package/lib/dist-custom-elements/{p-1428bca8.js → p-929f4a06.js} +3 -3
- package/lib/dist-custom-elements/{p-45a25e1c.js → p-9357efdb.js} +2 -2
- package/lib/dist-custom-elements/{p-cbb101aa.js → p-958e3489.js} +3 -3
- package/lib/dist-custom-elements/{p-68221361.js → p-a230e7ac.js} +11 -11
- package/lib/dist-custom-elements/{p-84c12085.js → p-a49f9fc6.js} +3 -3
- package/lib/dist-custom-elements/{p-57091005.js → p-a6f89351.js} +14 -14
- package/lib/dist-custom-elements/{p-90ef4cdf.js → p-a70e2b0c.js} +20 -7
- package/lib/dist-custom-elements/{p-4f0b365b.js → p-aa626f8d.js} +2 -2
- package/lib/dist-custom-elements/{p-2c6c022f.js → p-af586c7d.js} +3 -3
- package/lib/dist-custom-elements/{p-e167506b.js → p-b21352e2.js} +2 -2
- package/lib/dist-custom-elements/{p-051e8432.js → p-b49de47a.js} +2 -2
- package/lib/dist-custom-elements/{p-897cd468.js → p-b5bb4c4e.js} +3 -3
- package/lib/dist-custom-elements/{p-4c39b06e.js → p-bf860820.js} +8 -5
- package/lib/dist-custom-elements/{p-78b6337a.js → p-c224f527.js} +37 -37
- package/lib/dist-custom-elements/{p-186bf66e.js → p-c26b81c2.js} +3 -3
- package/lib/dist-custom-elements/{p-09eeb0d8.js → p-c4345060.js} +7 -7
- package/lib/dist-custom-elements/{p-6f42296b.js → p-c936343b.js} +96 -0
- package/lib/{esm/tokens-57aa1508.js → dist-custom-elements/p-c972a96e.js} +144 -0
- package/lib/dist-custom-elements/p-cdc57494.js +148 -0
- package/lib/dist-custom-elements/{p-60827675.js → p-d4245e15.js} +3 -3
- package/lib/dist-custom-elements/{p-1be25f37.js → p-d4904a7c.js} +1 -1
- package/lib/dist-custom-elements/{p-5bf73913.js → p-d6911e61.js} +3 -3
- package/lib/dist-custom-elements/{p-e3b560d3.js → p-d80a01fd.js} +5 -5
- package/lib/dist-custom-elements/{p-8284b970.js → p-d84ceb08.js} +5 -5
- package/lib/dist-custom-elements/{p-8e5437bd.js → p-d8a121cc.js} +3 -3
- package/lib/dist-custom-elements/{p-211bbab4.js → p-db56d5a8.js} +2 -2
- package/lib/dist-custom-elements/p-dcc8afe8.js +221 -0
- package/lib/dist-custom-elements/{p-2c95a055.js → p-e48a192a.js} +7 -5
- package/lib/dist-custom-elements/{p-21425713.js → p-f33fb629.js} +2 -2
- package/lib/dist-custom-elements/{p-1e3171d9.js → p-f8d1e874.js} +1 -1
- package/lib/dist-custom-elements/{p-f21662ea.js → p-fe478fac.js} +5 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/p-00fcf2fb.system.entry.js +4 -0
- package/lib/duet/p-033bb755.system.entry.js +4 -0
- package/lib/duet/p-04658922.entry.js +4 -0
- package/lib/duet/p-04c70e04.system.entry.js +4 -0
- package/lib/duet/{p-a28a52b8.system.entry.js → p-065bebcf.system.entry.js} +1 -1
- package/lib/duet/{p-98c47715.entry.js → p-06a2c00d.entry.js} +1 -1
- package/lib/duet/{p-1d2cadcc.entry.js → p-07cfc2f5.entry.js} +1 -1
- package/lib/duet/{p-69a8abac.system.entry.js → p-082e654d.system.entry.js} +1 -1
- package/lib/duet/{p-f7f0b74f.entry.js → p-09497e9e.entry.js} +1 -1
- package/lib/duet/{p-e2f6279e.entry.js → p-0a280ddc.entry.js} +1 -1
- package/lib/duet/{p-fa69c713.system.entry.js → p-0c1a086f.system.entry.js} +1 -1
- package/lib/duet/p-0cf7d917.entry.js +4 -0
- package/lib/duet/{p-1060aa25.entry.js → p-0e04330c.entry.js} +1 -1
- package/lib/duet/{p-c51a586e.system.entry.js → p-0e3375dd.system.entry.js} +1 -1
- package/lib/duet/p-0e9de590.entry.js +4 -0
- package/lib/duet/p-1060eeeb.system.entry.js +4 -0
- package/lib/duet/p-1198fd12.system.entry.js +4 -0
- package/lib/duet/p-11f86bdc.system.entry.js +4 -0
- package/lib/duet/p-1285b423.system.entry.js +4 -0
- package/lib/duet/{p-08f35dcb.js → p-12f16785.js} +1 -1
- package/lib/duet/p-1338bc5c.entry.js +4 -0
- package/lib/duet/{p-b25490a8.js → p-135e72bf.js} +1 -1
- package/lib/duet/p-13a834ce.system.entry.js +4 -0
- package/lib/duet/{p-01f6825e.system.entry.js → p-158e2598.system.entry.js} +1 -1
- package/lib/duet/p-16a30d86.system.entry.js +4 -0
- package/lib/duet/p-17755657.system.entry.js +4 -0
- package/lib/duet/p-17ee74b1.system.entry.js +4 -0
- package/lib/duet/p-18a0cbe5.system.entry.js +4 -0
- package/lib/duet/{p-29f97ffb.entry.js → p-1d9091b2.entry.js} +1 -1
- package/lib/duet/p-1dcd8cb6.system.entry.js +4 -0
- package/lib/duet/p-1f4af013.entry.js +4 -0
- package/lib/duet/p-21cfc7c9.system.entry.js +4 -0
- package/lib/duet/p-2b4a068b.system.entry.js +4 -0
- package/lib/duet/{p-4452e6e8.entry.js → p-2daf9e75.entry.js} +1 -1
- package/lib/duet/p-2e136720.entry.js +4 -0
- package/lib/duet/p-2e64593c.system.entry.js +4 -0
- package/lib/duet/p-2e69eb33.entry.js +4 -0
- package/lib/duet/p-2fce48bf.entry.js +4 -0
- package/lib/duet/{p-6592e02c.system.js → p-30af84d3.system.js} +1 -1
- package/lib/duet/{p-91ab1514.entry.js → p-311a334f.entry.js} +1 -1
- package/lib/duet/{p-e2373985.system.entry.js → p-31463f0b.system.entry.js} +2 -2
- package/lib/duet/{p-106cd6ab.js → p-33c69e1b.js} +1 -1
- package/lib/duet/p-33f60648.entry.js +4 -0
- package/lib/duet/{p-0b275971.entry.js → p-34cdefd2.entry.js} +1 -1
- package/lib/duet/{p-ed4b8ef4.system.entry.js → p-357fba6d.system.entry.js} +1 -1
- package/lib/duet/{p-57941503.system.js → p-385da7a9.system.js} +1 -1
- package/lib/duet/{p-65dac1a2.entry.js → p-3aa5dbed.entry.js} +1 -1
- package/lib/duet/p-3c69cc2a.system.entry.js +4 -0
- package/lib/duet/p-3e52c8ff.system.entry.js +4 -0
- package/lib/duet/p-4030ca2a.system.entry.js +4 -0
- package/lib/duet/{p-a19e945f.entry.js → p-439c21e7.entry.js} +1 -1
- package/lib/duet/p-43bbba35.system.js +4 -0
- package/lib/duet/p-4453a6c6.system.entry.js +4 -0
- package/lib/duet/{p-f57a788d.system.entry.js → p-47d32341.system.entry.js} +1 -1
- package/lib/duet/{p-39cd22a6.system.entry.js → p-48bd44c3.system.entry.js} +1 -1
- package/lib/duet/p-497bdd59.entry.js +4 -0
- package/lib/duet/{p-63045d0e.js → p-4ad740e2.js} +1 -1
- package/lib/duet/p-4b6e53bd.entry.js +4 -0
- package/lib/duet/{p-d433e813.system.entry.js → p-4be139d3.system.entry.js} +1 -1
- package/lib/duet/{p-dbe48d3c.entry.js → p-4cd75d1b.entry.js} +1 -1
- package/lib/duet/p-4cfd6aa0.system.entry.js +4 -0
- package/lib/duet/p-4d91e61a.system.entry.js +4 -0
- package/lib/duet/p-50bb0bef.system.entry.js +4 -0
- package/lib/duet/p-52e13815.entry.js +4 -0
- package/lib/duet/p-541a4093.system.entry.js +4 -0
- package/lib/duet/p-59d65494.entry.js +4 -0
- package/lib/duet/{p-7f2855e9.entry.js → p-5b88277b.entry.js} +1 -1
- package/lib/duet/{p-c797a3e6.entry.js → p-5bb5a55a.entry.js} +1 -1
- package/lib/duet/p-5c374688.system.entry.js +4 -0
- package/lib/duet/p-5cd1152a.entry.js +4 -0
- package/lib/duet/p-5e33ada9.system.entry.js +4 -0
- package/lib/duet/p-60cfe03f.entry.js +4 -0
- package/lib/duet/{p-28ac2fa8.entry.js → p-618dcd6b.entry.js} +1 -1
- package/lib/duet/p-61efcecb.entry.js +4 -0
- package/lib/duet/{p-60672e19.entry.js → p-638ab80b.entry.js} +1 -1
- package/lib/duet/p-66386c5e.entry.js +4 -0
- package/lib/duet/p-6751d70f.entry.js +4 -0
- package/lib/duet/p-6829be6c.system.entry.js +4 -0
- package/lib/duet/p-68fdf1da.system.entry.js +4 -0
- package/lib/duet/p-6d7d56e8.entry.js +4 -0
- package/lib/duet/p-70d7644c.system.entry.js +4 -0
- package/lib/duet/p-7266991d.entry.js +4 -0
- package/lib/duet/p-72efa27a.system.entry.js +4 -0
- package/lib/duet/{p-c27dc664.system.entry.js → p-758eb019.system.entry.js} +1 -1
- package/lib/duet/p-75c6a8ee.system.entry.js +4 -0
- package/lib/duet/p-76e57b3a.system.entry.js +4 -0
- package/lib/duet/{p-a966bbcf.system.js → p-77516717.system.js} +1 -1
- package/lib/duet/p-783316e7.system.entry.js +4 -0
- package/lib/duet/p-79628294.entry.js +4 -0
- package/lib/duet/p-7ae39a1c.entry.js +4 -0
- package/lib/duet/p-7c6b903a.entry.js +4 -0
- package/lib/duet/p-7ca8790f.system.entry.js +4 -0
- package/lib/duet/p-7f2ae5ad.entry.js +4 -0
- package/lib/duet/p-7f6f7008.system.entry.js +4 -0
- package/lib/duet/{p-8fb46b02.system.js → p-80993983.system.js} +1 -1
- package/lib/duet/{p-9a6959da.entry.js → p-81677e17.entry.js} +1 -1
- package/lib/duet/p-81f0ab52.entry.js +4 -0
- package/lib/duet/p-824f8fec.entry.js +4 -0
- package/lib/duet/{p-147a0d89.entry.js → p-8316c5a6.entry.js} +1 -1
- package/lib/duet/{p-08b08728.entry.js → p-8417d209.entry.js} +1 -1
- package/lib/duet/p-855bf182.entry.js +4 -0
- package/lib/duet/p-884ee3c8.entry.js +4 -0
- package/lib/duet/p-88880de6.entry.js +4 -0
- package/lib/duet/p-8901b848.system.entry.js +4 -0
- package/lib/duet/{p-1066dc94.entry.js → p-89e30005.entry.js} +1 -1
- package/lib/duet/p-8bbea850.system.entry.js +4 -0
- package/lib/duet/{p-354763bd.entry.js → p-8d900bdc.entry.js} +1 -1
- package/lib/duet/p-8e21c393.entry.js +4 -0
- package/lib/duet/{p-8fbb5ff5.entry.js → p-8f1696fc.entry.js} +1 -1
- package/lib/duet/{p-f3d5cc54.system.entry.js → p-904d0415.system.entry.js} +1 -1
- package/lib/duet/p-916f4438.entry.js +4 -0
- package/lib/duet/p-91a5f0c8.entry.js +4 -0
- package/lib/duet/{p-880bccc7.entry.js → p-929579ed.entry.js} +1 -1
- package/lib/duet/{p-430c421b.system.entry.js → p-92b098f9.system.entry.js} +1 -1
- package/lib/duet/{p-364526bf.system.entry.js → p-949a5c17.system.entry.js} +1 -1
- package/lib/duet/p-95cd3623.entry.js +4 -0
- package/lib/duet/{p-3ba94b3e.entry.js → p-95d2b637.entry.js} +1 -1
- package/lib/duet/p-9718c106.js +4 -0
- package/lib/duet/p-9a7b5888.system.entry.js +4 -0
- package/lib/duet/p-9d9457bf.js +4 -0
- package/lib/duet/p-9df05d74.entry.js +4 -0
- package/lib/duet/p-9df8182c.system.entry.js +4 -0
- package/lib/duet/p-a0e599fa.system.entry.js +4 -0
- package/lib/duet/p-a0f78e44.entry.js +4 -0
- package/lib/duet/p-a27a9c69.js +4 -0
- package/lib/duet/p-a395c023.entry.js +4 -0
- package/lib/duet/p-a48d38dd.entry.js +4 -0
- package/lib/duet/{p-dde34236.entry.js → p-aa781739.entry.js} +1 -1
- package/lib/duet/p-ac388eb7.entry.js +4 -0
- package/lib/duet/p-b07f9abb.system.entry.js +4 -0
- package/lib/duet/p-b355076f.entry.js +4 -0
- package/lib/duet/p-b3c4e717.system.entry.js +4 -0
- package/lib/duet/p-b7691d79.system.entry.js +4 -0
- package/lib/duet/{p-eb01f00b.system.entry.js → p-b7ce18dd.system.entry.js} +1 -1
- package/lib/duet/p-b81ac5ae.system.js +4 -0
- package/lib/duet/p-b91fd1ce.system.entry.js +4 -0
- package/lib/duet/p-b9f9f07f.entry.js +4 -0
- package/lib/duet/p-bd0ab8c6.system.entry.js +4 -0
- package/lib/duet/p-bd3c1bb9.entry.js +4 -0
- package/lib/duet/{p-3c7cc108.entry.js → p-bf87b23f.entry.js} +1 -1
- package/lib/duet/{p-f208d55c.entry.js → p-c03cf41b.entry.js} +1 -1
- package/lib/duet/p-c370b95d.entry.js +4 -0
- package/lib/duet/p-c5219057.system.entry.js +4 -0
- package/lib/duet/{p-666775c7.system.entry.js → p-c7b24194.system.entry.js} +1 -1
- package/lib/duet/p-c80618b4.system.js +4 -0
- package/lib/duet/p-c972a96e.js +4 -0
- package/lib/duet/p-c976593b.entry.js +4 -0
- package/lib/duet/p-c97dbc9b.js +4 -0
- package/lib/duet/{p-dc172d1c.entry.js → p-c9971904.entry.js} +1 -1
- package/lib/duet/p-cab933ea.system.entry.js +4 -0
- package/lib/duet/p-caf1ece1.system.entry.js +4 -0
- package/lib/duet/p-cb37d121.entry.js +4 -0
- package/lib/duet/p-cbb72b0c.system.entry.js +4 -0
- package/lib/duet/p-cbf13746.entry.js +4 -0
- package/lib/duet/p-cc9ee2cb.system.entry.js +4 -0
- package/lib/duet/p-ccb84e6a.system.entry.js +4 -0
- package/lib/duet/{p-440018ce.system.entry.js → p-ce677952.system.entry.js} +1 -1
- package/lib/duet/{p-2063c660.system.entry.js → p-d10856d3.system.entry.js} +1 -1
- package/lib/duet/{p-46ac8eb2.entry.js → p-d3602171.entry.js} +1 -1
- package/lib/duet/p-d44312ba.system.js +4 -0
- package/lib/duet/p-d4a9606f.entry.js +4 -0
- package/lib/duet/p-d4ecb287.js +4 -0
- package/lib/duet/{p-db398834.system.js → p-d4f972c3.system.js} +1 -1
- package/lib/duet/p-d6b96130.system.entry.js +4 -0
- package/lib/duet/p-d79d46f4.system.entry.js +4 -0
- package/lib/duet/p-d807313e.system.entry.js +4 -0
- package/lib/duet/p-d84ab69c.system.entry.js +4 -0
- package/lib/duet/p-da33830e.system.entry.js +4 -0
- package/lib/duet/p-db0ba7b6.system.js +4 -0
- package/lib/duet/{p-63b3eff1.entry.js → p-dba326f3.entry.js} +1 -1
- package/lib/duet/{p-58b1748d.entry.js → p-dca26ec6.entry.js} +1 -1
- package/lib/duet/{p-9a099e32.entry.js → p-df9388c0.entry.js} +1 -1
- package/lib/duet/p-e1c99881.system.entry.js +4 -0
- package/lib/duet/{p-03b9211c.system.entry.js → p-e26e10f1.system.entry.js} +1 -1
- package/lib/duet/p-e433ff50.system.entry.js +4 -0
- package/lib/duet/p-e5a7f0a5.system.entry.js +4 -0
- package/lib/duet/{p-8fa26acd.system.entry.js → p-e663f11f.system.entry.js} +1 -1
- package/lib/duet/p-e7dc7c7c.entry.js +4 -0
- package/lib/duet/{p-2144ed7e.entry.js → p-e9dee331.entry.js} +1 -1
- package/lib/duet/p-ea60fb06.entry.js +4 -0
- package/lib/duet/{p-03b5f65a.entry.js → p-ea986606.entry.js} +1 -1
- package/lib/duet/{p-ace83b4d.system.js → p-ec4bb6c3.system.js} +1 -1
- package/lib/duet/p-ef35ead4.entry.js +4 -0
- package/lib/duet/p-ef4f91d2.system.entry.js +4 -0
- package/lib/duet/p-ef97420d.system.entry.js +4 -0
- package/lib/duet/p-f0e3d159.js +4 -0
- package/lib/duet/p-f103010d.entry.js +4 -0
- package/lib/duet/p-f59845f1.entry.js +4 -0
- package/lib/duet/p-f5c47365.system.entry.js +4 -0
- package/lib/duet/{p-632bb443.entry.js → p-f5f409e3.entry.js} +1 -1
- package/lib/duet/{p-7132e6b1.system.js → p-f6486434.system.js} +1 -1
- package/lib/duet/p-f81da033.system.entry.js +4 -0
- package/lib/duet/p-fa184877.system.entry.js +4 -0
- package/lib/duet/p-ff27191d.system.entry.js +4 -0
- package/lib/duet/{p-a7442f4e.system.entry.js → p-ff3fa3b2.system.entry.js} +1 -1
- package/lib/esm/{a11y-utils-fcabbbe4.js → a11y-utils-696f7b73.js} +1 -1
- package/lib/esm/{app-globals-df3febf1.js → app-globals-245f0f6e.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +6 -6
- package/lib/esm/duet-alert.entry.js +11 -17
- package/lib/esm/duet-badge.entry.js +4 -4
- package/lib/esm/duet-banner.entry.js +6 -6
- package/lib/esm/duet-breadcrumb.entry.js +3 -3
- package/lib/esm/duet-breadcrumbs.entry.js +6 -6
- package/lib/esm/duet-button_2.entry.js +7 -7
- package/lib/esm/duet-callout.entry.js +4 -4
- package/lib/esm/duet-caption_4.entry.js +15 -13
- package/lib/esm/duet-card.entry.js +12 -10
- package/lib/esm/duet-checkbox.entry.js +3 -3
- package/lib/esm/duet-checkmark.entry.js +3 -3
- package/lib/esm/duet-chip.entry.js +4 -4
- package/lib/esm/duet-choice_2.entry.js +6 -6
- package/lib/esm/duet-collapsible.entry.js +17 -14
- package/lib/esm/duet-combobox.entry.js +5 -5
- package/lib/esm/duet-contact-card.entry.js +4 -4
- package/lib/esm/duet-cookie-consent.entry.js +3 -3
- package/lib/esm/duet-date-picker.entry.js +6 -6
- package/lib/esm/duet-divider_2.entry.js +6 -6
- package/lib/esm/duet-editable-table_3.entry.js +9 -9
- package/lib/esm/duet-empty-state.entry.js +3 -3
- package/lib/esm/duet-fieldset.entry.js +8 -8
- package/lib/esm/duet-file-chooser.entry.js +3 -3
- package/lib/esm/duet-footer.entry.js +5 -5
- package/lib/esm/duet-grid_2.entry.js +20 -8
- package/lib/esm/duet-header_2.entry.js +10 -9
- package/lib/esm/duet-hero.entry.js +13 -10
- package/lib/esm/duet-icon.entry.js +5 -5
- package/lib/esm/duet-indicator.entry.js +3 -3
- package/lib/esm/duet-input_2.entry.js +16 -16
- package/lib/esm/duet-layout.entry.js +3 -3
- package/lib/esm/duet-list_2.entry.js +4 -4
- package/lib/esm/duet-menu-bar-button.entry.js +3 -3
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-menu-bar-dropdown.entry.js +3 -3
- package/lib/esm/duet-menu-bar-item.entry.js +6 -6
- package/lib/esm/duet-menu-bar-link.entry.js +3 -3
- package/lib/esm/duet-menu-bar.entry.js +4 -4
- package/lib/esm/duet-modal.entry.js +28 -16
- package/lib/esm/duet-multiselect.entry.js +10 -10
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +9 -6
- package/lib/esm/duet-number-input.entry.js +5 -5
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +3 -3
- package/lib/esm/duet-pagination_2.entry.js +7 -7
- package/lib/esm/duet-panel.entry.js +3 -3
- package/lib/esm/duet-phone-input.entry.js +5 -5
- package/lib/esm/duet-popup-menu_2.entry.js +7 -7
- package/lib/esm/duet-progress.entry.js +4 -4
- package/lib/esm/duet-promo-card.entry.js +7 -7
- package/lib/esm/duet-radio_2.entry.js +5 -5
- package/lib/esm/duet-range-slider.entry.js +4 -4
- package/lib/esm/duet-scrollable_3.entry.js +14 -13
- package/lib/esm/duet-section-layout.entry.js +2 -2
- package/lib/esm/duet-select.entry.js +4 -4
- package/lib/esm/duet-shaped-image.entry.js +3 -3
- package/lib/esm/duet-share-chart-item.entry.js +1 -1
- package/lib/esm/duet-share-chart.entry.js +7 -7
- 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 +6 -6
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +8 -6
- package/lib/esm/duet-slideout-panel.entry.js +15 -13
- package/lib/esm/duet-slideout.entry.js +12 -11
- package/lib/esm/duet-status-icon.entry.js +2 -2
- package/lib/esm/duet-step_2.entry.js +5 -5
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +4 -4
- 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 +4 -4
- package/lib/esm/duet-textarea.entry.js +5 -5
- package/lib/esm/duet-toggle.entry.js +3 -3
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-toolbar-dropdown.entry.js +3 -3
- package/lib/esm/duet-toolbar-item.entry.js +6 -6
- package/lib/esm/duet-toolbar-link.entry.js +3 -3
- package/lib/esm/duet-toolbar.entry.js +3 -3
- package/lib/esm/duet-tooltip-button_2.entry.js +9 -6
- package/lib/esm/duet-tooltip.entry.js +5 -5
- package/lib/esm/duet-tray.entry.js +5 -5
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-upload-item.entry.js +4 -4
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-2bbac3d7.js → errorcodes.utils-160ddc21.js} +1 -1
- package/lib/esm/{focus-utils-86d0936a.js → focus-utils-d6e4011c.js} +1 -1
- package/lib/esm/{index-c99b5a3a.js → index-22246570.js} +1 -1
- package/lib/esm/{language-utils-0881a2a9.js → language-utils-09809102.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-a65ef46f.js → slot-utils-eb668280.js} +6 -2
- package/lib/esm/{themeable-component-e3661133.js → themeable-component-f4a04f2f.js} +1 -1
- package/lib/esm/{token-utils-cf052bc0.js → token-utils-d02c20ff.js} +37 -37
- package/lib/{dist-custom-elements/p-eb60efcc.js → esm/tokens-1fd83076.js} +144 -0
- package/lib/esm/{tokens.module-821694bb.js → tokens.module-7b07911f.js} +96 -0
- package/lib/esm-es5/{a11y-utils-fcabbbe4.js → a11y-utils-696f7b73.js} +1 -1
- package/lib/esm-es5/{app-globals-df3febf1.js → app-globals-245f0f6e.js} +1 -1
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +2 -2
- 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 +2 -2
- package/lib/esm-es5/duet-checkbox.entry.js +2 -2
- package/lib/esm-es5/duet-checkmark.entry.js +1 -1
- package/lib/esm-es5/duet-chip.entry.js +2 -2
- package/lib/esm-es5/duet-choice_2.entry.js +2 -2
- package/lib/esm-es5/duet-collapsible.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- 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-indicator.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +2 -2
- 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 +2 -2
- package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +2 -2
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +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 +2 -2
- package/lib/esm-es5/duet-panel.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 +2 -2
- 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 +2 -2
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +2 -2
- package/lib/esm-es5/duet-section-layout.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +2 -2
- 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 +1 -1
- package/lib/esm-es5/duet-slideout-panel.entry.js +2 -2
- 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 +2 -2
- package/lib/esm-es5/duet-submenu-bar-item.entry.js +2 -2
- package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.entry.js +2 -2
- package/lib/esm-es5/duet-textarea.entry.js +2 -2
- package/lib/esm-es5/duet-toggle.entry.js +2 -2
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-item.entry.js +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 +2 -2
- 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-2bbac3d7.js → errorcodes.utils-160ddc21.js} +1 -1
- package/lib/esm-es5/{focus-utils-86d0936a.js → focus-utils-d6e4011c.js} +1 -1
- package/lib/esm-es5/{index-c99b5a3a.js → index-22246570.js} +1 -1
- package/lib/esm-es5/{language-utils-0881a2a9.js → language-utils-09809102.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/slot-utils-eb668280.js +4 -0
- package/lib/esm-es5/{themeable-component-e3661133.js → themeable-component-f4a04f2f.js} +1 -1
- package/lib/esm-es5/token-utils-d02c20ff.js +4 -0
- package/lib/esm-es5/tokens-1fd83076.js +4 -0
- package/lib/esm-es5/tokens.module-7b07911f.js +4 -0
- package/lib/types/components/duet-alert/duet-alert.d.ts +2 -4
- package/lib/types/components/duet-collapsible/duet-collapsible.d.ts +3 -1
- package/lib/types/components/duet-grid/duet-grid.d.ts +5 -3
- package/lib/types/components/duet-hero/duet-hero.d.ts +1 -0
- package/lib/types/components/duet-input/duet-input.d.ts +5 -10
- package/lib/types/components/duet-paragraph/duet-paragraph.d.ts +1 -0
- package/lib/types/components.d.ts +24 -5
- package/lib/types/utils/slot-utils.d.ts +1 -0
- package/package.json +9 -9
- package/lib/dist-custom-elements/p-07aea296.js +0 -318
- package/lib/dist-custom-elements/p-07d58c18.js +0 -227
- package/lib/dist-custom-elements/p-2dc31d71.js +0 -148
- package/lib/duet/p-00b27ded.entry.js +0 -4
- package/lib/duet/p-021c152c.system.entry.js +0 -4
- package/lib/duet/p-032230dd.entry.js +0 -4
- package/lib/duet/p-0c012ed1.entry.js +0 -4
- package/lib/duet/p-0fec0e03.system.entry.js +0 -4
- package/lib/duet/p-118dae54.entry.js +0 -4
- package/lib/duet/p-13eec75c.system.js +0 -4
- package/lib/duet/p-17db9cab.system.entry.js +0 -4
- package/lib/duet/p-17e9f5f2.entry.js +0 -4
- package/lib/duet/p-17efced0.js +0 -4
- package/lib/duet/p-1971f9b0.system.entry.js +0 -4
- package/lib/duet/p-1b7c7390.entry.js +0 -4
- package/lib/duet/p-1bb0af1a.entry.js +0 -4
- package/lib/duet/p-1e5c76d7.system.entry.js +0 -4
- package/lib/duet/p-1e6bf17e.system.entry.js +0 -4
- package/lib/duet/p-1f082e57.system.entry.js +0 -4
- package/lib/duet/p-219cd158.entry.js +0 -4
- package/lib/duet/p-23486542.system.entry.js +0 -4
- package/lib/duet/p-23601b3e.system.entry.js +0 -4
- package/lib/duet/p-236aec93.entry.js +0 -4
- package/lib/duet/p-24c27df5.system.entry.js +0 -4
- package/lib/duet/p-2747b44c.system.entry.js +0 -4
- package/lib/duet/p-27fecfaa.entry.js +0 -4
- package/lib/duet/p-2bbc034f.system.entry.js +0 -4
- package/lib/duet/p-2c164336.entry.js +0 -4
- package/lib/duet/p-2cf70fac.system.entry.js +0 -4
- package/lib/duet/p-3390de84.entry.js +0 -4
- package/lib/duet/p-33b6ad8b.system.entry.js +0 -4
- package/lib/duet/p-3420a2e4.entry.js +0 -4
- package/lib/duet/p-34b57104.system.entry.js +0 -4
- package/lib/duet/p-36a29933.js +0 -4
- package/lib/duet/p-36b45ca1.entry.js +0 -4
- package/lib/duet/p-37687656.entry.js +0 -4
- package/lib/duet/p-393f3d40.system.entry.js +0 -4
- package/lib/duet/p-3c3bc9fb.system.entry.js +0 -4
- package/lib/duet/p-43e7ee1b.system.entry.js +0 -4
- package/lib/duet/p-4594e530.entry.js +0 -4
- package/lib/duet/p-48049d11.system.entry.js +0 -4
- package/lib/duet/p-480ed6f7.entry.js +0 -4
- package/lib/duet/p-49d3f1f8.system.entry.js +0 -4
- package/lib/duet/p-55ed83fd.entry.js +0 -4
- package/lib/duet/p-56d797a7.system.entry.js +0 -4
- package/lib/duet/p-578b1556.entry.js +0 -4
- package/lib/duet/p-5a623866.system.entry.js +0 -4
- package/lib/duet/p-5af19c0d.entry.js +0 -4
- package/lib/duet/p-5be1c8ca.system.entry.js +0 -4
- package/lib/duet/p-5cbbad67.entry.js +0 -4
- package/lib/duet/p-5db55c55.system.entry.js +0 -4
- package/lib/duet/p-64959c1d.system.js +0 -4
- package/lib/duet/p-66663bdd.entry.js +0 -4
- package/lib/duet/p-684278ce.system.entry.js +0 -4
- package/lib/duet/p-6950f757.system.entry.js +0 -4
- package/lib/duet/p-6b02af30.entry.js +0 -4
- package/lib/duet/p-6b371ce8.system.entry.js +0 -4
- package/lib/duet/p-6bb80546.system.entry.js +0 -4
- package/lib/duet/p-6bc99ba8.entry.js +0 -4
- package/lib/duet/p-6e575dd4.system.entry.js +0 -4
- package/lib/duet/p-6f05d7e7.entry.js +0 -4
- package/lib/duet/p-6f2c6bff.entry.js +0 -4
- package/lib/duet/p-6fb94ef4.system.entry.js +0 -4
- package/lib/duet/p-7089e938.system.entry.js +0 -4
- package/lib/duet/p-73508ab7.entry.js +0 -4
- package/lib/duet/p-7397dd4f.system.entry.js +0 -4
- package/lib/duet/p-745b87a1.system.entry.js +0 -4
- package/lib/duet/p-746cc1a2.system.entry.js +0 -4
- package/lib/duet/p-750e4ab4.entry.js +0 -4
- package/lib/duet/p-75fdf144.system.js +0 -4
- package/lib/duet/p-7732213d.entry.js +0 -4
- package/lib/duet/p-7b28d664.entry.js +0 -4
- package/lib/duet/p-7b845013.entry.js +0 -4
- package/lib/duet/p-808c5e03.system.entry.js +0 -4
- package/lib/duet/p-80bf7a6d.js +0 -4
- package/lib/duet/p-8283b6dc.system.entry.js +0 -4
- package/lib/duet/p-85023f68.entry.js +0 -4
- package/lib/duet/p-8810586f.system.entry.js +0 -4
- package/lib/duet/p-89363c87.system.entry.js +0 -4
- package/lib/duet/p-89636372.entry.js +0 -4
- package/lib/duet/p-8d42cd8e.entry.js +0 -4
- package/lib/duet/p-9012c4d7.system.entry.js +0 -4
- package/lib/duet/p-90448156.system.entry.js +0 -4
- package/lib/duet/p-907af7da.system.entry.js +0 -4
- package/lib/duet/p-9171868a.system.js +0 -4
- package/lib/duet/p-935bb380.system.entry.js +0 -4
- package/lib/duet/p-990cd307.system.entry.js +0 -4
- package/lib/duet/p-9a68836b.entry.js +0 -4
- package/lib/duet/p-9ac8d40d.system.entry.js +0 -4
- package/lib/duet/p-9ecf83ca.system.entry.js +0 -4
- package/lib/duet/p-a331720c.system.entry.js +0 -4
- package/lib/duet/p-a607febe.system.entry.js +0 -4
- package/lib/duet/p-aa75307b.entry.js +0 -4
- package/lib/duet/p-abe3827d.entry.js +0 -4
- package/lib/duet/p-accae6ec.entry.js +0 -4
- package/lib/duet/p-ad14a7bb.entry.js +0 -4
- package/lib/duet/p-ad570b3d.entry.js +0 -4
- package/lib/duet/p-ad6ccb39.js +0 -4
- package/lib/duet/p-aeb3d682.system.entry.js +0 -4
- package/lib/duet/p-b09cf28d.system.entry.js +0 -4
- package/lib/duet/p-b23fd2cf.system.entry.js +0 -4
- package/lib/duet/p-b58e595a.system.entry.js +0 -4
- package/lib/duet/p-baaac8e6.system.entry.js +0 -4
- package/lib/duet/p-bfaf639a.system.entry.js +0 -4
- package/lib/duet/p-c1a87168.entry.js +0 -4
- package/lib/duet/p-c97d9b65.entry.js +0 -4
- package/lib/duet/p-ccdecd17.entry.js +0 -4
- package/lib/duet/p-d0b307cc.js +0 -4
- package/lib/duet/p-d2d74167.system.entry.js +0 -4
- package/lib/duet/p-d7d5874f.system.entry.js +0 -4
- package/lib/duet/p-d8739243.system.entry.js +0 -4
- package/lib/duet/p-d93881ea.entry.js +0 -4
- package/lib/duet/p-da7ff7a2.entry.js +0 -4
- package/lib/duet/p-dc332043.entry.js +0 -4
- package/lib/duet/p-ddc0706b.system.entry.js +0 -4
- package/lib/duet/p-de531c22.system.entry.js +0 -4
- package/lib/duet/p-dfb4edcc.system.entry.js +0 -4
- package/lib/duet/p-e19b45d6.system.entry.js +0 -4
- package/lib/duet/p-e39afbb1.entry.js +0 -4
- package/lib/duet/p-e73a7c54.system.entry.js +0 -4
- package/lib/duet/p-eaf7a202.system.entry.js +0 -4
- package/lib/duet/p-eb19b715.system.entry.js +0 -4
- package/lib/duet/p-eb60efcc.js +0 -4
- package/lib/duet/p-eb817c52.entry.js +0 -4
- package/lib/duet/p-f00388be.system.entry.js +0 -4
- package/lib/duet/p-f033bc52.system.js +0 -4
- package/lib/duet/p-f92ce1f9.js +0 -4
- package/lib/duet/p-fac03927.entry.js +0 -4
- package/lib/duet/p-fe6123a8.entry.js +0 -4
- package/lib/duet/p-feaa9ad0.entry.js +0 -4
- package/lib/duet/p-ff6049c7.system.entry.js +0 -4
- package/lib/esm-es5/slot-utils-a65ef46f.js +0 -4
- package/lib/esm-es5/token-utils-cf052bc0.js +0 -4
- package/lib/esm-es5/tokens-57aa1508.js +0 -4
- package/lib/esm-es5/tokens.module-821694bb.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{h as t,r as i,c as s,H as e,g as h}from"./p-63045d0e.js";import{i as o}from"./p-08f35dcb.js";import{c as n}from"./p-5e59e970.js";import{d as a}from"./p-9e371678.js";import{j as r,f as l,o as d,b as c,c as u}from"./p-a45e3f8b.js";import{g as m,a as p,c as v,d as b}from"./p-b25490a8.js";import{a as f}from"./p-36a29933.js";import{r as g,p as x}from"./p-9c3c64b9.js";const y=({item:i,activeDescendant:s,selected:e,label:h,clickHandler:o=(t=>{t.preventDefault()}),keyHandler:n=(t=>{t.preventDefault()}),search:a,isAndroidDevice:r,id:l})=>{const d=a.split(" ").filter((t=>!!t.trim())).map((t=>g(t))),c=""!==a?new RegExp(`(${d.join("|")})`,"i"):void 0;return t("duet-popup-menu-item",{id:s?l:"",active:e,"data-index":i.id,"aria-selected":s?"true":void 0,"aria-current":e?"true":void 0,role:"option","aria-label":h,tabindex:r?"-1":null,onClick:t=>o(t),onKeyUp:t=>n(t),accessibleRole:"option",activeDescendant:s},c?t("span",{class:"option-container","aria-hidden":"true"},t("span",{innerHTML:i.name.replace(c,'<span style="text-decoration: underline">$&</span>')})):i.name,i.tags&&t("span",{class:"option-tags"},i.tags.join(", ")))},S=class{constructor(t){var e,h;i(this,t),this.duetChange=s(this,"duetChange",3),this.listBoxId=n("duet-combobox-list-element"),this.inputId=n("duet-combobox-input-id"),this.activeDescendantId=n("duet-combobox-active-descendant"),this.isAndroidDevice=(null===(h=null===(e=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===e?void 0:e.toLowerCase())||void 0===h?void 0:h.indexOf("android"))>-1||null,this.isInsideModal=!1,this.resizeObserver=new ResizeObserver(a((t=>{var i,s,e;if(1===(null==t?void 0:t.length)){const h=null===(s=null===(i=t[0])||void 0===i?void 0:i.target)||void 0===s?void 0:s.getBoundingClientRect().width,o=parseInt(null===(e=getComputedStyle(this.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))||void 0===e?void 0:e.padding);this.listContainer.style.setProperty("--popup-width",h-2*o+"px")}}),100)),this.onInputChange=async t=>{this.inputValue=t.detail.value},this.onInputClick=()=>{var t,i;this.listOpen=this.openListOnClick?!this.listOpen:(null===(t=this.inputValue)||void 0===t?void 0:t.length)>=this.minCharacters,(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)||(this.listOpen=!1)},this.onInputTyping=async t=>{var i;const s=t.detail.value;!this.force&&!this.multiple&&this.selectedItems.size>0&&s!==this.getSelectedItemLabel()&&this.selectedItems.clear(),this.force||this.multiple||""!==s||(this.value=void 0),this.listOpen=String(s).length>=this.minCharacters&&(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)>0},this.onKeyDown=t=>{var i,s,e;const h=this.returnFilteredOrNonFiltered(),o=h.filter((t=>!this.selectedItems.has(t.id)));if(this.input.accessibleActiveDescendant=void 0,r(t))return t.preventDefault(),this.listOpen&&void 0!==this.activeItem&&h[this.activeItem]&&!this.selectedItems.has(h[this.activeItem].id)?this.multiple?this.addSelectedItem(h[this.activeItem].id,!0):this.updateSelectedItem(h[this.activeItem].id,!0):!this.multiple&&this.listOpen&&1===o.length&&o[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(o[0].id,!0),this.activeItem=void 0,void(this.listOpen=!1);if(l(t)||d(t))return this.listOpen&&t.preventDefault(),this.updateInputText(!0),this.activeItem=void 0,void(this.listOpen=!1);let n=this.activeItem;if(c(t))t.preventDefault(),n=this.activeItem-1;else if(u(t)){if((null!==(e=null===(s=null===(i=this.input)||void 0===i?void 0:i.value)||void 0===s?void 0:s.length)&&void 0!==e?e:0)<this.minCharacters)return;t.preventDefault(),n=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0}(u(t)||c(t))&&((n<0||!n)&&(n=0),n>=h.length&&(n=h.length-1),this.input.accessibleActiveDescendant=this.activeDescendantId,this.activeItem=n,this.scrollToActive())},this.processedItems=null,this.inputValue="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}},this.accessibleLabels=m(this.accessibleLabelDefaults,p()),this.label="",this.caption="",this.theme="",this.force=!1,this.multiple=!1,this.items=void 0,this.formatter=t=>t&&t.name?t.name:"",this.value=void 0,this.minCharacters=0,this.openListOnClick=!1,this.filterType="startsWith"}popupMenuOpenHandler(){this.listOpen?this.listContainer.show():this.listContainer.hide()}activeItemHandler(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||0===t)?this.activeDescendantId:""}inputValueHandler(){setTimeout((async()=>{const t=await this.getSelectedItemLabel();""==this.input.value&&t&&(this.input.value="",this.value=void 0)}),200)}handleDocumentClick(t){t.composedPath().every((t=>t!==this.element))&&(this.updateInputText(!0),this.listOpen=!1)}async formatItem(t){return this.formatter(t)}processItems(){const t=[];if(this.processedItems=x(this.items),!Array.isArray(this.processedItems))return void console.error("DuetCombobox: Items should be an array");this.processedItems.length!==new Set([...this.processedItems]).size&&console.warn("DuetCombobox: Duplicate item values found in the list"),this.processedItems=this.processedItems.map(((i,s)=>("string"==typeof i&&(i={name:i,value:i}),i.id=void 0!==i.id?String(i.id):`${JSON.stringify(i.value)}-${i.name}`,t.includes(i.id)&&(console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index"),i.id=`${i.id}-${s}`),t.push(i.id),i)));const i=Array.from(this.selectedItems).filter((t=>!this.processedItems.find((i=>i.id===t))));i.length&&(this.multiple?i.forEach((t=>this.removeSelectedItem(t))):this.updateSelectedItem(i[0],!0))}processValue(){if(""!==this.value&&!this.value)return void this.selectedItems.clear();const t=Array.isArray(this.value)?this.value:[this.value],i=this.processedItems.filter((i=>t.includes(i.value))).map((t=>t.id));if(i.length!==this.selectedItems.size||!i.every((t=>this.selectedItems.has(t))))if(this.multiple)this.selectedItems.clear(),this.input.clearChips(),i.forEach((t=>this.addSelectedItem(t)));else{const t=this.processedItems.find((t=>t.value===this.value));this.updateSelectedItem(t.id)}}processListOpenChange(){this.openListOnClick&&(this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"),this.input.accessibleExpanded=this.listOpen?"true":"false"}componentWillLoad(){this.element.closest("duet-modal")&&(this.isInsideModal=!0),o(this)}connectedCallback(){this.items&&this.processItems();const t=f(this.element);t.length?this.input=t[0]:(this.input=document.createElement("duet-input"),this.input.label=this.label,this.input.caption=this.caption,this.input.expand=!0,this.element.prepend(this.input)),this.input.chips=this.multiple,this.input.addEventListener("duetChange",this.onInputChange),this.input.addEventListener("duetInput",this.onInputTyping),this.input.addEventListener("click",this.onInputClick),this.input.role="combobox",this.input.accessibleExpanded=this.listOpen?"true":"false",this.input.accessibleAutocomplete="list",this.input.accessibleControls=this.listBoxId,this.input.id=this.inputId,this.element.addEventListener("keydown",this.onKeyDown),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"}),this.processListOpenChange()}disconnectedCallback(){this.input.removeEventListener("duetChange",this.onInputChange),this.input.removeEventListener("click",this.onInputClick),this.element.removeEventListener("keydown",this.onKeyDown),this.resizeObserver.disconnect(),b(this)}componentDidLoad(){this.resizeObserver.observe(this.input),this.processValue()}shouldListBeFiltered(){var t;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue&&(null===(t=this.inputValue)||void 0===t?void 0:t.length)<this.minCharacters){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}emitChangeEvent(t){const i=this.processedItems.find((i=>i.id===t));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})}updateMultipleValue(){this.value=this.processedItems.filter((t=>this.selectedItems.has(t.id))).map((t=>t.value)),this.input.value="",this.updateChips(),this.input.setFocus()}addSelectedItem(t,i){this.selectedItems.has(t)||(this.selectedItems.add(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}removeSelectedItem(t,i){this.selectedItems.has(t)&&(this.selectedItems.delete(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}async updateSelectedItem(t,i){this.selectedItems.clear(),this.selectedItems.add(t),this.value=this.processedItems.find((i=>i.id===t)).value,i&&this.emitChangeEvent(this.value&&t),await this.updateInputText()}async updateChips(){const t=Array.from(this.selectedItems),i=await this.input.getChips();t.forEach((async t=>{const i=this.processedItems.find((i=>i.id===t)),s=await this.formatItem(i);if(!await this.input.hasChip({value:`${t}`,text:s})){const i=document.createElement("duet-chip");i.variation="input",i.role="option",i.value=`${t}`,i.textContent=s,i.addEventListener("duetRemove",(t=>{this.removeSelectedItem(t.detail.value,!0)})),this.input.addChip(i)}})),i.forEach((i=>{t.includes(i.value)||i.remove()}))}async getSelectedItemLabel(){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return t?await this.formatItem(t):""}async updateInputText(t=!1){if(t&&this.multiple)this.input.value="";else{if(t&&this.force){const t=this.returnFilteredOrNonFiltered();!this.multiple&&this.listOpen&&1===t.length&&t[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(t[0].id,!0),this.input.value=0===this.selectedItems.size?"":await this.getSelectedItemLabel()}!t&&this.selectedItems.size>0&&(this.input.value="",this.input.value=await this.getSelectedItemLabel(),this.input.scrollLeft=this.input.scrollWidth,await this.input.setFocus())}}onListClick(t,i){return t.preventDefault(),t.stopPropagation(),this.multiple?this.addSelectedItem(i.id,!0):this.updateSelectedItem(i.id,!0),this.activeItem=void 0,this.listOpen=!1,this.listOpen}scrollToActive(){const t=document.getElementById(`${this.activeDescendantId}`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(t,i,s,e){return t&&void 0!==e?(s===e?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(s)).replace("{hiddenItems}",String(e-s)):""}getFilteredItems(){const t=this.processedItems.filter((t=>{var i,s,e,h,o;return(null===(i=String(t.value))||void 0===i?void 0:i.toLowerCase()[this.filterType](null===(s=this.inputValue)||void 0===s?void 0:s.toLowerCase()))||(null===(e=String(t.name))||void 0===e?void 0:e.toLowerCase()[this.filterType](null===(h=this.inputValue)||void 0===h?void 0:h.toLowerCase()))||this.formatter(t).toLowerCase()[this.filterType](null===(o=this.inputValue)||void 0===o?void 0:o.toLowerCase())||this.selectedItems.has(t.id)})).filter((t=>{let i=!0;return this.multiple&&this.selectedItems.has(t.id)&&(i=!1),i}));return this.sortFilteredItems(t)}sortFilteredItems(t){return t.length>0&&t.filter((t=>this.selectedItems.has(t.id))).forEach((i=>{const s=t.indexOf(i);t.splice(s,1),t.unshift(i)})),t}render(){const i=this.returnFilteredOrNonFiltered();return t(e,{class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},t("slot",null),t("div",null,t("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:t=>this.listContainer=t,accessibleRole:"listbox",allowVerticalFlip:!1,class:{"duet-skip-teleport-inert":this.isInsideModal}},t("div",{class:"combobox-menu-container"},this.listOpen&&i.map(((s,e)=>t(y,{id:this.activeDescendantId,item:s,activeDescendant:e===this.activeItem,selected:this.selectedItems.has(s.id),search:this.inputValue,clickHandler:t=>this.onListClick(t,s),label:this.formatLabel(s,e,i.length,this.processedItems.length),isAndroidDevice:this.isAndroidDevice}))),t("duet-spacer",{size:"x-small"})))))}get element(){return h(this)}static get watchers(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],inputValue:["inputValueHandler"],items:["processItems"],value:["processValue"]}}};S.style='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(8, 42, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}.duet-theme-turva2.duet-theme-turva.sc-duet-combobox-h{color:#172a3b}.duet-theme-turva2.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:#172a3b}';export{S as duet_combobox}
|
|
4
|
+
import{h as t,r as i,c as s,H as e,g as h}from"./p-4ad740e2.js";import{i as o}from"./p-12f16785.js";import{c as n}from"./p-5e59e970.js";import{d as a}from"./p-9e371678.js";import{j as r,f as l,o as d,b as c,c as u}from"./p-a45e3f8b.js";import{g as m,a as p,c as v,d as b}from"./p-135e72bf.js";import{b as g}from"./p-d4ecb287.js";import{r as f,p as x}from"./p-9c3c64b9.js";const y=({item:i,activeDescendant:s,selected:e,label:h,clickHandler:o=(t=>{t.preventDefault()}),keyHandler:n=(t=>{t.preventDefault()}),search:a,isAndroidDevice:r,id:l})=>{const d=a.split(" ").filter((t=>!!t.trim())).map((t=>f(t))),c=""!==a?new RegExp(`(${d.join("|")})`,"i"):void 0;return t("duet-popup-menu-item",{id:s?l:"",active:e,"data-index":i.id,"aria-selected":s?"true":void 0,"aria-current":e?"true":void 0,role:"option","aria-label":h,tabindex:r?"-1":null,onClick:t=>o(t),onKeyUp:t=>n(t),accessibleRole:"option",activeDescendant:s},c?t("span",{class:"option-container","aria-hidden":"true"},t("span",{innerHTML:i.name.replace(c,'<span style="text-decoration: underline">$&</span>')})):i.name,i.tags&&t("span",{class:"option-tags"},i.tags.join(", ")))},S=class{constructor(t){var e,h;i(this,t),this.duetChange=s(this,"duetChange",3),this.listBoxId=n("duet-combobox-list-element"),this.inputId=n("duet-combobox-input-id"),this.activeDescendantId=n("duet-combobox-active-descendant"),this.isAndroidDevice=(null===(h=null===(e=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===e?void 0:e.toLowerCase())||void 0===h?void 0:h.indexOf("android"))>-1||null,this.isInsideModal=!1,this.resizeObserver=new ResizeObserver(a((t=>{var i,s,e;if(1===(null==t?void 0:t.length)){const h=null===(s=null===(i=t[0])||void 0===i?void 0:i.target)||void 0===s?void 0:s.getBoundingClientRect().width,o=parseInt(null===(e=getComputedStyle(this.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))||void 0===e?void 0:e.padding);this.listContainer.style.setProperty("--popup-width",h-2*o+"px")}}),100)),this.onInputChange=async t=>{this.inputValue=t.detail.value},this.onInputClick=()=>{var t,i;this.listOpen=this.openListOnClick?!this.listOpen:(null===(t=this.inputValue)||void 0===t?void 0:t.length)>=this.minCharacters,(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)||(this.listOpen=!1)},this.onInputTyping=async t=>{var i;const s=t.detail.value;!this.force&&!this.multiple&&this.selectedItems.size>0&&s!==this.getSelectedItemLabel()&&this.selectedItems.clear(),this.force||this.multiple||""!==s||(this.value=void 0),this.listOpen=String(s).length>=this.minCharacters&&(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)>0},this.onKeyDown=t=>{var i,s,e;const h=this.returnFilteredOrNonFiltered(),o=h.filter((t=>!this.selectedItems.has(t.id)));if(this.input.accessibleActiveDescendant=void 0,r(t))return t.preventDefault(),this.listOpen&&void 0!==this.activeItem&&h[this.activeItem]&&!this.selectedItems.has(h[this.activeItem].id)?this.multiple?this.addSelectedItem(h[this.activeItem].id,!0):this.updateSelectedItem(h[this.activeItem].id,!0):!this.multiple&&this.listOpen&&1===o.length&&o[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(o[0].id,!0),this.activeItem=void 0,void(this.listOpen=!1);if(l(t)||d(t))return this.listOpen&&t.preventDefault(),this.updateInputText(!0),this.activeItem=void 0,void(this.listOpen=!1);let n=this.activeItem;if(c(t))t.preventDefault(),n=this.activeItem-1;else if(u(t)){if((null!==(e=null===(s=null===(i=this.input)||void 0===i?void 0:i.value)||void 0===s?void 0:s.length)&&void 0!==e?e:0)<this.minCharacters)return;t.preventDefault(),n=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0}(u(t)||c(t))&&((n<0||!n)&&(n=0),n>=h.length&&(n=h.length-1),this.input.accessibleActiveDescendant=this.activeDescendantId,this.activeItem=n,this.scrollToActive())},this.processedItems=null,this.inputValue="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}},this.accessibleLabels=m(this.accessibleLabelDefaults,p()),this.label="",this.caption="",this.theme="",this.force=!1,this.multiple=!1,this.items=void 0,this.formatter=t=>t&&t.name?t.name:"",this.value=void 0,this.minCharacters=0,this.openListOnClick=!1,this.filterType="startsWith"}popupMenuOpenHandler(){this.listOpen?this.listContainer.show():this.listContainer.hide()}activeItemHandler(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||0===t)?this.activeDescendantId:""}inputValueHandler(){setTimeout((async()=>{const t=await this.getSelectedItemLabel();""==this.input.value&&t&&(this.input.value="",this.value=void 0)}),200)}handleDocumentClick(t){t.composedPath().every((t=>t!==this.element))&&(this.updateInputText(!0),this.listOpen=!1)}async formatItem(t){return this.formatter(t)}processItems(){const t=[];if(this.processedItems=x(this.items),!Array.isArray(this.processedItems))return void console.error("DuetCombobox: Items should be an array");this.processedItems.length!==new Set([...this.processedItems]).size&&console.warn("DuetCombobox: Duplicate item values found in the list"),this.processedItems=this.processedItems.map(((i,s)=>("string"==typeof i&&(i={name:i,value:i}),i.id=void 0!==i.id?String(i.id):`${JSON.stringify(i.value)}-${i.name}`,t.includes(i.id)&&(console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index"),i.id=`${i.id}-${s}`),t.push(i.id),i)));const i=Array.from(this.selectedItems).filter((t=>!this.processedItems.find((i=>i.id===t))));i.length&&(this.multiple?i.forEach((t=>this.removeSelectedItem(t))):this.updateSelectedItem(i[0],!0))}processValue(){if(""!==this.value&&!this.value)return void this.selectedItems.clear();const t=Array.isArray(this.value)?this.value:[this.value],i=this.processedItems.filter((i=>t.includes(i.value))).map((t=>t.id));if(i.length!==this.selectedItems.size||!i.every((t=>this.selectedItems.has(t))))if(this.multiple)this.selectedItems.clear(),this.input.clearChips(),i.forEach((t=>this.addSelectedItem(t)));else{const t=this.processedItems.find((t=>t.value===this.value));this.updateSelectedItem(t.id)}}processListOpenChange(){this.openListOnClick&&(this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"),this.input.accessibleExpanded=this.listOpen?"true":"false"}componentWillLoad(){this.element.closest("duet-modal")&&(this.isInsideModal=!0),o(this)}connectedCallback(){this.items&&this.processItems();const t=g(this.element);t.length?this.input=t[0]:(this.input=document.createElement("duet-input"),this.input.label=this.label,this.input.caption=this.caption,this.input.expand=!0,this.element.prepend(this.input)),this.input.chips=this.multiple,this.input.addEventListener("duetChange",this.onInputChange),this.input.addEventListener("duetInput",this.onInputTyping),this.input.addEventListener("click",this.onInputClick),this.input.role="combobox",this.input.accessibleExpanded=this.listOpen?"true":"false",this.input.accessibleAutocomplete="list",this.input.accessibleControls=this.listBoxId,this.input.id=this.inputId,this.element.addEventListener("keydown",this.onKeyDown),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"}),this.processListOpenChange()}disconnectedCallback(){this.input.removeEventListener("duetChange",this.onInputChange),this.input.removeEventListener("click",this.onInputClick),this.element.removeEventListener("keydown",this.onKeyDown),this.resizeObserver.disconnect(),b(this)}componentDidLoad(){this.resizeObserver.observe(this.input),this.processValue()}shouldListBeFiltered(){var t;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue&&(null===(t=this.inputValue)||void 0===t?void 0:t.length)<this.minCharacters){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}emitChangeEvent(t){const i=this.processedItems.find((i=>i.id===t));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})}updateMultipleValue(){this.value=this.processedItems.filter((t=>this.selectedItems.has(t.id))).map((t=>t.value)),this.input.value="",this.updateChips(),this.input.setFocus()}addSelectedItem(t,i){this.selectedItems.has(t)||(this.selectedItems.add(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}removeSelectedItem(t,i){this.selectedItems.has(t)&&(this.selectedItems.delete(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}async updateSelectedItem(t,i){this.selectedItems.clear(),this.selectedItems.add(t),this.value=this.processedItems.find((i=>i.id===t)).value,i&&this.emitChangeEvent(this.value&&t),await this.updateInputText()}async updateChips(){const t=Array.from(this.selectedItems),i=await this.input.getChips();t.forEach((async t=>{const i=this.processedItems.find((i=>i.id===t)),s=await this.formatItem(i);if(!await this.input.hasChip({value:`${t}`,text:s})){const i=document.createElement("duet-chip");i.variation="input",i.role="option",i.value=`${t}`,i.textContent=s,i.addEventListener("duetRemove",(t=>{this.removeSelectedItem(t.detail.value,!0)})),this.input.addChip(i)}})),i.forEach((i=>{t.includes(i.value)||i.remove()}))}async getSelectedItemLabel(){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return t?await this.formatItem(t):""}async updateInputText(t=!1){if(t&&this.multiple)this.input.value="";else{if(t&&this.force){const t=this.returnFilteredOrNonFiltered();!this.multiple&&this.listOpen&&1===t.length&&t[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(t[0].id,!0),this.input.value=0===this.selectedItems.size?"":await this.getSelectedItemLabel()}!t&&this.selectedItems.size>0&&(this.input.value="",this.input.value=await this.getSelectedItemLabel(),this.input.scrollLeft=this.input.scrollWidth,await this.input.setFocus())}}onListClick(t,i){return t.preventDefault(),t.stopPropagation(),this.multiple?this.addSelectedItem(i.id,!0):this.updateSelectedItem(i.id,!0),this.activeItem=void 0,this.listOpen=!1,this.listOpen}scrollToActive(){const t=document.getElementById(`${this.activeDescendantId}`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(t,i,s,e){return t&&void 0!==e?(s===e?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(s)).replace("{hiddenItems}",String(e-s)):""}getFilteredItems(){const t=this.processedItems.filter((t=>{var i,s,e,h,o;return(null===(i=String(t.value))||void 0===i?void 0:i.toLowerCase()[this.filterType](null===(s=this.inputValue)||void 0===s?void 0:s.toLowerCase()))||(null===(e=String(t.name))||void 0===e?void 0:e.toLowerCase()[this.filterType](null===(h=this.inputValue)||void 0===h?void 0:h.toLowerCase()))||this.formatter(t).toLowerCase()[this.filterType](null===(o=this.inputValue)||void 0===o?void 0:o.toLowerCase())||this.selectedItems.has(t.id)})).filter((t=>{let i=!0;return this.multiple&&this.selectedItems.has(t.id)&&(i=!1),i}));return this.sortFilteredItems(t)}sortFilteredItems(t){return t.length>0&&t.filter((t=>this.selectedItems.has(t.id))).forEach((i=>{const s=t.indexOf(i);t.splice(s,1),t.unshift(i)})),t}render(){const i=this.returnFilteredOrNonFiltered();return t(e,{class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},t("slot",null),t("div",null,t("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:t=>this.listContainer=t,accessibleRole:"listbox",allowVerticalFlip:!1,class:{"duet-skip-teleport-inert":this.isInsideModal}},t("div",{class:"combobox-menu-container"},this.listOpen&&i.map(((s,e)=>t(y,{id:this.activeDescendantId,item:s,activeDescendant:e===this.activeItem,selected:this.selectedItems.has(s.id),search:this.inputValue,clickHandler:t=>this.onListClick(t,s),label:this.formatLabel(s,e,i.length,this.processedItems.length),isAndroidDevice:this.isAndroidDevice}))),t("duet-spacer",{size:"x-small"})))))}get element(){return h(this)}static get watchers(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],inputValue:["inputValueHandler"],items:["processItems"],value:["processValue"]}}};S.style='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;display:inline-block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(8, 42, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}.duet-theme-turva2.duet-theme-turva.sc-duet-combobox-h{color:rgb(23, 42, 59)}.duet-theme-turva2.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 42, 59)}';export{S as duet_combobox}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register(["./p-80993983.system.js"],(function(n){"use strict";return{setters:[function(){}],execute:function(){var r=n("g",(function(n,r){var e=Array.from(n.querySelectorAll(":scope > *"));return e.filter((function(n){return n.matches("[slot='".concat(r,"']"))}))}));var e=n("b",(function(n){var r=Array.from(n.querySelectorAll(":scope > *"));return r.filter((function(n){return!n.getAttribute("slot")}))}));var t=n("h",(function(n,t){return t?r(n,t).length>0:e(n).length>0}));var u=n("a",(function(n,t,u){var o=t?r(n,t):e(n);return o.map((function(n){return n.textContent.trim()})).join(u!==null&&u!==void 0?u:", ")}));var o=n("c",(function(n,e,t,u,o){if(u===void 0){u=0}if(o===void 0){o=false}var i=o?"error":"warn";var f=[];var s=r(n,e);var a=s.filter((function(n){if(n.matches(t)){return true}f.push('Only elements matcing selector "'.concat(t,'" may be used in slot ').concat(e,", found:\n").concat(n.outerHTML));if(o){n.remove();return false}return true}));if(u&&a.length>u){f.push("Only ".concat(u," element").concat(u>1?"s":""," may be used in slot ").concat(e,", found ").concat(s.length,"."));if(o){a.slice(u).forEach((function(n){return n.remove()}))}}if(f.length>0){console[i]("Duet ".concat(i," in ").concat(n.tagName.toLowerCase(),":\n").concat(f.join("\n")).concat(o?"\nElement".concat(f.length>1?"s":""," removed."):""))}}))}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,c as t,h as a,g as d}from"./p-4ad740e2.js";import{d as i,e as o}from"./p-8354d1f1.js";import{i as s}from"./p-12f16785.js";import{b as l}from"./p-24954951.js";import{f as r}from"./p-c97dbc9b.js";import{f as n}from"./p-a45e3f8b.js";import{a as m,g as u,c as h,d as p}from"./p-135e72bf.js";import{h as c}from"./p-d4ecb287.js";import{T as g}from"./p-8cb0e6bd.js";import{p as b}from"./p-9718c106.js";import"./p-9c3c64b9.js";import"./p-9d9457bf.js";const f=class{constructor(a){var d,i;e(this,a),this.duetOpen=t(this,"duetOpen",7),this.duetClose=t(this,"duetClose",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.duetBeforeClose=t(this,"duetBeforeClose",7),this.hasStickyHeader=!1,this.isAndroidDevice=(null===(i=null===(d=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===d?void 0:d.toLowerCase())||void 0===i?void 0:i.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleLoaderAnnouncementDefaults=l,this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var e;try{null===(e=null===document||void 0===document?void 0:document.activeElement)||void 0===e||e.scrollIntoViewIfNeeded(!0)}catch(e){}}),100)},this.open=!1,this.language=m(),this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleLoaderAnnouncement=u(this.accessibleLoaderAnnouncementDefaults,this.language),this.size="medium",this.accessibleDescribedBy=void 0,this.accessibleLabelledBy=void 0,this.accessibleLabel=void 0,this.accessibleDetails=void 0,this.accessibleDescription=void 0,this.variation="default",this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.headingVisualLevel=void 0,this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1,this.focusElementOnClose=void 0,this.accessibleAnnounceChanges=void 0}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,i("slide-up"===this.variation?this.modalContentEl:this.modalEl,{reserveScrollBarGap:!0}),this.teleport.makeSiblingsInert(),this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.remove())),setTimeout((()=>{"loader"===this.variation?this.addMessage(this.accessibleLoaderAnnouncement,!1):this.isAndroidDevice?this.modalEl.focus():this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),this.modalEl.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0}),o("slide-up"===this.variation?this.modalContentEl:this.modalEl),this.duetClose.emit(),this.teleport.removeInertFromSiblings(),""!==this.focusElementOnClose&&setTimeout((async()=>{let e=this.focusedElBeforeOpen;if(e="string"==typeof this.focusElementOnClose?document.getElementById(this.focusElementOnClose)||e:this.focusElementOnClose||e,"duet-popup-menu-item"===e.tagName.toLowerCase()){const t=e.closest("duet-popup-menu");!await t.isOpen()&&t.controller&&(e="string"==typeof t.controller?document.getElementById(t.controller):t.controller)}r(e)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){this.hasStickyHeader=c(this.element,"sticky-header"),s(this)}componentDidLoad(){this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}connectedCallback(){this.teleport||(this.teleport=new g(this.element)),this.teleport&&this.teleport.activate(),h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])}disconnectedCallback(){p(this),this.modalEl&&o(this.modalEl)}handleKeyUp(e){this.open&&n(e)&&this.closeModal(e)}async show(){this.open=!0}async hide(){this.open=!1}async focusCloseButton(){this.buttonEl.setFocus()}async scrollToTop(e=!0){var t;const a=e?"smooth":"auto";if("slide-up"===this.variation){const e=(null===(t=this.modalEl.querySelector(".duet-modal-sticky-header"))||void 0===t?void 0:t.clientHeight)||0,d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop=`${e+d.value}px`,this.slotContainerEl.scrollIntoView({behavior:a})}else this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:a})}async addMessage(e,t=!0){const a=document.createElement(t?"duet-paragraph":"duet-visually-hidden");a.textContent=e,a.classList.add("duet-loader-message"),t&&setTimeout((()=>{this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.classList.remove("show"))),a.classList.add("show")}),10),this.slotContainerEl.appendChild(a)}closeModal(e){this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"}),e.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){var e,t;const d=b("primary",this.theme),i=b("secondary",this.theme),o=a("div",{key:"cee464a60790470777e6a499800617fdeda46de2",class:"duet-modal-close"},a("duet-button",{key:"6eadf084b0e3bdebf9ed9415f993767800a86693",ref:e=>this.buttonEl=e,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:i,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:e=>this.closeModal(e),fixed:!0}));return a("div",{key:"569724872e61d206fbca2289a0a1d4b4beb651ca",ref:e=>this.modalEl=e,"aria-label":null!==(e=this.accessibleLabel)&&void 0!==e?e:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:"loader"===this.variation?"alert":"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1",class:{"duet-modal-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open,"duet-modal-slide-up":"slide-up"===this.variation,"duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{key:"631d58f62ee39029e3f410eaad94fc95efcfc4cb","z-index":"-1",visible:this.open,variation:"loader"===this.variation?"white":"default"}),a("div",{key:"8d52e7639d49138fb22c4256e53698a7ee6ecb0d",ref:e=>this.modalInnerEl=e,class:{"duet-modal-inner":!0,[this.size]:!0,"duet-modal-slide-up":"slide-up"===this.variation},onClick:e=>{this.closeOnBlur&&(e.target||e.srcElement)===this.modalInnerEl&&this.closeModal(e)}},a("div",{key:"9773dc0770a2d32e95b72571778d6b8863f0adbf",ref:e=>this.modalContentEl=e,"aria-live":"all"===this.accessibleAnnounceChanges?"polite":null,"aria-atomic":"all"===this.accessibleAnnounceChanges?"true":null,class:{"duet-modal":!0,"duet-modal-has-sticky-header":this.hasStickyHeader,[this.size]:!0,[this.variation]:!0}},"none"!==this.gutterSize&&!this.hasStickyHeader&&a("duet-spacer",{key:"1f51df35643d76720aadc11b98268076bd459cc4"}),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},o,a("slot",{name:"sticky-header"})):o,a("div",{key:"5433702f6dad665e82628236206e35a0503c3095",class:{"duet-modal-body":!0,"duet-modal-gutter-none":"none"===this.gutterSize,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize},"aria-live":"heading"===this.accessibleAnnounceChanges?"polite":null,"aria-atomic":"heading"===this.accessibleAnnounceChanges?"true":null},a("div",{key:"579ba1b41caf40e97242aeacbf47ead29ea6aac7",class:"duet-modal-header"},a("span",{key:"353ab4ce18f8cfaa384b7d1e02e5daf03895fc01",class:"duet-modal-inner-slot-top"},a("slot",{key:"d1b1bd5e49db08393d62154e7a3524ea4bc5fc12",name:"top"})),this.icon&&a("duet-icon",{key:"559c22da92b732cc829c9047bdc0c6b115058f32",name:this.icon,size:"xx-large",color:this.color||d}),this.heading&&a("duet-heading",{key:"4ffd1a28f6c1ec9a946b362f588e04350bab1dbd","visual-level":null!==(t=this.headingVisualLevel)&&void 0!==t?t:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),"loader"===this.variation&&a("div",{key:"2c9b370fbf07ff1804bb2bb8590593dae83cc629",class:"duet-modal-spinner"},a("duet-spinner",{key:"77c91d8fef8f52c65b5565388343bf0021529c1f",size:"large",color:b("primary",this.theme)})),a("div",{key:"3d4aa27f79ea4483c783d8f00f29663f0ff8cf0b","aria-live":"loader"===this.variation?"assertive":"body"===this.accessibleAnnounceChanges?"polite":null,"aria-atomic":"body"===this.accessibleAnnounceChanges?"true":null,class:"duet-modal-inner-slot-default",ref:e=>this.slotContainerEl=e},a("slot",{key:"c67bd34671197745eca7f15cc88c1d42b2e185c1"}))))))}get element(){return d(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;visibility:hidden;max-height:100vh;overflow-y:auto;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;transform:scale(0.96);transition:300ms ease;transition-delay:0ms}.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;transform:none;transition:300ms ease;transition-delay:200ms}.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;transform:scaleY(0);transform-origin:top;transition:all 300ms ease}.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;text-overflow:ellipsis;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);letter-spacing:-0.01rem;white-space:nowrap;text-decoration:none}.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:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header{background:rgb(253, 247, 242);border-bottom:1px solid rgb(212, 221, 226)}';export{f as duet_modal}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import"./p-4ad740e2.js";const e=(e,s)=>Array.from(e.querySelectorAll(":scope > *")).filter((e=>e.matches(`[slot='${s}']`))),s=e=>Array.from(e.querySelectorAll(":scope > *")).filter((e=>!e.getAttribute("slot"))),n=(n,o)=>o?e(n,o).length>0:s(n).length>0,o=(n,o,t)=>(o?e(n,o):s(n)).map((e=>e.textContent.trim())).join(null!=t?t:", "),t=(s,n,o,t=0,a=!1)=>{const l=a?"error":"warn",$=[],r=e(s,n),c=r.filter((e=>!!e.matches(o)||($.push(`Only elements matcing selector "${o}" may be used in slot ${n}, found:\n${e.outerHTML}`),!a||(e.remove(),!1))));t&&c.length>t&&($.push(`Only ${t} element${t>1?"s":""} may be used in slot ${n}, found ${r.length}.`),a&&c.slice(t).forEach((e=>e.remove()))),$.length>0&&console[l](`Duet ${l} in ${s.tagName.toLowerCase()}:\n${$.join("\n")}${a?`\nElement${$.length>1?"s":""} removed.`:""}`)};export{o as a,s as b,t as c,e as g,n as h}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-80993983.system.js","./p-98636086.system.js"],(function(n){"use strict";var t;return{setters:[function(){},function(n){t=n.c}],execute:function(){var r={fi:"fi-FI",en:"en-GB",us:"en-US",sv:"sv-SE"};var e={fi:"€",en:"£",us:"$",sv:"€"};var i=["fi","en","sv"];var a="fi";var u=function(){return document.documentElement.lang?document.documentElement.lang.toLowerCase():a};var o=function(n){return i.includes(n)};var f=function(n){if(n===void 0){n=u()}if(o(n)){return n}else{return a}};var c=n("a",(function(n){if(n===void 0){n=u()}return f(n)}));var v=n("b",(function(n){var t={locale:r[n],money:e[n]};if(t.locale&&t.money){return t}throw new Error('Locale for "'.concat(n,'" not found'))}));var s=n("s",(function(n){var r=typeof n==="string";if(r){try{return JSON.parse(t(n))}catch(t){console.log("sanitizeString received a string, that didnt parse to json object",n,t)}}return n}));var l=n("g",(function(n,t){var r=s(n);if(t){return r[f(t)]}else{return r[c()]}}));var d=n("f",(function(n,t,r){if(r===void 0){r=u()}return Intl.NumberFormat(r,{style:"decimal",minimumFractionDigits:t!==null&&t!==void 0?t:0,maximumFractionDigits:t!==null&&t!==void 0?t:100}).format(n)}));var m=new Set;var g=new WeakMap;var p=function(n){var t=a;for(var r=0,e=n;r<e.length;r++){var i=e[r];if(i.type==="attributes"&&i.attributeName==="lang"){t=i.oldValue;break}}if(document.documentElement.dataset.duetLangObserve!=="false"){m.forEach((function(n){if(n.language){n.language=c()}if(g.has(n)){g.get(n).forEach((function(r){if(n[r.defaults]&&n[r.prop]===n[r.defaults][t]){n[r.prop]=l(n[r.defaults])}}))}}))}};{var b=new MutationObserver(p);b.observe(document.documentElement,{attributeFilter:["lang"],attributeOldValue:true})}var y=n("c",(function(n,t){m.add(n);if(t){if(!Array.isArray(t)){t=[t]}if(t.some((function(t){return!(t.prop in n)||!(t.defaults in n)}))){console.error("connectLanguageChangeObserver: component must have target.prop and target.defaults properties");t=t.filter((function(t){return t.prop in n&&t.defaults in n}))}g.set(n,t)}}));var S=n("d",(function(n){m.delete(n);g.delete(n)}))}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register(["./p-80993983.system.js","./p-385da7a9.system.js","./p-752fa0fc.system.js"],(function(e){"use strict";var t,o,n,a,i,s,u,r;return{setters:[function(e){t=e.r;o=e.c;n=e.h;a=e.H;i=e.g},function(e){s=e.i},function(e){u=e.s;r=e.u}],execute:function(){var c='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):focus){outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);border-radius:4px}.duet-theme-turva :host(.user-is-tabbing:not(.descendant-focused):focus),:host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing:not(.descendant-focused):focus),:host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-cookie-consent{padding:20px;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;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;white-space:nowrap;text-decoration:underline}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva ::slotted(a:focus),::slotted(a:focus).duet-theme-turva,.duet-theme-turva2 ::slotted(a:focus),::slotted(a:focus).duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}:host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva{background-color:rgba(12, 21, 30, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){:host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva{background:rgba(12, 21, 30, 0.8)}}';var d=c;var b=e("duet_cookie_consent",function(){function e(e){var n=this;t(this,e);this.duetCookieConsent=o(this,"duetCookieConsent",7);this.handleClick=function(e){e.preventDefault();n.duetCookieConsent.emit({component:"duet-cookie-consent"})};this.accessibleLabel="Hyväksyn evästeiden käytön";this.theme=""}e.prototype.handleFocusIn=function(e){var t=e.composedPath();var o=t[0];if(o!==this.element){this.element.classList.add("descendant-focused")}};e.prototype.handleFocusOut=function(){this.element.classList.remove("descendant-focused")};e.prototype.componentWillLoad=function(){s(this)};e.prototype.connectedCallback=function(){u(this)};e.prototype.disconnectedCallback=function(){r(this)};e.prototype.render=function(){return n(a,{key:"506d1769429cf65db0c103b4f18005cfeff7bee8",tabindex:"-1",class:{"duet-theme-turva":this.theme==="turva"}},n("div",{key:"c36f8630bd43e752be0aed0fdefcdbb2cfd29718",class:{"duet-cookie-consent":true,"duet-theme-turva":this.theme==="turva"}},n("div",{key:"96368e115adefab02051daabb9e584353f411e1a",class:"duet-cookie-consent-content"},n("div",{key:"3179191d41fd6656f1a13fb3bd06b2a3388240f0",class:"expand"},n("slot",{key:"39de067bf84d2b0caf9f6f8675abb10f3d713487"})),n("duet-spacer",{key:"c08f12efe61e76885353c55a1300442c9436a6ff",size:"large",direction:"horizontal"}),n("div",{key:"8d71e1afdd7ec69a6738ccac4fac99179378b64e"},n("duet-button",{key:"d86306aa5911917a369925c86cac272216003ac0",variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());b.style=d}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,o){function l(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{n(o.next(t))}catch(t){r(t)}}function u(t){try{n(o["throw"](t))}catch(t){r(t)}}function n(t){t.done?i(t.value):l(t.value).then(s,u)}n((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,l,r,s;return s={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function u(t){return function(e){return n([t,e])}}function n(u){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,u[0]&&(i=0)),i)try{if(o=1,l&&(r=u[0]&2?l["return"]:u[0]?l["throw"]||((r=l["return"])&&r.call(l),0):l.next)&&!(r=r.call(l,u[1])).done)return r;if(l=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:i.label++;return{value:u[1],done:false};case 5:i.label++;l=u[1];u=[0];continue;case 7:u=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){i=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){i.label=u[1];break}if(u[0]===6&&i.label<r[1]){i.label=r[1];r=u;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(u);break}if(r[2])i.ops.pop();i.trys.pop();continue}u=e.call(t,i)}catch(t){u=[6,t];l=0}finally{o=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var o=0,l=e.length,r;o<l;o++){if(r||!(o in e)){if(!r)r=Array.prototype.slice.call(e,0,o);r[o]=e[o]}}return t.concat(r||Array.prototype.slice.call(e))};
|
|
2
|
+
/*!
|
|
3
|
+
* Built with Duet Design System
|
|
4
|
+
*/System.register(["./p-80993983.system.js","./p-385da7a9.system.js","./p-e6b5a1c7.system.js","./p-752fa0fc.system.js","./p-d4f972c3.system.js","./p-d44312ba.system.js","./p-98636086.system.js"],(function(t){"use strict";var e,i,o,l,r,s,u,n,a,c,d,m,h,b,f,p,g,v,x;return{setters:[function(t){e=t.r;i=t.c;o=t.h;l=t.H;r=t.g},function(t){s=t.i},function(t){u=t.c},function(t){n=t.f;a=t.o;c=t.j;d=t.d;m=t.b;h=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;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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;text-overflow:ellipsis;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;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{outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-multiselect:hover,.duet-multiselect:hover.duet-theme-turva,.duet-theme-turva2 .duet-multiselect:hover,.duet-multiselect:hover.duet-theme-turva2{outline-color:rgb(120, 145, 164)}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158)}.has-error .duet-multiselect:hover{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-multiselect:focus.duet-theme-turva,.duet-theme-turva2 .duet-multiselect:focus,.duet-multiselect:focus.duet-theme-turva2,.duet-theme-turva .duet-multiselect.duet-multiselect-active,.duet-multiselect.duet-multiselect-active.duet-theme-turva,.duet-theme-turva2 .duet-multiselect.duet-multiselect-active,.duet-multiselect.duet-multiselect-active.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58)}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;outline:none !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !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;visibility:hidden;width:100%;padding:16px;margin:8px 0 0;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;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}.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;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}.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:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.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,.duet-theme-turva2 .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.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;border:0;clip:rect(0 0 0 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:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 42, 59) !important;background:rgb(245, 246, 247) !important;border-color:rgb(245, 246, 247) !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge{color:rgb(23, 42, 59);background:#e8eaeb}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes{border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 42, 59)}';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=u("DuetError");this.labelId=u("DuetLabel");this.topCaptionId=u("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)||a(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)||m(t)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(e-1)))}else if(h(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=u("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(){s(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(l,{key:"43c7f00abf7185b86616e0924f7bb633c94ddc50",class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},o("div",{key:"d01b848421807a0fcedf6bfe0405f64fe303d574",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:"2a456082e84d030ec1e672b499005ad13d5d3e63",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:"55ad7b6b96d29db913f5d8205f0d7ede9d5ac5cc",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"0d46006a5dde7481d8a4b2d6ef831f91aa2e5002",name:"tooltip"}),this.caption&&o("duet-caption",{key:"137fda20ad2591ed86051191a9610e3892b52dbd",id:this.topCaptionId,size:"medium"},this.caption),o("div",{key:"160193ec0197c4bcb67d280c579267baf5a49b46",class:"duet-multiselect-wrapper"},o("button",{key:"cfd7aad4536f022d25e781e751c59637144f076d",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:"d8e491fa292d7ab221cd8ef9d0b867eec8c076e6",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:"5e8f178232f7701dca9d80cca13ebd768a5e4c08",class:"duet-multiselect-badge"},this.value.length,o("duet-visually-hidden",{key:"d0be305c434a170ad026185e1ac30f270ca464e5"},this.selectedLangObject[this.language],", ",this.value.map((function(t){return t.label})).join(", "))),o("svg",{key:"5ae2f3b2f10fd11beced9b9565448074e5ba5c3f",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:"baf833c16c6570098d20e7aba5baad4e4334fc94",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:"28453287bceb92b9acbe1166979217177087f866",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:"9f1c878358d32c901107adee5e3cb2916ee5ac70",class:"duet-multiselect-all-control-buttons"},o("button",{key:"f887e043ab1065a5e7aaf97848ecb9342d804ce2",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:"99bff420820acddc69743ce313bff86f929216db",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 l,r;return o("duet-checkbox",{identifier:t.getOptionIdentifier(i),role:"option",label:e.label,value:e.value,key:e.value,checked:(l=t.value)===null||l===void 0?void 0:l.includes(e),"accessible-selected":((r=t.value)===null||r===void 0?void 0:r.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:"a35440b1574576d27d646befd1907ffc27d28a8c",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:"3b2d16886d78642f00e34d0353eddd9aeec8d217"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{items:["refresh"]}},enumerable:false,configurable:true});return t}());S.style=k}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,s,c){function i(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,l){function o(e){try{u(c.next(e))}catch(e){l(e)}}function r(e){try{u(c["throw"](e))}catch(e){l(e)}}function u(e){e.done?s(e.value):i(e.value).then(o,r)}u((c=c.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},c,i,l,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(e){return function(t){return u([e,t])}}function u(r){if(c)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(s=0)),s)try{if(c=1,i&&(l=r[0]&2?i["return"]:r[0]?i["throw"]||((l=i["return"])&&l.call(i),0):i.next)&&!(l=l.call(i,r[1])).done)return l;if(i=0,l)r=[r[0]&2,l.value];switch(r[0]){case 0:case 1:l=r;break;case 4:s.label++;return{value:r[1],done:false};case 5:s.label++;i=r[1];r=[0];continue;case 7:r=s.ops.pop();s.trys.pop();continue;default:if(!(l=s.trys,l=l.length>0&&l[l.length-1])&&(r[0]===6||r[0]===2)){s=0;continue}if(r[0]===3&&(!l||r[1]>l[0]&&r[1]<l[3])){s.label=r[1];break}if(r[0]===6&&s.label<l[1]){s.label=l[1];l=r;break}if(l&&s.label<l[2]){s.label=l[2];s.ops.push(r);break}if(l[2])s.ops.pop();s.trys.pop();continue}r=t.call(e,s)}catch(e){r=[6,e];i=0}finally{c=l=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* Built with Duet Design System
|
|
4
|
+
*/System.register(["./p-80993983.system.js","./p-385da7a9.system.js","./p-e6b5a1c7.system.js","./p-d44312ba.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,s,c,i,l,o,r,u,d;return{setters:[function(e){t=e.r;s=e.c;c=e.h;i=e.H;l=e.g},function(e){o=e.i},function(e){r=e.c},function(e){u=e.c},function(e){d=e.p}],execute:function(){var a='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{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-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin: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:1rem;cursor:pointer;outline:none;border:0;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px;border-color:rgb(127, 150, 165)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select,.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.duet-theme-turva.sc-duet-select,.duet-theme-turva2.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select,.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.duet-theme-turva2.sc-duet-select{outline-color:rgb(120, 145, 164)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(143, 147, 158)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select,.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.duet-theme-turva.sc-duet-select,.duet-theme-turva2.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select,.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.duet-theme-turva2.sc-duet-select{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;outline:none !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{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-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;text-overflow:ellipsis;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;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{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-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{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-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(120, 145, 164)}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 42, 59) !important;background:rgb(245, 246, 247) !important;border-color:rgb(245, 246, 247) !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 42, 59)}';var n=a;function p(e){return"options"in e}function h(e,t){for(var s=0;s<e.length;s++){var c=e[s];if(p(c)){c=h(c.options,t)}if(c&&c.value===t){return c}}}var m=e("duet_select",function(){function e(e){var c=this;t(this,e);this.duetChange=s(this,"duetChange",3);this.duetFocus=s(this,"duetFocus",7);this.duetBlur=s(this,"duetBlur",7);this.selectId=r("DuetSelect");this.errorId=r("DuetError");this.labelId=r("DuetLabel");this.topCaptionId=r("DuetCaptionTop");this.topCaptionPlaceholderId=r("DuetCaptionPlaceholderTop");this.onClick=function(e){e.stopPropagation()};this.onChange=function(){c.value=c.nativeSelect.value;c.duetChange.emit({value:c.value,component:"duet-select"})};this.onBlur=function(e){c.duetBlur.emit({originalEvent:e,value:c.value,component:"duet-select"})};this.onFocus=function(e){c.duetFocus.emit({originalEvent:e,value:c.value,component:"duet-select"})};this.getDescribedBy=function(){var e=[];if(c.isCaptionVisible&&c.topCaptionId){e.push(c.topCaptionId)}if(c.accessibleDescribedBy){e.push(c.accessibleDescribedBy)}if(c.error){e.push(c.errorId)}return e.length>0?e.join(" "):null};this.processedItems=null;this.variation="default";this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=undefined;this.theme="";this.labelHidden=false;this.identifier=undefined;this.name=undefined;this.placeholder="";this.caption=undefined;this.echoPlaceholder=false;this.items=undefined;this.disabled=false;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.role=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){o(this);this.isCaptionVisible=!!this.caption;u(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=d(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=h(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return c("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return c("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e,t,s;var l=this;var o=this.identifier||this.selectId;return c(i,{onClick:this.onClick,class:(e={"duet-m-0":this.margin==="none","duet-expand":this.expand},e["duet-select-variation-".concat(this.variation)]=true,e)},c("div",{class:(t={"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva"},t["duet-select-variation-".concat(this.variation)]=true,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-error"]=!!this.error,t)},c("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:o},this.label),this.tooltip&&c("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),c("slot",{name:"tooltip"}),this.caption&&c("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),c("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&c("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),c("select",{ref:function(e){return l.nativeSelect=e},disabled:this.disabled,name:this.name,id:o,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&c("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?c("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(e){return p(e)?l.renderOptionGroup(e):l.renderOption(e)}))),c("div",{class:(s={"duet-select":true},s["duet-select-variation-".concat(this.variation)]=true,s),"aria-hidden":"true"},c("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),this.variation==="default"&&c("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},c("path",{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"}))||c("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:this.variation==="compact"?"xxx-small":"xx-small"})),c("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),c("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&c("span",{class:"duet-select-error"},this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}());m.style=n}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register(["./p-80993983.system.js","./p-385da7a9.system.js"],(function(n){"use strict";var e,t,a,r,o;return{setters:[function(n){e=n.r;t=n.h;a=n.H;r=n.g},function(n){o=n.i}],execute:function(){var d=':host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n border: 0;\n position: relative;\n display: block;\n width: 100%;\n margin: 8px 0 20px 0;\n}\n@container (width > 36em) {\n :host {\n margin: 12px 0 28px 0;\n }\n}\n:host .duet-m-0 {\n margin: 0 !important;\n}\n\n.duet-panel {\n font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n color: rgb(8, 42, 77);\n background-color: rgb(255, 255, 255);\n border: 0 solid rgb(212, 223, 229);\n border-radius: 16px;\n}\n.duet-panel.duet-theme-turva {\n font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n color: rgb(23, 28, 58);\n border-color: rgb(222, 224, 228);\n}\n.duet-panel.padding-small {\n padding: 16px;\n border-radius: 12px;\n}\n@container (width > 36em) {\n .duet-panel.padding-small {\n padding: 20px;\n }\n}\n.duet-panel.padding-medium {\n padding: 20px;\n}\n@container (width > 36em) {\n .duet-panel.padding-medium {\n padding: 28px;\n }\n}\n.duet-panel.padding-large {\n padding: 28px;\n}\n@container (width > 36em) {\n .duet-panel.padding-large {\n padding: 36px;\n }\n}\n.duet-panel.border {\n border-width: 1px;\n}\n.duet-panel.secondary {\n background-color: rgb(245, 248, 250);\n}\n.duet-panel.secondary.duet-theme-turva {\n background-color: rgb(245, 247, 250);\n}\n.duet-panel.accent {\n background-color: rgb(240, 247, 250);\n border-color: rgb(198, 225, 238);\n}\n.duet-panel.accent.duet-theme-turva {\n background-color: rgb(245, 247, 250);\n border-color: rgb(199, 202, 207);\n}\n.duet-panel.accent.secondary {\n background-color: rgb(217, 236, 245);\n}\n.duet-panel.accent.secondary.duet-theme-turva {\n background-color: rgb(222, 224, 228);\n}\n\n:host(.duet-theme-turva2) .duet-panel.duet-theme-turva {\n color: rgb(23, 42, 59);\n border-color: rgb(212, 221, 226);\n}\n:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.secondary {\n background-color: rgb(245, 246, 247);\n}\n:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent {\n background-color: rgb(253, 247, 242);\n border-color: rgb(241, 202, 178);\n}\n:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent.secondary {\n background-color: rgb(251, 225, 209);\n}';var i=d;var u=n("duet_panel",function(){function n(n){e(this,n);this.theme="";this.padding="medium";this.variation="";this.margin="auto";this.border=undefined;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescribedBy=undefined}n.prototype.componentWillLoad=function(){o(this)};n.prototype.render=function(){var n;return t(a,{key:"8b846b25b51818d64ede169d7eb7a178e7620658"},t("section",{key:"9825b3985ca00766d50876ba21a7cf4fc8aa1e64","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-describedby":this.accessibleDescribedBy,class:(n={"duet-panel":true,"duet-theme-turva":this.theme==="turva"},n[this.variation.split("-")[0]]=true,n[this.variation.split("-")[1]]=true,n["padding-".concat(this.padding)]=true,n.border=this.border,n["duet-m-0"]=this.margin==="none",n)},t("slot",{key:"c5470707b941b16e0ea79c1a13b6b9b6056f4e22"})))};Object.defineProperty(n.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return n}());u.style=i}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register(["./p-80993983.system.js","./p-385da7a9.system.js"],(function(e){"use strict";var t,o,a,r,n;return{setters:[function(e){t=e.r;o=e.h;a=e.H;r=e.g},function(e){n=e.i}],execute:function(){var i='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none}.duet-toolbar-link:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva{color:rgb(23, 42, 59);background:transparent}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-toolbar-link.active.negative{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative{background:rgba(23, 42, 59, 0.2)}';var u=i;var l=e("duet_toolbar_link",function(){function e(e){t(this,e);this.theme="";this.variation="default";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){n(this)};e.prototype.render=function(){var e;var t=this.variation==="negative"?"negative":"white";return o(a,{key:"ea2f78ced1097c2fe7e8299533f653269b7cbf97",role:"listitem"},o("a",{key:"3d624303af389afe4d08c50756e3e0e240eb65b2",class:(e={"duet-toolbar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[t]=true,e),href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&o("duet-icon",{key:"075505b373aaa3dbd7103ade34ef42a6d7a07ec6",size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),o("slot",{key:"e78fa0abab2fe36cf44e42208b7f341041ef068b"})))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());l.style=u}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register([],(function(r){"use strict";return{execute:function(){var a="rgb(240, 247, 250)";var o="rgb(253, 247, 242)";var v="rgb(217, 236, 245)";var e="rgb(251, 225, 209)";var g="rgb(0, 119, 179)";var l="rgb(230, 23, 64)";var c="rgb(255, 255, 255)";var b="rgb(255, 255, 255)";var u="rgb(245, 248, 250)";var i="rgb(245, 246, 247)";var t="rgb(8, 42, 77)";var n="rgb(6, 23, 38)";var d="rgb(0, 161, 212)";var s=r("o","rgb(178, 180, 179)");var y="rgb(11, 114, 136)";var p="rgb(199, 12, 112)";var x="rgb(122, 1, 196)";var m="rgb(211, 36, 131)";var T="rgb(161, 10, 78)";var S="rgb(168, 1, 78)";var L="rgb(213, 66, 3)";var h="rgb(9, 129, 148)";var G="rgb(169, 69, 124)";var D="rgb(54, 74, 129)";var B="rgb(23, 28, 58)";var z="rgb(214, 28, 82)";var I="rgb(255, 240, 243)";var k="rgb(255, 211, 219)";var w="rgb(89, 0, 45)";var R="rgb(255, 173, 190)";var f="rgb(252, 136, 162)";var X="rgb(243, 98, 134)";var W="rgb(255, 225, 231)";var M="rgb(231, 62, 107)";var P="rgb(214, 28, 82)";var C="rgb(185, 16, 74)";var H="rgb(153, 9, 66)";var F="rgb(120, 4, 56)";var A="rgb(214, 28, 82)";var N="rgb(122, 1, 196)";var U="rgb(0, 155, 204)";var E="rgb(27, 171, 75)";var j="rgb(255, 86, 34)";var Q="rgb(245, 76, 154)";var _="rgb(194, 21, 101)";var q="rgb(192, 101, 247)";var O="rgb(0, 105, 191)";var V="rgb(19, 120, 53)";var J="rgb(179, 60, 24)";var K="rgb(13, 163, 166)";var Y="rgb(11, 114, 136)";var Z="rgb(179, 137, 24)";var $="rgb(128, 98, 17)";var rr="rgb(0, 41, 77)";var ar=r("l","rgb(181, 198, 208)");var or="rgb(127, 150, 165)";var vr="rgb(143, 147, 158)";var er="rgb(98, 121, 138)";var gr="rgb(113, 118, 132)";var lr="rgb(212, 223, 229)";var cr="rgb(222, 224, 228)";var br="rgb(245, 248, 250)";var ur="rgb(245, 247, 250)";var ir=r("n","rgb(255, 255, 255)");var tr="rgb(255, 255, 255)";var nr=r("j","rgb(199, 202, 207)");var dr="rgb(240, 247, 250)";var sr="rgb(217, 236, 245)";var yr="rgb(8, 42, 77)";var pr="rgb(198, 225, 238)";var xr="rgb(172, 210, 229)";var mr="rgb(131, 188, 217)";var Tr="rgb(228, 241, 247)";var Sr="rgb(50, 153, 204)";var Lr="rgb(0, 119, 179)";var hr="rgb(0, 97, 155)";var Gr="rgb(0, 75, 129)";var Dr="rgb(3, 56, 102)";var Br="rgb(245, 248, 250)";var zr="rgb(212, 223, 229)";var Ir="rgb(17, 28, 38)";var kr="rgb(181, 198, 208)";var wr="rgb(153, 174, 186)";var Rr="rgb(127, 150, 165)";var fr="rgb(228, 236, 239)";var Xr="rgb(98, 121, 138)";var Wr="rgb(81, 105, 123)";var Mr="rgb(62, 84, 102)";var Pr="rgb(45, 64, 81)";var Cr="rgb(30, 45, 59)";var Hr=r("k","rgb(0, 119, 179)");var Fr="rgb(0, 75, 129)";var Ar="rgb(126, 2, 35)";var Nr="rgb(0, 97, 155)";var Ur="rgb(164, 4, 40)";var Er="rgb(198, 225, 238)";var jr="rgb(255, 185, 190)";var Qr="rgb(228, 241, 247)";var _r="rgb(255, 227, 228)";var qr="rgb(240, 247, 250)";var Or="rgb(255, 241, 241)";var Vr=r("i","rgb(198, 12, 48)");var Jr="rgb(8, 42, 77)";var Kr="rgb(23, 28, 58)";var Yr="rgb(48, 131, 105)";var Zr="rgb(244, 250, 247)";var $r="rgb(218, 246, 233)";var ra="rgb(4, 38, 33)";var aa="rgb(191, 239, 218)";var oa="rgb(163, 229, 202)";var va="rgb(134, 215, 185)";var ea="rgb(231, 248, 239)";var ga="rgb(105, 196, 166)";var la="rgb(76, 164, 138)";var ca="rgb(48, 131, 105)";var ba="rgb(29, 106, 88)";var ua="rgb(13, 71, 59)";var ia="rgb(48, 131, 105)";var ta="rgb(245, 246, 247)";var na="rgb(212, 221, 226)";var da="rgb(6, 23, 38)";var sa="rgb(178, 194, 205)";var ya="rgb(148, 169, 185)";var pa="rgb(120, 145, 164)";var xa="rgb(228, 233, 237)";var ma="rgb(95, 122, 143)";var Ta="rgb(72, 100, 122)";var Sa="rgb(53, 79, 101)";var La="rgb(37, 60, 80)";var ha="rgb(23, 42, 59)";var Ga="rgb(255, 242, 242)";var Da="rgb(255, 229, 230)";var Ba="rgb(51, 0, 10)";var za="rgb(255, 201, 204)";var Ia="rgb(249, 164, 172)";var ka="rgb(243, 119, 133)";var wa="rgb(255, 236, 236)";var Ra="rgb(236, 69, 96)";var fa="rgb(230, 23, 64)";var Xa="rgb(185, 3, 41)";var Wa="rgb(140, 0, 30)";var Ma="rgb(96, 0, 20)";var Pa="rgb(245, 247, 250)";var Ca="rgb(222, 224, 228)";var Ha="rgb(8, 13, 38)";var Fa="rgb(199, 202, 207)";var Aa="rgb(175, 178, 186)";var Na="rgb(143, 147, 158)";var Ua="rgb(234, 235, 239)";var Ea="rgb(113, 118, 132)";var ja="rgb(98, 104, 122)";var Qa="rgb(71, 78, 101)";var _a="rgb(45, 52, 79)";var qa="rgb(23, 28, 58)";var Oa="rgb(253, 247, 242)";var Va="rgb(251, 225, 209)";var Ja="rgb(38, 21, 15)";var Ka="rgb(241, 202, 178)";var Ya="rgb(216, 174, 150)";var Za="rgb(190, 147, 124)";var $a="rgb(251, 235, 225)";var ro="rgb(165, 122, 101)";var ao="rgb(140, 98, 79)";var oo="rgb(114, 76, 60)";var vo="rgb(89, 56, 43)";var eo="rgb(64, 38, 28)";var go="rgb(255, 241, 241)";var lo="rgb(255, 213, 215)";var co="rgb(51, 5, 20)";var bo="rgb(255, 185, 190)";var uo="rgb(252, 148, 158)";var io="rgb(240, 102, 119)";var to="rgb(255, 227, 228)";var no="rgb(221, 49, 77)";var so="rgb(198, 12, 48)";var yo="rgb(164, 4, 40)";var po="rgb(126, 2, 35)";var xo="rgb(87, 4, 29)";var mo="rgb(247, 178, 40)";var To="rgb(255, 251, 242)";var So="rgb(255, 244, 198)";var Lo="rgb(38, 26, 4)";var ho="rgb(255, 232, 160)";var Go="rgb(255, 217, 120)";var Do="rgb(255, 199, 79)";var Bo="rgb(255, 247, 221)";var zo="rgb(247, 178, 40)";var Io="rgb(196, 138, 23)";var ko="rgb(156, 110, 22)";var wo="rgb(126, 87, 16)";var Ro="rgb(81, 55, 9)";var fo="rgb(247, 178, 40)";var Xo="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var Wo="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var Mo="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var Po="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var Co="1.25rem";var Ho="1rem";var Fo="0.875rem";var Ao="1.5rem";var No="0.75rem";var Uo="2.25rem";var Eo="3rem";var jo="4.5rem";var Qo="700";var _o="800";var qo="400";var Oo="600";var Vo="-0.01rem";var Jo="1.5";var Ko="1.25";var Yo="1.1";var Zo=r("d","'(min-width: 62em)'");var $o=r("c","'(min-width: 48em)'");var rv=r("b","'(min-width: 36em)'");var av=r("e","'(min-width: 64.0625em)'");var ov=r("a","'(max-width: 35.9375em)'");var vv=r("f","'(min-width: 76.25em)'");var ev=r("m","'(max-width: 22.5em)'");var gv=r("g","'(min-width: 106.25em)'");var lv=r("h","'(max-width: 20.5em)'");var cv="0.30";var bv="0.50";var uv="0.75";var iv="0.85";var tv="50%";var nv="4px";var dv="12px";var sv="16px";var yv="8px";var pv="20rem";var xv="0";var mv="0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var Tv="0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var Sv="0 2px 6px 0 rgba(0, 41, 77, 0.07)";var Lv="0 2px 6px 0 rgba(117, 117, 117, 0.13)";var hv="0 0 0 1px #de2362";var Gv="0 0 0 1px #e55039";var Dv="0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";var Bv="0 0 0 1px #0077b3";var zv="0 0 0 1px #171c3a";var Iv="0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";var kv="0 2px 10px 0 rgba(0, 41, 77, 0.1)";var wv="0 0 0 1px #909599";var Rv="0 0 0 1px #747475";var fv="0 2px 10px 0 rgba(117, 117, 117, 0.15)";var Xv="0 2px 20px 0 rgba(0, 0, 0, 0.2)";var Wv="0 2px 10px 0 rgba(0, 41, 77, 0.07)";var Mv="0 2px 10px 0 rgba(117, 117, 117, 0.13)";var Pv="1px";var Cv="8rem";var Hv="1px";var Fv="1px";var Av=r("s","4rem");var Nv="30px";var Uv="24px";var Ev="20px";var jv="36px";var Qv="16px";var _v="48px";var qv="10px";var Ov="72px";var Vv="7px";var Jv="1110px";var Kv="2px";var Yv=r("p","3rem");var Zv="40px";var $v="30px";var re="48px";var ae="20px";var oe="16px";var ve="12px";var ee="28px";var ge=r("q","8px");var le="36px";var ce="4px";var be="48px";var ue="2px";var ie="72px";var te="94px";var ne="300ms ease";var de="600ms ease";var se="-999999";var ye="1";var pe="600";var xe="400";var me="200";var Te="250";var Se="100";var Le="900";var he="700";var Ge="950";var De="800";var Be="300";var ze="500";var Ie=Object.freeze({__proto__:null,colorBackgroundAccentPrimary:a,colorBackgroundAccentPrimaryTurva:o,colorBackgroundAccentSecondary:v,colorBackgroundAccentSecondaryTurva:e,colorBackgroundAccentTertiary:g,colorBackgroundAccentTertiaryTurva:l,colorBackgroundPrimary:c,colorBackgroundPrimaryTurva:b,colorBackgroundSecondary:u,colorBackgroundSecondaryTurva:i,colorBackgroundTertiary:t,colorBackgroundTertiaryTurva:n,colorBrandBlue:d,colorBrandGrayTurva:s,colorCategoryFamily:y,colorCategoryFamilyTurva:p,colorCategoryFinance:x,colorCategoryHome:m,colorCategoryHomeTurva:T,colorCategoryPet:S,colorCategoryTravel:L,colorCategoryTravelTurva:h,colorCategoryUnionTurva:G,colorCategoryVehicle:D,colorCategoryVehicleTurva:B,colorDanger:z,colorDanger00:I,colorDanger100:k,colorDanger1000:w,colorDanger200:R,colorDanger300:f,colorDanger400:X,colorDanger50:W,colorDanger500:M,colorDanger600:P,colorDanger700:C,colorDanger800:H,colorDanger900:F,colorDangerTurva:A,colorData01:N,colorData02:U,colorData03:E,colorData04:j,colorData05:Q,colorData06:_,colorData07:q,colorData08:O,colorData09:V,colorData10:J,colorData11:K,colorData12:Y,colorData13:Z,colorData14:$,colorData15:rr,colorGray:ar,colorGrayDark:or,colorGrayDarkTurva:vr,colorGrayDarker:er,colorGrayDarkerTurva:gr,colorGrayLight:lr,colorGrayLightTurva:cr,colorGrayLighter:br,colorGrayLighterTurva:ur,colorGrayLightest:ir,colorGrayLightestTurva:tr,colorGrayTurva:nr,colorLtBlue00:dr,colorLtBlue100:sr,colorLtBlue1000:yr,colorLtBlue200:pr,colorLtBlue300:xr,colorLtBlue400:mr,colorLtBlue50:Tr,colorLtBlue500:Sr,colorLtBlue600:Lr,colorLtBlue700:hr,colorLtBlue800:Gr,colorLtBlue900:Dr,colorLtGray00:Br,colorLtGray100:zr,colorLtGray1000:Ir,colorLtGray200:kr,colorLtGray300:wr,colorLtGray400:Rr,colorLtGray50:fr,colorLtGray500:Xr,colorLtGray600:Wr,colorLtGray700:Mr,colorLtGray800:Pr,colorLtGray900:Cr,colorPrimary:Hr,colorPrimaryDark:Fr,colorPrimaryDarkTurva:Ar,colorPrimaryDarker:Nr,colorPrimaryDarkerTurva:Ur,colorPrimaryLight:Er,colorPrimaryLightTurva:jr,colorPrimaryLighter:Qr,colorPrimaryLighterTurva:_r,colorPrimaryLightest:qr,colorPrimaryLightestTurva:Or,colorPrimaryTurva:Vr,colorSecondary:Jr,colorSecondaryTurva:Kr,colorSuccess:Yr,colorSuccess00:Zr,colorSuccess100:$r,colorSuccess1000:ra,colorSuccess200:aa,colorSuccess300:oa,colorSuccess400:va,colorSuccess50:ea,colorSuccess500:ga,colorSuccess600:la,colorSuccess700:ca,colorSuccess800:ba,colorSuccess900:ua,colorSuccessTurva:ia,colorTurva2Gray00:ta,colorTurva2Gray100:na,colorTurva2Gray1000:da,colorTurva2Gray200:sa,colorTurva2Gray300:ya,colorTurva2Gray400:pa,colorTurva2Gray50:xa,colorTurva2Gray500:ma,colorTurva2Gray600:Ta,colorTurva2Gray700:Sa,colorTurva2Gray800:La,colorTurva2Gray900:ha,colorTurva2Red00:Ga,colorTurva2Red100:Da,colorTurva2Red1000:Ba,colorTurva2Red200:za,colorTurva2Red300:Ia,colorTurva2Red400:ka,colorTurva2Red50:wa,colorTurva2Red500:Ra,colorTurva2Red600:fa,colorTurva2Red700:Xa,colorTurva2Red800:Wa,colorTurva2Red900:Ma,colorTurvaGray00:Pa,colorTurvaGray100:Ca,colorTurvaGray1000:Ha,colorTurvaGray200:Fa,colorTurvaGray300:Aa,colorTurvaGray400:Na,colorTurvaGray50:Ua,colorTurvaGray500:Ea,colorTurvaGray600:ja,colorTurvaGray700:Qa,colorTurvaGray800:_a,colorTurvaGray900:qa,colorTurvaNude00:Oa,colorTurvaNude100:Va,colorTurvaNude1000:Ja,colorTurvaNude200:Ka,colorTurvaNude300:Ya,colorTurvaNude400:Za,colorTurvaNude50:$a,colorTurvaNude500:ro,colorTurvaNude600:ao,colorTurvaNude700:oo,colorTurvaNude800:vo,colorTurvaNude900:eo,colorTurvaRed00:go,colorTurvaRed100:lo,colorTurvaRed1000:co,colorTurvaRed200:bo,colorTurvaRed300:uo,colorTurvaRed400:io,colorTurvaRed50:to,colorTurvaRed500:no,colorTurvaRed600:so,colorTurvaRed700:yo,colorTurvaRed800:po,colorTurvaRed900:xo,colorWarning:mo,colorWarning00:To,colorWarning100:So,colorWarning1000:Lo,colorWarning200:ho,colorWarning300:Go,colorWarning400:Do,colorWarning50:Bo,colorWarning500:zo,colorWarning600:Io,colorWarning700:ko,colorWarning800:wo,colorWarning900:Ro,colorWarningTurva:fo,fontFamilyHeading:Xo,fontFamilyHeadingTurva:Wo,fontFamilyText:Mo,fontFamilyTextTurva:Po,fontSizeLarge:Co,fontSizeMedium:Ho,fontSizeSmall:Fo,fontSizeXLarge:Ao,fontSizeXSmall:No,fontSizeXxLarge:Uo,fontSizeXxxLarge:Eo,fontSizeXxxxLarge:jo,fontWeightBold:Qo,fontWeightExtraBold:_o,fontWeightNormal:qo,fontWeightSemiBold:Oo,letterSpacingHeading:Vo,lineHeightMedium:Jo,lineHeightSmall:Ko,lineHeightXSmall:Yo,mediaQueryLarge:Zo,mediaQueryMedium:$o,mediaQuerySmall:rv,mediaQueryXLarge:av,mediaQueryXSmall:ov,mediaQueryXxLarge:vv,mediaQueryXxSmall:ev,mediaQueryXxxLarge:gv,mediaQueryXxxSmall:lv,opacity30:cv,opacity50:bv,opacity75:uv,opacity85:iv,radiusCircle:tv,radiusDefault:nv,radiusIntermediate:dv,radiusLarge:sv,radiusMedium:yv,radiusPill:pv,radiusSharp:xv,shadowCard:mv,shadowCardTurva:Tv,shadowDefault:Sv,shadowDefaultTurva:Lv,shadowError:hv,shadowErrorTurva:Gv,shadowFocus:Dv,shadowFocusInput:Bv,shadowFocusInputTurva:zv,shadowFocusTurva:Iv,shadowHover:kv,shadowHoverInput:wv,shadowHoverInputTurva:Rv,shadowHoverTurva:fv,shadowModal:Xv,shadowTooltip:Wv,shadowTooltipTurva:Mv,sizeButtonBorder:Pv,sizeButtonMinWidth:Cv,sizeButtonTinyBorder:Hv,sizeFormBorder:Fv,sizeHeader:Av,sizeIconLarge:Nv,sizeIconMedium:Uv,sizeIconSmall:Ev,sizeIconXLarge:jv,sizeIconXSmall:Qv,sizeIconXxLarge:_v,sizeIconXxSmall:qv,sizeIconXxxLarge:Ov,sizeIconXxxSmall:Vv,sizeLayoutMaxWidth:Jv,sizeMediumBorder:Kv,sizeNavigation:Yv,sizeStepMedium:Zv,sizeStepSmall:$v,sizeTappableSquare:re,spaceLarge:ae,spaceMedium:oe,spaceSmall:ve,spaceXLarge:ee,spaceXSmall:ge,spaceXxLarge:le,spaceXxSmall:ce,spaceXxxLarge:be,spaceXxxSmall:ue,spaceXxxxLarge:ie,spaceXxxxxLarge:te,transitionQuickly:ne,transitionSlowly:de,zIndexDeep:se,zIndexDefault:ye,zIndexDropdown:pe,zIndexHeader:xe,zIndexMask:me,zIndexMaskButtons:Te,zIndexMasked:Se,zIndexModal:Le,zIndexOverlay:he,zIndexPopup:Ge,zIndexSpinner:De,zIndexSticky:Be,zIndexToast:ze});r("t",Ie)}}}));
|
|
@@ -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 r}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,g as r}from"./p-4ad740e2.js";import{i as o}from"./p-12f16785.js";const d=class{constructor(t){e(this,t),this.theme="",this.variation="default",this.accessibleLabel=void 0}componentWillLoad(){o(this)}render(){const e="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return t(a,{key:"ef985ffd5d6ace34e338b68d717e0ff4ddfba289"},t("nav",{key:"e7ca6e1aaa3342e2422c4ad43e6a52162f1b181e",class:{"duet-toolbar":!0,"duet-theme-turva":"turva"===this.theme,[e]:!0},"aria-label":this.accessibleLabel},t("div",{key:"3c0c92fc2fdd0b5736bc9c61951d4269b24580f8",class:"container"},t("div",{key:"f9f17a0ed80a2c530caf8537857dfc76d51c4a50",class:"list",role:"list"},t("slot",{key:"22cd0173e2588e554cbb8ef035da5d875b28927b",name:"left"})),t("div",{key:"28483b4d1a73201f840eb08fcbf5be41250142a1",class:"list",role:"list"},t("slot",{key:"97e0bad5bdb1951d56d8c0bb30d031e1d0404d6c",name:"right"})))))}get element(){return r(this)}};d.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container{border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary{background:rgb(230, 23, 64)}";export{d as duet_toolbar}
|
|
@@ -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
|
|
4
|
+
import{r as e,h as t,H as r,g as a}from"./p-4ad740e2.js";import{D as o}from"./p-24954951.js";import{i as d}from"./p-12f16785.js";import{g as n}from"./p-135e72bf.js";import"./p-9c3c64b9.js";const g=class{constructor(t){e(this,t),this.getVariationLabel=()=>{if("subtle"===this.variation)return"";const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default";return n(o[e])},this.theme="",this.variation="default",this.background="normal",this.margin="auto"}componentWillLoad(){d(this)}render(){const e=`background-${this.background}`;return t(r,{key:"754fb06eaa60be4bed96d8fc8af86e01d0cbdae2",class:{"duet-m-0":"none"===this.margin}},t("span",{key:"5585a67dfe38a5169f8e8987e983ea86472dd1a5",class:{"duet-badge":!0,[this.variation]:!0,[e]:!0,"duet-theme-turva":"turva"===this.theme}},t("duet-visually-hidden",{key:"1c2d4cfaa171c9c53929a02c01a7135a42e45e55"},this.getVariationLabel()),t("slot",{key:"e54ce9c1b957589d73bd49410b769add59650735"})))}get element(){return a(this)}};g.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;vertical-align:middle;color:rgb(8, 42, 77);text-align:center;word-break:break-word;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);outline:1px solid rgb(212, 223, 229);outline-offset:-1px;background:none}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);outline-color:rgb(222, 224, 228);background:none}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{outline-color:rgb(8, 42, 77);border-color:rgb(181, 198, 208)}.duet-badge.background-strong.subtle.duet-theme-turva{outline-color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:rgb(23, 42, 59);background:#e8eaeb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:rgb(23, 42, 59)}';export{g as duet_badge}
|
|
@@ -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 i,F as a,H as s,g as n}from"./p-63045d0e.js";import{i as o}from"./p-08f35dcb.js";import{c as r}from"./p-5e59e970.js";import{d as h}from"./p-9e371678.js";import{k as d,l,d as c,b as p,a as u,c as b,m as g,n as m}from"./p-a45e3f8b.js";import{g as f,c as v,d as k}from"./p-b25490a8.js";import{p as y}from"./p-9c3c64b9.js";import{b as w,a as x}from"./p-80bf7a6d.js";import"./p-17efced0.js";const S=class{constructor(i){t(this,i),this.duetPageChange=e(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.firstRenderDone=!1,this.handleMediaQueryChange=t=>{this.matchesCompactBreakpoint=w.includes(this.compactBreakpoint)?t.matches:!t.matches},this.actionChain=async(t,e)=>{if(0===t)this.current=1;else if(t>this.totalPages)this.current=this.totalPages;else if(e!==t){const e=Math.ceil(t/this.visibleItems)-1;e!==this.internalSectionIndex&&(this.internalSectionIndex=e,await this.setFocus())}return!0},this.emitPageEvent=(t,e)=>{const i=Number(e||this.current);this.duetPageChange.emit({component:"duet-pagination",from:i*this.take,to:i*this.take+this.take,current:i,take:this.take,type:"page",originalEvent:t})},this.getEnteredNumber=h((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500),this.processedPageLinks=null,this.numbersStore="",this.matchesCompactBreakpoint=!1,this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.disabled=!1,this.variation="default",this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=f(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.compactBreakpoint="x-small",this.ariaControls="",this.current=1,this.pageLinks=void 0}watchPropTotalHandler(){return this.calculatePageTake(),!0}watchStateHandler(t,e){return this.actionChain(t,e)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),o(this),this.refresh()}componentDidLoad(){this.firstRenderDone=!0}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.firstRenderDone&&!this.processedPageLinks&&this.setFocus()}connectedCallback(){this.mq=matchMedia("none"===this.compactBreakpoint?"all":x[this.compactBreakpoint]),this.mq.addEventListener("change",h(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){this.mq.removeEventListener("change",this.handleMediaQueryChange),this.mq=null,this.matchesCompactBreakpoint=!1,k(this)}async refresh(){this.processedPageLinks=y(this.pageLinks)}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,e){this.disabled||(this.processedPageLinks||(t.preventDefault(),t.stopPropagation(),this.current=this.current+e),this.emitPageEvent(t))}async onKeyboardDown(t){if(this.disabled)return;let e=this.current;(c(t)||p(t))&&e--,(u(t)||b(t))&&e++,d(t)&&e<=this.totalPages&&(this.current=e,this.processedPageLinks?(this.emitPageEvent(t,e-1),window.open(this.processedPageLinks[e-1],"_self","")):this.emitPageEvent(t)),l(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector(`[data-id='${this.current}']`);t&&await t.setFocus()}pageClickHandler(t){const e=Number(t.target.getAttribute("data-id"));this.processedPageLinks||(t.preventDefault(),this.current=e),this.emitPageEvent(t,e)}selectClickHandler(t){t.preventDefault();const e=Number(t.target.value);this.current=e,this.processedPageLinks?(this.emitPageEvent(t,e-1),window.open(this.processedPageLinks[e-1],"_self","")):this.emitPageEvent(t,e)}sectionClickHandler(t,e){t.preventDefault();let i=this.internalSectionIndex+e;i*(this.take*this.visibleItems)>this.total&&(i=this.internalSectionIndex),this.internalSectionIndex=i>=0?i:0}jumpToStart(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=0,this.current=1),this.emitPageEvent(t)}jumpToEnd(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1),this.current=this.totalPages),this.emitPageEvent(t)}renderPageButton(t){return i("duet-button",{disabled:this.disabled,class:{"duet-pagination-link":!0},id:`page-${t}-button`,color:t!==this.current?"turva"!==this.theme?"secondary":"secondary-turva":"turva"!==this.theme?"primary":"primary-turva","data-id":t,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${t}`,onClick:t=>this.pageClickHandler(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[t-1]:void 0},i("div",{class:"duet-pagination-page-number","aria-hidden":!0},t))}renderPageNumbers(){const t=[];let e=this.internalSectionIndex*this.visibleItems;do{if(e++,e>this.totalPages)break;t.push(i("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":e===this.current},role:"menuitem"},this.renderPageButton(e)))}while(e<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}renderSelect(){const t=[];for(let e=1;e<=this.totalPages;e++)t.push({value:e.toString(),label:e.toString()});const e=i("duet-select",{disabled:this.disabled,theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}",`${this.totalPages}`),labelHidden:!0,onDuetChange:t=>this.selectClickHandler(t)});return i("li",null,e,i("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))}shouldDisplayNavigation(){return!("compact"===this.variation||this.matchesCompactBreakpoint||2*this.visibleItems>this.total/this.take)}render(){return i(s,{key:"c9fe96fc3da1353342e9b864e7ad2fcf711dc17c",onKeyDown:t=>this.onKeyboardDown(t),class:{"duet-theme-turva":"turva"===this.theme}},i("nav",{key:"ef4ca286ceae883a08fde9768c168d54d9e3b251",role:"navigation","aria-labelledby":this.accessibleLabelledBy?`${this.accessibleLabelledBy} ${this.listId}`:this.listId,"aria-describedby":this.accessibleDescribedBy?`${this.accessibleDescribedBy} ${this.listId}`:this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&i("div",{key:"f8786d74f5cfc028016b66efc34c6a248b0b3795","aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},i("duet-badge",{key:"79781be8b7faa9eb353efcf74864c83602de956b",theme:this.theme},"jump to page : ",this.numbersStore)),i("ol",{key:"8ddba22cf4f5ecd14ee57316062fdccb9fc92096",id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},("compact"===this.variation||this.matchesCompactBreakpoint)&&i("li",{key:"9ed42f129f8f0c87da06196b110c8d556aeb279a",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"00d898898b26870fb0aa71e5003cee8e322d6e53",disabled:0===this.internalSectionIndex&&this.current<=1||this.disabled,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,title:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),"icon-name":"action-move-to-first",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0})),i("li",{key:"fea77adade297e5dd4421b10c951ae0a9c008d9b",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"8f433ca73a21d2593b5993c33a9921f1773eec76",disabled:!!(0===this.internalSectionIndex&&this.current<=1||this.current<=1&&this.processedPageLinks||this.disabled),"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"accessible-label":this.accessibleLabels.previous_page,title:this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current-2]:void 0})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&i(a,{key:"189f029ec26aec1ef07fbcb690c58bce6189188c"},i("li",{key:"32959efe57c7ff493a1d3fb1f75c7c6f2826eb10",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},i("duet-button",{key:"ec984a6771777da0459f194833dd6bd50ca94d7d",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"turva"!==this.theme?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0},i("div",{key:"2962bb3d7451604a3baa097b6f3ffe624a28b25c",class:"duet-pagination-page-number"},"1"))),i("li",{key:"ac310350a88731d6f20e86177f80c23e4ec132c1",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},i("duet-button",{key:"06a7f463a2fb478763233c6a30c57a5f52186b82",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1),theme:this.theme},i("div",{key:"05ae094e5f561fbc52a573bc98166902fca7a8a8",class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&i(a,{key:"cf4913427876f3f02fb1dd5a52e64cad8c826725"},(this.internalSectionIndex+1)*this.visibleItems!=this.totalPages-1&&i("li",{key:"5261de2729dd37d92bb70e67ab076640f6d59b84",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},i("duet-button",{key:"7013a952e25adacaad0c563e842e08c63029007f",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1),theme:this.theme},i("div",{key:"f85a76e62df9db2edea74f9b4ff399b534b98b24",class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),i("li",{key:"c6f67eb82e7d7d0d293a855ab9f78db120c8db28",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},i("duet-button",{key:"39e8d8a0ed0c6ba16e690671d8d614a5b5bd7586",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.processedPageLinks.length-1]:void 0},i("div",{key:"e506d8d9edd2a2c3405724feec0f171e0acacac2",class:"duet-pagination-page-number"},this.totalPages)))),i("li",{key:"d62d774a158f0bda48c574a9717e7a42f357bab2",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"e90288259fd328203b00c05f92682d44d5842e82",disabled:!!(this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.current===this.totalPages&&this.processedPageLinks)||this.disabled,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,title:this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-move-to-next",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current]:void 0})),("compact"===this.variation||this.matchesCompactBreakpoint)&&i("li",{key:"b47b3e1145ab9acec968a959eb2dede859183893",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"f216759c8c8a85ddfd5b503ade45223c157baef8",disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.disabled,accessibleLabel:this.accessibleLabels.last_page,title:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),"icon-name":"action-move-to-last",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.totalPages-1]:void 0})))))}get element(){return n(this)}static get watchers(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"],pageLinks:["refresh"]}}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{margin: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:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{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)}:host(.duet-theme-turva2.duet-theme-turva) .duet-pagination-total-pages{color:#172a3b}';const _=class{constructor(i){t(this,i),this.duetRangeStepUpdate=e(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.handleClick=(t,e)=>{t.preventDefault(),this.stepIndex+=e,this.clampStepIndex(),this.handleStepClick(t)},this.buttonLeftDisabled=!1,this.buttonRightDisabled=!1,this.theme="",this.disabled=!1,this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=f(this.ariaLabelsDefaults),this.ariaControls=""}watchStepIndexStateHandler(t){this.leftBnRef&&this.rightBnRef&&(t<=1?(this.element===document.activeElement&&this.rightBnRef.setFocus(),this.buttonLeftDisabled=!0):this.buttonLeftDisabled=!1,t>=this.total/this.stepSize?(this.element===document.activeElement&&this.leftBnRef.setFocus(),this.buttonRightDisabled=!0):this.buttonRightDisabled=!1)}watchStepSizeStateHandler(t,e){t!==e&&(this.stepIndex*t>this.total&&(this.stepIndex=Math.ceil(this.total/t)),this.watchStepIndexStateHandler(this.stepIndex))}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})}componentWillLoad(){o(this),this.clampStepIndex()}componentDidLoad(){this.watchStepIndexStateHandler(this.stepIndex)}connectedCallback(){v(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})}disconnectedCallback(){k(this)}clampStepIndex(){this.stepIndex<1?this.stepIndex=1:this.stepIndex*this.stepSize>this.total&&(this.stepIndex=Math.ceil(this.total/this.stepSize))}getFrom(){return Math.floor((this.stepIndex-1)*this.stepSize)+1}getTo(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)}generateStepSize(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))}generatePreviousIncrementLabel(){return 1===this.getFrom()?"":this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))}generateNextIncrementLabel(){return this.getTo()===this.total?"":this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))}async onKeyboardDown(t){if(this.disabled)return;let e=this.stepIndex,i=1;(c(t)||p(t)||g(t))&&(e--,i=-1,this.leftBnRef.setFocus()),(u(t)||b(t)||m(t))&&(e++,i=1),d(t)&&e>0&&e*this.stepSize<=this.total&&this.handleClick(t,i)}render(){return i("div",{key:"38130851d0d8f6035593e95652d33059ee2887d0",class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},i("span",{key:"d37af09c95ad4ddbee42896b59b605e0582b1395",class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),i("duet-action-button",{key:"7045f2fd9e678036cb7d20d1877f60405198e1fd",disabled:this.disabled||this.buttonLeftDisabled,class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"accessible-label":`${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small",title:""}),i("duet-action-button",{key:"312372ac0a265b90b2e30a0fab64e4b4a8738398",disabled:this.disabled||this.buttonRightDisabled,class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"accessible-label":`${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small",title:""}))}get element(){return n(this)}static get watchers(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}}};_.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(8, 42, 77)}.duet-range-stepper ::part(button){border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-range-step-counter{color:#172a3b}";export{S as duet_pagination,_ as duet_range_stepper}
|
|
4
|
+
import{r as t,c as e,h as i,F as a,H as s,g as n}from"./p-4ad740e2.js";import{i as o}from"./p-12f16785.js";import{c as r}from"./p-5e59e970.js";import{d as h}from"./p-9e371678.js";import{k as d,l,d as c,b as p,a as u,c as b,m as g,n as m}from"./p-a45e3f8b.js";import{g as f,c as v,d as k}from"./p-135e72bf.js";import{p as y}from"./p-9c3c64b9.js";import{b as w,a as x}from"./p-9718c106.js";import"./p-9d9457bf.js";const S=class{constructor(i){t(this,i),this.duetPageChange=e(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.firstRenderDone=!1,this.handleMediaQueryChange=t=>{this.matchesCompactBreakpoint=w.includes(this.compactBreakpoint)?t.matches:!t.matches},this.actionChain=async(t,e)=>{if(0===t)this.current=1;else if(t>this.totalPages)this.current=this.totalPages;else if(e!==t){const e=Math.ceil(t/this.visibleItems)-1;e!==this.internalSectionIndex&&(this.internalSectionIndex=e,await this.setFocus())}return!0},this.emitPageEvent=(t,e)=>{const i=Number(e||this.current);this.duetPageChange.emit({component:"duet-pagination",from:i*this.take,to:i*this.take+this.take,current:i,take:this.take,type:"page",originalEvent:t})},this.getEnteredNumber=h((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500),this.processedPageLinks=null,this.numbersStore="",this.matchesCompactBreakpoint=!1,this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.disabled=!1,this.variation="default",this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=f(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.compactBreakpoint="x-small",this.ariaControls="",this.current=1,this.pageLinks=void 0}watchPropTotalHandler(){return this.calculatePageTake(),!0}watchStateHandler(t,e){return this.actionChain(t,e)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),o(this),this.refresh()}componentDidLoad(){this.firstRenderDone=!0}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.firstRenderDone&&!this.processedPageLinks&&this.setFocus()}connectedCallback(){this.mq=matchMedia("none"===this.compactBreakpoint?"all":x[this.compactBreakpoint]),this.mq.addEventListener("change",h(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){this.mq.removeEventListener("change",this.handleMediaQueryChange),this.mq=null,this.matchesCompactBreakpoint=!1,k(this)}async refresh(){this.processedPageLinks=y(this.pageLinks)}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,e){this.disabled||(this.processedPageLinks||(t.preventDefault(),t.stopPropagation(),this.current=this.current+e),this.emitPageEvent(t))}async onKeyboardDown(t){if(this.disabled)return;let e=this.current;(c(t)||p(t))&&e--,(u(t)||b(t))&&e++,d(t)&&e<=this.totalPages&&(this.current=e,this.processedPageLinks?(this.emitPageEvent(t,e-1),window.open(this.processedPageLinks[e-1],"_self","")):this.emitPageEvent(t)),l(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector(`[data-id='${this.current}']`);t&&await t.setFocus()}pageClickHandler(t){const e=Number(t.target.getAttribute("data-id"));this.processedPageLinks||(t.preventDefault(),this.current=e),this.emitPageEvent(t,e)}selectClickHandler(t){t.preventDefault();const e=Number(t.target.value);this.current=e,this.processedPageLinks?(this.emitPageEvent(t,e-1),window.open(this.processedPageLinks[e-1],"_self","")):this.emitPageEvent(t,e)}sectionClickHandler(t,e){t.preventDefault();let i=this.internalSectionIndex+e;i*(this.take*this.visibleItems)>this.total&&(i=this.internalSectionIndex),this.internalSectionIndex=i>=0?i:0}jumpToStart(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=0,this.current=1),this.emitPageEvent(t)}jumpToEnd(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1),this.current=this.totalPages),this.emitPageEvent(t)}renderPageButton(t){return i("duet-button",{disabled:this.disabled,class:{"duet-pagination-link":!0},id:`page-${t}-button`,color:t!==this.current?"turva"!==this.theme?"secondary":"secondary-turva":"turva"!==this.theme?"primary":"primary-turva","data-id":t,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${t}`,onClick:t=>this.pageClickHandler(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[t-1]:void 0},i("div",{class:"duet-pagination-page-number","aria-hidden":!0},t))}renderPageNumbers(){const t=[];let e=this.internalSectionIndex*this.visibleItems;do{if(e++,e>this.totalPages)break;t.push(i("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":e===this.current},role:"menuitem"},this.renderPageButton(e)))}while(e<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}renderSelect(){const t=[];for(let e=1;e<=this.totalPages;e++)t.push({value:e.toString(),label:e.toString()});const e=i("duet-select",{disabled:this.disabled,theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}",`${this.totalPages}`),labelHidden:!0,onDuetChange:t=>this.selectClickHandler(t)});return i("li",null,e,i("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))}shouldDisplayNavigation(){return!("compact"===this.variation||this.matchesCompactBreakpoint||2*this.visibleItems>this.total/this.take)}render(){return i(s,{key:"c9fe96fc3da1353342e9b864e7ad2fcf711dc17c",onKeyDown:t=>this.onKeyboardDown(t),class:{"duet-theme-turva":"turva"===this.theme}},i("nav",{key:"ef4ca286ceae883a08fde9768c168d54d9e3b251",role:"navigation","aria-labelledby":this.accessibleLabelledBy?`${this.accessibleLabelledBy} ${this.listId}`:this.listId,"aria-describedby":this.accessibleDescribedBy?`${this.accessibleDescribedBy} ${this.listId}`:this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&i("div",{key:"f8786d74f5cfc028016b66efc34c6a248b0b3795","aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},i("duet-badge",{key:"79781be8b7faa9eb353efcf74864c83602de956b",theme:this.theme},"jump to page : ",this.numbersStore)),i("ol",{key:"8ddba22cf4f5ecd14ee57316062fdccb9fc92096",id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},("compact"===this.variation||this.matchesCompactBreakpoint)&&i("li",{key:"9ed42f129f8f0c87da06196b110c8d556aeb279a",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"00d898898b26870fb0aa71e5003cee8e322d6e53",disabled:0===this.internalSectionIndex&&this.current<=1||this.disabled,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,title:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),"icon-name":"action-move-to-first",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0})),i("li",{key:"fea77adade297e5dd4421b10c951ae0a9c008d9b",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"8f433ca73a21d2593b5993c33a9921f1773eec76",disabled:!!(0===this.internalSectionIndex&&this.current<=1||this.current<=1&&this.processedPageLinks||this.disabled),"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"accessible-label":this.accessibleLabels.previous_page,title:this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current-2]:void 0})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&i(a,{key:"189f029ec26aec1ef07fbcb690c58bce6189188c"},i("li",{key:"32959efe57c7ff493a1d3fb1f75c7c6f2826eb10",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},i("duet-button",{key:"ec984a6771777da0459f194833dd6bd50ca94d7d",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"turva"!==this.theme?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0},i("div",{key:"2962bb3d7451604a3baa097b6f3ffe624a28b25c",class:"duet-pagination-page-number"},"1"))),i("li",{key:"ac310350a88731d6f20e86177f80c23e4ec132c1",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},i("duet-button",{key:"06a7f463a2fb478763233c6a30c57a5f52186b82",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1),theme:this.theme},i("div",{key:"05ae094e5f561fbc52a573bc98166902fca7a8a8",class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&i(a,{key:"cf4913427876f3f02fb1dd5a52e64cad8c826725"},(this.internalSectionIndex+1)*this.visibleItems!=this.totalPages-1&&i("li",{key:"5261de2729dd37d92bb70e67ab076640f6d59b84",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},i("duet-button",{key:"7013a952e25adacaad0c563e842e08c63029007f",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1),theme:this.theme},i("div",{key:"f85a76e62df9db2edea74f9b4ff399b534b98b24",class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),i("li",{key:"c6f67eb82e7d7d0d293a855ab9f78db120c8db28",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},i("duet-button",{key:"39e8d8a0ed0c6ba16e690671d8d614a5b5bd7586",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.processedPageLinks.length-1]:void 0},i("div",{key:"e506d8d9edd2a2c3405724feec0f171e0acacac2",class:"duet-pagination-page-number"},this.totalPages)))),i("li",{key:"d62d774a158f0bda48c574a9717e7a42f357bab2",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"e90288259fd328203b00c05f92682d44d5842e82",disabled:!!(this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.current===this.totalPages&&this.processedPageLinks)||this.disabled,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,title:this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-move-to-next",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current]:void 0})),("compact"===this.variation||this.matchesCompactBreakpoint)&&i("li",{key:"b47b3e1145ab9acec968a959eb2dede859183893",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"f216759c8c8a85ddfd5b503ade45223c157baef8",disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.disabled,accessibleLabel:this.accessibleLabels.last_page,title:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),"icon-name":"action-move-to-last",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.totalPages-1]:void 0})))))}get element(){return n(this)}static get watchers(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"],pageLinks:["refresh"]}}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{margin: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:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{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)}:host(.duet-theme-turva2.duet-theme-turva) .duet-pagination-total-pages{color:rgb(23, 42, 59)}';const _=class{constructor(i){t(this,i),this.duetRangeStepUpdate=e(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.handleClick=(t,e)=>{t.preventDefault(),this.stepIndex+=e,this.clampStepIndex(),this.handleStepClick(t)},this.buttonLeftDisabled=!1,this.buttonRightDisabled=!1,this.theme="",this.disabled=!1,this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=f(this.ariaLabelsDefaults),this.ariaControls=""}watchStepIndexStateHandler(t){this.leftBnRef&&this.rightBnRef&&(t<=1?(this.element===document.activeElement&&this.rightBnRef.setFocus(),this.buttonLeftDisabled=!0):this.buttonLeftDisabled=!1,t>=this.total/this.stepSize?(this.element===document.activeElement&&this.leftBnRef.setFocus(),this.buttonRightDisabled=!0):this.buttonRightDisabled=!1)}watchStepSizeStateHandler(t,e){t!==e&&(this.stepIndex*t>this.total&&(this.stepIndex=Math.ceil(this.total/t)),this.watchStepIndexStateHandler(this.stepIndex))}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})}componentWillLoad(){o(this),this.clampStepIndex()}componentDidLoad(){this.watchStepIndexStateHandler(this.stepIndex)}connectedCallback(){v(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})}disconnectedCallback(){k(this)}clampStepIndex(){this.stepIndex<1?this.stepIndex=1:this.stepIndex*this.stepSize>this.total&&(this.stepIndex=Math.ceil(this.total/this.stepSize))}getFrom(){return Math.floor((this.stepIndex-1)*this.stepSize)+1}getTo(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)}generateStepSize(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))}generatePreviousIncrementLabel(){return 1===this.getFrom()?"":this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))}generateNextIncrementLabel(){return this.getTo()===this.total?"":this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))}async onKeyboardDown(t){if(this.disabled)return;let e=this.stepIndex,i=1;(c(t)||p(t)||g(t))&&(e--,i=-1,this.leftBnRef.setFocus()),(u(t)||b(t)||m(t))&&(e++,i=1),d(t)&&e>0&&e*this.stepSize<=this.total&&this.handleClick(t,i)}render(){return i("div",{key:"38130851d0d8f6035593e95652d33059ee2887d0",class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},i("span",{key:"d37af09c95ad4ddbee42896b59b605e0582b1395",class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),i("duet-action-button",{key:"7045f2fd9e678036cb7d20d1877f60405198e1fd",disabled:this.disabled||this.buttonLeftDisabled,class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"accessible-label":`${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small",title:""}),i("duet-action-button",{key:"312372ac0a265b90b2e30a0fab64e4b4a8738398",disabled:this.disabled||this.buttonRightDisabled,class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"accessible-label":`${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small",title:""}))}get element(){return n(this)}static get watchers(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}}};_.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(8, 42, 77)}.duet-range-stepper ::part(button){border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-range-step-counter{color:rgb(23, 42, 59)}";export{S as duet_pagination,_ as duet_range_stepper}
|