@duetds/components 9.15.0 → 9.16.1
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 +327 -237
- package/lib/cjs/{a11y-utils-741fad59.js → a11y-utils-113bdcf1.js} +1 -1
- package/lib/cjs/{app-globals-c5cb9046.js → app-globals-2ad7d0da.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-alert.cjs.entry.js +4 -4
- package/lib/cjs/duet-badge.cjs.entry.js +5 -5
- package/lib/cjs/duet-banner.cjs.entry.js +20 -9
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +10 -19
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +7 -7
- package/lib/cjs/duet-button_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +10 -10
- package/lib/cjs/duet-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +4 -4
- package/lib/cjs/duet-choice_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-collapsible.cjs.entry.js +17 -8
- package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
- package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
- package/lib/cjs/duet-date-picker.cjs.entry.js +5 -5
- package/lib/cjs/duet-divider_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +9 -9
- package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
- package/lib/cjs/duet-footer.cjs.entry.js +4 -4
- package/lib/cjs/duet-grid_2.cjs.entry.js +7 -6
- package/lib/cjs/duet-header_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-hero.cjs.entry.js +15 -11
- package/lib/cjs/duet-icon.cjs.entry.js +6 -6
- package/lib/cjs/duet-indicator.cjs.entry.js +53 -0
- package/lib/cjs/duet-input_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-layout.cjs.entry.js +7 -7
- package/lib/cjs/duet-list_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar.cjs.entry.js +7 -7
- package/lib/cjs/duet-modal.cjs.entry.js +13 -13
- package/lib/cjs/duet-multiselect.cjs.entry.js +9 -9
- package/lib/cjs/duet-nav.cjs.entry.js +4 -4
- package/lib/cjs/duet-notification_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-number-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +4 -4
- package/lib/cjs/duet-pagination_2.cjs.entry.js +17 -17
- package/lib/cjs/duet-panel.cjs.entry.js +5 -5
- package/lib/cjs/duet-phone-input.cjs.entry.js +24 -7
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +6 -6
- package/lib/cjs/duet-radio_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +21 -17
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +4 -4
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart.cjs.entry.js +7 -7
- package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-link.cjs.entry.js +8 -8
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +15 -20
- package/lib/cjs/duet-slideout.cjs.entry.js +11 -11
- package/lib/cjs/duet-status-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-step_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +8 -8
- package/lib/cjs/duet-textarea.cjs.entry.js +4 -4
- package/lib/cjs/duet-toggle.cjs.entry.js +2 -2
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +9 -9
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +8 -8
- package/lib/cjs/duet-tooltip.cjs.entry.js +3 -3
- package/lib/cjs/duet-tray.cjs.entry.js +5 -5
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-699bddbb.js → errorcodes.utils-b3a3ed44.js} +1 -1
- package/lib/cjs/{focus-utils-4a07d896.js → focus-utils-5c4526cd.js} +1 -1
- package/lib/cjs/{index-80fa07e3.js → index-caee10a4.js} +5 -1
- package/lib/cjs/{language-utils-ce60d2a9.js → language-utils-9e3aebfc.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-9c5efe2a.js → slot-utils-d034ca5f.js} +1 -1
- package/lib/cjs/{themeable-component-1307284b.js → themeable-component-98732ad8.js} +1 -1
- package/lib/cjs/{token-utils-658c4c54.js → token-utils-c73ca50c.js} +3 -3
- package/lib/collection/collection-manifest.json +1 -0
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-banner/duet-banner.css +27 -0
- package/lib/collection/components/duet-banner/duet-banner.js +15 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css +1 -1
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +8 -21
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css +3 -3
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-button/duet-button.css +3 -0
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-card/duet-card.css +12 -3
- package/lib/collection/components/duet-chip/duet-chip.css +6 -6
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.css +4 -4
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +15 -6
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-grid/duet-grid.js +5 -4
- package/lib/collection/components/duet-hero/duet-hero.css +220 -29
- package/lib/collection/components/duet-hero/duet-hero.js +10 -6
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-indicator/duet-indicator.css +46 -0
- package/lib/collection/components/duet-indicator/duet-indicator.js +101 -0
- package/lib/collection/components/duet-input/duet-input.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +5 -5
- package/lib/collection/components/duet-link/duet-link.js +2 -2
- package/lib/collection/components/duet-list/duet-list.js +1 -1
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +4 -0
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +3 -3
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +7 -7
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-nav/duet-nav.css +4 -0
- package/lib/collection/components/duet-nav/duet-nav.js +1 -1
- package/lib/collection/components/duet-notification/duet-notification.css +4 -15
- package/lib/collection/components/duet-notification/duet-notification.js +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css +0 -15
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +2 -2
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
- package/lib/collection/components/duet-panel/duet-panel.css +5 -4
- package/lib/collection/components/duet-panel/duet-panel.js +2 -2
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- package/lib/collection/components/duet-phone-input/duet-phone-input.js +58 -3
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.js +1 -1
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
- package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
- package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
- package/lib/collection/components/duet-slideout/duet-slideout.css +26 -19
- package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css +2 -2
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.css +3 -3
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css +16 -22
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +9 -14
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css +2 -2
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
- package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +4 -0
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab/duet-tab.js +54 -2
- package/lib/collection/components/duet-tab-group/duet-tab-group.css +6 -61
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -6
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css +9 -14
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +2 -2
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/collection/utils/token-utils.js +3 -3
- 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 +20 -9
- package/lib/dist-custom-elements/duet-breadcrumb.js +12 -21
- package/lib/dist-custom-elements/duet-breadcrumbs.js +5 -5
- 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 +5 -5
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-checkmark.js +1 -1
- package/lib/dist-custom-elements/duet-chip.js +1 -1
- package/lib/dist-custom-elements/duet-choice-group.js +8 -8
- package/lib/dist-custom-elements/duet-choice.js +5 -5
- package/lib/dist-custom-elements/duet-collapsible.js +18 -9
- package/lib/dist-custom-elements/duet-combobox.js +15 -15
- package/lib/dist-custom-elements/duet-contact-card.js +10 -10
- package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
- package/lib/dist-custom-elements/duet-date-picker.js +13 -13
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +7 -7
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-fieldset.js +1 -1
- package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
- package/lib/dist-custom-elements/duet-footer.js +7 -7
- package/lib/dist-custom-elements/duet-grid-item.js +1 -1
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +9 -9
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +20 -16
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-indicator.d.ts +11 -0
- package/lib/dist-custom-elements/duet-indicator.js +9 -0
- 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 +6 -6
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-list-item.js +1 -1
- package/lib/dist-custom-elements/duet-list.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-menu-bar-item.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-link.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar.js +6 -6
- package/lib/dist-custom-elements/duet-modal.js +16 -16
- package/lib/dist-custom-elements/duet-multiselect.js +14 -14
- package/lib/dist-custom-elements/duet-nav.js +3 -3
- package/lib/dist-custom-elements/duet-notification-drawer.js +22 -10
- package/lib/dist-custom-elements/duet-notification.js +12 -6
- package/lib/dist-custom-elements/duet-number-input.js +11 -11
- package/lib/dist-custom-elements/duet-overlay.js +1 -1
- package/lib/dist-custom-elements/duet-page-heading.js +5 -5
- package/lib/dist-custom-elements/duet-pagination.js +25 -25
- package/lib/dist-custom-elements/duet-panel.js +4 -4
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-phone-input.js +38 -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 +6 -6
- package/lib/dist-custom-elements/duet-radio-group.js +8 -8
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +2 -2
- package/lib/dist-custom-elements/duet-range-stepper.js +6 -6
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +4 -4
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-shaped-image.js +3 -3
- package/lib/dist-custom-elements/duet-share-chart-item.js +2 -2
- package/lib/dist-custom-elements/duet-share-chart.js +5 -5
- package/lib/dist-custom-elements/duet-show-more.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-lang.js +4 -4
- package/lib/dist-custom-elements/duet-slideout-link.js +5 -5
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +7 -7
- package/lib/dist-custom-elements/duet-slideout-panel.js +25 -18
- package/lib/dist-custom-elements/duet-slideout.js +9 -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 +4 -4
- package/lib/dist-custom-elements/duet-stepper.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-submenu-bar-item.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar.js +9 -9
- package/lib/dist-custom-elements/duet-tab-group.js +22 -17
- package/lib/dist-custom-elements/duet-tab.js +9 -2
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +10 -10
- package/lib/dist-custom-elements/duet-toggle.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-toolbar-item.js +19 -7
- package/lib/dist-custom-elements/duet-toolbar-link.js +4 -4
- package/lib/dist-custom-elements/duet-toolbar.js +3 -3
- 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 +22 -22
- 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-9a9b2708.js → p-01808ae4.js} +2 -2
- package/lib/dist-custom-elements/{p-0a932f51.js → p-051e8432.js} +1 -1
- package/lib/dist-custom-elements/{p-66c6751e.js → p-07aea296.js} +6 -6
- package/lib/dist-custom-elements/{p-5d684af3.js → p-07d58c18.js} +7 -7
- package/lib/dist-custom-elements/{p-92467a66.js → p-09eeb0d8.js} +10 -10
- package/lib/dist-custom-elements/{p-35af6d7a.js → p-1428bca8.js} +4 -4
- package/lib/dist-custom-elements/p-186bf66e.js +72 -0
- package/lib/dist-custom-elements/{p-1f2176b1.js → p-1be25f37.js} +1 -1
- package/lib/dist-custom-elements/{p-6098c129.js → p-1c3b7df5.js} +10 -10
- package/lib/dist-custom-elements/{p-a20321ec.js → p-211bbab4.js} +3 -3
- package/lib/dist-custom-elements/{p-3b352cea.js → p-21425713.js} +2 -2
- package/lib/dist-custom-elements/{p-dd16af35.js → p-2c6c022f.js} +5 -5
- package/lib/dist-custom-elements/{p-1b591fcd.js → p-2c95a055.js} +4 -4
- package/lib/dist-custom-elements/{p-8d68da95.js → p-2dc31d71.js} +4 -4
- package/lib/dist-custom-elements/{p-9dc1ec50.js → p-4228d649.js} +5 -5
- package/lib/dist-custom-elements/{p-2e95d393.js → p-45a25e1c.js} +3 -3
- package/lib/dist-custom-elements/{p-62a4796f.js → p-4c39b06e.js} +5 -5
- package/lib/dist-custom-elements/{p-5ee14292.js → p-4f0b365b.js} +1 -1
- package/lib/dist-custom-elements/{p-4b8be370.js → p-57091005.js} +12 -12
- package/lib/dist-custom-elements/{p-8debf5b8.js → p-5a556f9a.js} +2 -2
- package/lib/dist-custom-elements/{p-49fcb05d.js → p-5bf73913.js} +2 -2
- package/lib/dist-custom-elements/{p-2fa067ff.js → p-5fac1036.js} +2 -2
- package/lib/dist-custom-elements/{p-e54a1871.js → p-60827675.js} +4 -4
- package/lib/dist-custom-elements/{p-1b1d5047.js → p-63bad120.js} +4 -4
- package/lib/dist-custom-elements/{p-f5b135c5.js → p-68221361.js} +9 -9
- package/lib/dist-custom-elements/{p-307aa29d.js → p-747f6fa4.js} +2 -2
- package/lib/dist-custom-elements/{p-499da71e.js → p-78b6337a.js} +3 -3
- package/lib/dist-custom-elements/{p-f214be38.js → p-8284b970.js} +4 -4
- package/lib/dist-custom-elements/{p-15d1bb49.js → p-84c12085.js} +4 -4
- package/lib/dist-custom-elements/{p-6b02ba40.js → p-897cd468.js} +5 -5
- package/lib/dist-custom-elements/{p-4c68ba95.js → p-8aa9471e.js} +12 -12
- package/lib/dist-custom-elements/{p-e371f35d.js → p-8e5437bd.js} +3 -3
- package/lib/dist-custom-elements/{p-1901a05e.js → p-90ef4cdf.js} +6 -5
- package/lib/dist-custom-elements/{p-9654a846.js → p-979b130b.js} +7 -7
- package/lib/dist-custom-elements/{p-ea21cb5d.js → p-afa85350.js} +5 -5
- package/lib/dist-custom-elements/{p-8a6a51b2.js → p-c5dcc0ea.js} +2 -2
- package/lib/dist-custom-elements/{p-ff94cac9.js → p-cbb101aa.js} +2 -2
- package/lib/dist-custom-elements/{p-d17f51c7.js → p-d723c019.js} +3 -3
- package/lib/dist-custom-elements/{p-31316d91.js → p-e167506b.js} +2 -2
- package/lib/dist-custom-elements/{p-a1876945.js → p-e3b560d3.js} +5 -5
- package/lib/dist-custom-elements/{p-9efbcc67.js → p-f8c458d0.js} +1 -1
- package/lib/dist-custom-elements/{p-d3345442.js → p-fa3ebc1e.js} +2 -2
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-78df5993.entry.js → p-00b27ded.entry.js} +1 -1
- package/lib/duet/{p-c57ed342.system.entry.js → p-01f6825e.system.entry.js} +1 -1
- package/lib/duet/{p-d4859ceb.system.entry.js → p-021c152c.system.entry.js} +1 -1
- package/lib/duet/p-032230dd.entry.js +4 -0
- package/lib/duet/p-03b5f65a.entry.js +4 -0
- package/lib/duet/{p-47fd41c6.system.entry.js → p-03b9211c.system.entry.js} +1 -1
- package/lib/duet/{p-f0dce24e.entry.js → p-08b08728.entry.js} +1 -1
- package/lib/duet/{p-d9cafc77.js → p-08f35dcb.js} +1 -1
- package/lib/duet/{p-039cbd8d.entry.js → p-0b275971.entry.js} +1 -1
- package/lib/duet/{p-1192e8c9.entry.js → p-0c012ed1.entry.js} +1 -1
- package/lib/duet/{p-0dcf3c74.system.entry.js → p-0fec0e03.system.entry.js} +1 -1
- package/lib/duet/{p-2dddb575.entry.js → p-1060aa25.entry.js} +1 -1
- package/lib/duet/{p-f9536c83.entry.js → p-1066dc94.entry.js} +1 -1
- package/lib/duet/p-106cd6ab.js +4 -0
- package/lib/duet/{p-8173aad1.entry.js → p-118dae54.entry.js} +1 -1
- package/lib/duet/{p-59777da7.system.js → p-13eec75c.system.js} +1 -1
- package/lib/duet/{p-f1a06e83.entry.js → p-147a0d89.entry.js} +1 -1
- package/lib/duet/{p-fe7ba159.system.entry.js → p-17db9cab.system.entry.js} +1 -1
- package/lib/duet/{p-d1814664.entry.js → p-17e9f5f2.entry.js} +1 -1
- package/lib/duet/p-1971f9b0.system.entry.js +4 -0
- package/lib/duet/p-1b7c7390.entry.js +4 -0
- package/lib/duet/p-1bb0af1a.entry.js +4 -0
- package/lib/duet/{p-6cdc13f4.entry.js → p-1d2cadcc.entry.js} +1 -1
- package/lib/duet/{p-de0a91b3.system.entry.js → p-1e5c76d7.system.entry.js} +1 -1
- package/lib/duet/p-1e6bf17e.system.entry.js +4 -0
- package/lib/duet/{p-38f30c2b.system.entry.js → p-1f082e57.system.entry.js} +1 -1
- package/lib/duet/p-2063c660.system.entry.js +4 -0
- package/lib/duet/{p-6ec3fa80.entry.js → p-2144ed7e.entry.js} +1 -1
- package/lib/duet/{p-6b97b58c.entry.js → p-219cd158.entry.js} +1 -1
- package/lib/duet/{p-e3a21063.system.entry.js → p-23486542.system.entry.js} +1 -1
- package/lib/duet/{p-5cb10012.system.entry.js → p-23601b3e.system.entry.js} +2 -2
- package/lib/duet/{p-2500e9bc.entry.js → p-236aec93.entry.js} +1 -1
- package/lib/duet/{p-18c66326.system.entry.js → p-24c27df5.system.entry.js} +1 -1
- package/lib/duet/p-2747b44c.system.entry.js +4 -0
- package/lib/duet/{p-a12e5499.entry.js → p-27fecfaa.entry.js} +1 -1
- package/lib/duet/{p-8911207e.entry.js → p-28ac2fa8.entry.js} +1 -1
- package/lib/duet/{p-552be4d4.entry.js → p-29f97ffb.entry.js} +1 -1
- package/lib/duet/{p-d71b8774.system.entry.js → p-2bbc034f.system.entry.js} +1 -1
- package/lib/duet/p-2c164336.entry.js +4 -0
- package/lib/duet/{p-d42f9e4f.system.entry.js → p-2cf70fac.system.entry.js} +1 -1
- package/lib/duet/p-3390de84.entry.js +4 -0
- package/lib/duet/{p-451fe5ef.system.entry.js → p-33b6ad8b.system.entry.js} +1 -1
- package/lib/duet/{p-72baa999.entry.js → p-3420a2e4.entry.js} +1 -1
- package/lib/duet/{p-5afe6d8e.system.entry.js → p-34b57104.system.entry.js} +1 -1
- package/lib/duet/p-354763bd.entry.js +4 -0
- package/lib/duet/p-364526bf.system.entry.js +4 -0
- package/lib/duet/{p-a68a90f3.js → p-36a29933.js} +1 -1
- package/lib/duet/{p-1dd1cd21.entry.js → p-36b45ca1.entry.js} +1 -1
- package/lib/duet/p-37687656.entry.js +4 -0
- package/lib/duet/{p-d3f723cf.system.entry.js → p-393f3d40.system.entry.js} +1 -1
- package/lib/duet/{p-e2949e43.system.entry.js → p-39cd22a6.system.entry.js} +1 -1
- package/lib/duet/{p-d5f395c0.entry.js → p-3ba94b3e.entry.js} +1 -1
- package/lib/duet/p-3c3bc9fb.system.entry.js +4 -0
- package/lib/duet/p-3c7cc108.entry.js +4 -0
- package/lib/duet/{p-acac731e.system.entry.js → p-430c421b.system.entry.js} +1 -1
- package/lib/duet/{p-d28853ae.system.entry.js → p-43e7ee1b.system.entry.js} +1 -1
- package/lib/duet/{p-3b816caf.system.entry.js → p-440018ce.system.entry.js} +1 -1
- package/lib/duet/p-4452e6e8.entry.js +4 -0
- package/lib/duet/{p-69b7e6dc.entry.js → p-4594e530.entry.js} +1 -1
- package/lib/duet/{p-2dc5c7c5.entry.js → p-46ac8eb2.entry.js} +1 -1
- package/lib/duet/{p-bb3cd264.system.entry.js → p-48049d11.system.entry.js} +1 -1
- package/lib/duet/{p-95137492.entry.js → p-480ed6f7.entry.js} +1 -1
- package/lib/duet/{p-3f3571ae.system.entry.js → p-49d3f1f8.system.entry.js} +1 -1
- package/lib/duet/{p-72e617b1.entry.js → p-55ed83fd.entry.js} +1 -1
- package/lib/duet/{p-007eb67f.system.entry.js → p-56d797a7.system.entry.js} +1 -1
- package/lib/duet/p-578b1556.entry.js +4 -0
- package/lib/duet/{p-cddad487.system.js → p-57941503.system.js} +1 -1
- package/lib/duet/{p-f69dc290.entry.js → p-58b1748d.entry.js} +1 -1
- package/lib/duet/{p-930ea887.system.entry.js → p-5a623866.system.entry.js} +1 -1
- package/lib/duet/{p-6ceeb4c1.entry.js → p-5af19c0d.entry.js} +1 -1
- package/lib/duet/{p-eb157d71.system.entry.js → p-5be1c8ca.system.entry.js} +1 -1
- package/lib/duet/p-5cbbad67.entry.js +4 -0
- package/lib/duet/{p-fcb5179d.system.entry.js → p-5db55c55.system.entry.js} +1 -1
- package/lib/duet/{p-d67c45eb.entry.js → p-60672e19.entry.js} +1 -1
- package/lib/duet/{p-c4a1cfd6.js → p-63045d0e.js} +1 -1
- package/lib/duet/{p-3455bcd6.entry.js → p-632bb443.entry.js} +1 -1
- package/lib/duet/{p-b21962b0.entry.js → p-63b3eff1.entry.js} +1 -1
- package/lib/duet/{p-694e5a97.system.js → p-6592e02c.system.js} +1 -1
- package/lib/duet/{p-a4f3a6d6.entry.js → p-65dac1a2.entry.js} +1 -1
- package/lib/duet/{p-71507957.entry.js → p-66663bdd.entry.js} +1 -1
- package/lib/duet/{p-200f57b6.system.entry.js → p-666775c7.system.entry.js} +1 -1
- package/lib/duet/{p-8fa3a4db.system.entry.js → p-684278ce.system.entry.js} +1 -1
- package/lib/duet/{p-aca600ee.system.entry.js → p-6950f757.system.entry.js} +1 -1
- package/lib/duet/{p-56c024f4.system.entry.js → p-69a8abac.system.entry.js} +1 -1
- package/lib/duet/{p-510aee05.entry.js → p-6b02af30.entry.js} +1 -1
- package/lib/duet/{p-b57e1a16.system.entry.js → p-6b371ce8.system.entry.js} +1 -1
- package/lib/duet/{p-a48a6cf9.system.entry.js → p-6bb80546.system.entry.js} +1 -1
- package/lib/duet/p-6bc99ba8.entry.js +4 -0
- package/lib/duet/{p-e34ddfda.system.entry.js → p-6e575dd4.system.entry.js} +1 -1
- package/lib/duet/p-6f05d7e7.entry.js +4 -0
- package/lib/duet/{p-6314d434.entry.js → p-6f2c6bff.entry.js} +1 -1
- package/lib/duet/{p-14ffb5c1.system.entry.js → p-6fb94ef4.system.entry.js} +1 -1
- package/lib/duet/{p-d08d078b.system.entry.js → p-7089e938.system.entry.js} +1 -1
- package/lib/duet/{p-c9798a8d.system.js → p-7132e6b1.system.js} +1 -1
- package/lib/duet/p-73508ab7.entry.js +4 -0
- package/lib/duet/p-7397dd4f.system.entry.js +4 -0
- package/lib/duet/{p-4ac878dd.system.entry.js → p-745b87a1.system.entry.js} +1 -1
- package/lib/duet/{p-460c0029.system.entry.js → p-746cc1a2.system.entry.js} +1 -1
- package/lib/duet/{p-b7f0f071.entry.js → p-750e4ab4.entry.js} +1 -1
- package/lib/duet/{p-c1652045.entry.js → p-7732213d.entry.js} +1 -1
- package/lib/duet/{p-08f39b32.entry.js → p-7b28d664.entry.js} +1 -1
- package/lib/duet/{p-5b0337d8.entry.js → p-7b845013.entry.js} +1 -1
- package/lib/duet/{p-8497c4a3.entry.js → p-7f2855e9.entry.js} +1 -1
- package/lib/duet/{p-db82eb02.system.entry.js → p-808c5e03.system.entry.js} +2 -2
- package/lib/duet/p-80bf7a6d.js +4 -0
- package/lib/duet/p-8283b6dc.system.entry.js +4 -0
- package/lib/duet/p-85023f68.entry.js +4 -0
- package/lib/duet/{p-544a2e7d.entry.js → p-880bccc7.entry.js} +1 -1
- package/lib/duet/{p-5d987b8d.system.entry.js → p-8810586f.system.entry.js} +1 -1
- package/lib/duet/{p-aa224793.system.entry.js → p-89363c87.system.entry.js} +1 -1
- package/lib/duet/{p-5b0f2f3d.entry.js → p-89636372.entry.js} +1 -1
- package/lib/duet/{p-66dd8b2f.entry.js → p-8d42cd8e.entry.js} +1 -1
- package/lib/duet/{p-484c1cc2.system.entry.js → p-8fa26acd.system.entry.js} +1 -1
- package/lib/duet/{p-43d6b171.system.js → p-8fb46b02.system.js} +1 -1
- package/lib/duet/{p-969327bd.entry.js → p-8fbb5ff5.entry.js} +1 -1
- package/lib/duet/p-9012c4d7.system.entry.js +4 -0
- package/lib/duet/{p-431b0896.system.entry.js → p-90448156.system.entry.js} +1 -1
- package/lib/duet/{p-6fb7afac.system.entry.js → p-907af7da.system.entry.js} +1 -1
- package/lib/duet/p-9171868a.system.js +4 -0
- package/lib/duet/{p-9e93e46d.entry.js → p-91ab1514.entry.js} +1 -1
- package/lib/duet/{p-7f50e5e3.system.entry.js → p-935bb380.system.entry.js} +1 -1
- package/lib/duet/p-98c47715.entry.js +4 -0
- package/lib/duet/{p-57b716e6.system.entry.js → p-990cd307.system.entry.js} +1 -1
- package/lib/duet/{p-5bcce1c4.entry.js → p-9a099e32.entry.js} +1 -1
- package/lib/duet/p-9a68836b.entry.js +4 -0
- package/lib/duet/{p-8303c23a.entry.js → p-9a6959da.entry.js} +1 -1
- package/lib/duet/p-9ac8d40d.system.entry.js +4 -0
- package/lib/duet/{p-58f4c4ef.system.entry.js → p-9ecf83ca.system.entry.js} +1 -1
- package/lib/duet/p-a19e945f.entry.js +4 -0
- package/lib/duet/{p-f83e4a46.system.entry.js → p-a28a52b8.system.entry.js} +1 -1
- package/lib/duet/p-a331720c.system.entry.js +4 -0
- package/lib/duet/{p-6106103e.system.entry.js → p-a607febe.system.entry.js} +1 -1
- package/lib/duet/p-a7442f4e.system.entry.js +4 -0
- package/lib/duet/{p-7d4fb1da.system.js → p-a966bbcf.system.js} +1 -1
- package/lib/duet/p-aa75307b.entry.js +4 -0
- package/lib/duet/{p-5e1045dc.entry.js → p-abe3827d.entry.js} +1 -1
- package/lib/duet/{p-15694ea7.entry.js → p-accae6ec.entry.js} +1 -1
- package/lib/duet/{p-b197d195.system.js → p-ace83b4d.system.js} +1 -1
- package/lib/duet/{p-601e275c.entry.js → p-ad14a7bb.entry.js} +1 -1
- package/lib/duet/{p-ce447833.entry.js → p-ad570b3d.entry.js} +1 -1
- package/lib/duet/p-ad6ccb39.js +4 -0
- package/lib/duet/p-aeb3d682.system.entry.js +4 -0
- package/lib/duet/{p-61bb70ea.system.entry.js → p-b09cf28d.system.entry.js} +1 -1
- package/lib/duet/{p-8c80b769.system.entry.js → p-b23fd2cf.system.entry.js} +1 -1
- package/lib/duet/{p-75a66b82.js → p-b25490a8.js} +1 -1
- package/lib/duet/{p-80121038.system.entry.js → p-b58e595a.system.entry.js} +2 -2
- package/lib/duet/p-baaac8e6.system.entry.js +4 -0
- package/lib/duet/{p-c7302b85.system.entry.js → p-bfaf639a.system.entry.js} +1 -1
- package/lib/duet/{p-1dc4442a.entry.js → p-c1a87168.entry.js} +1 -1
- package/lib/duet/{p-72f4c54a.system.entry.js → p-c27dc664.system.entry.js} +1 -1
- package/lib/duet/{p-05f7f78d.system.entry.js → p-c51a586e.system.entry.js} +1 -1
- package/lib/duet/{p-d9a2772b.entry.js → p-c797a3e6.entry.js} +1 -1
- package/lib/duet/p-c97d9b65.entry.js +4 -0
- package/lib/duet/{p-9715fa3d.entry.js → p-ccdecd17.entry.js} +1 -1
- package/lib/duet/p-d0b307cc.js +4 -0
- package/lib/duet/{p-81dbbba7.system.entry.js → p-d2d74167.system.entry.js} +1 -1
- package/lib/duet/{p-0e442247.system.entry.js → p-d433e813.system.entry.js} +1 -1
- package/lib/duet/{p-2bc08ca1.system.entry.js → p-d7d5874f.system.entry.js} +1 -1
- package/lib/duet/{p-ffe9f317.system.entry.js → p-d8739243.system.entry.js} +1 -1
- package/lib/duet/p-d93881ea.entry.js +4 -0
- package/lib/duet/{p-63d23d82.entry.js → p-da7ff7a2.entry.js} +1 -1
- package/lib/duet/{p-1cc2eb98.system.js → p-db398834.system.js} +1 -1
- package/lib/duet/{p-0d9f34ae.entry.js → p-dbe48d3c.entry.js} +1 -1
- package/lib/duet/p-dc172d1c.entry.js +4 -0
- package/lib/duet/p-dc332043.entry.js +4 -0
- package/lib/duet/{p-f756e03d.system.entry.js → p-ddc0706b.system.entry.js} +1 -1
- package/lib/duet/p-dde34236.entry.js +4 -0
- package/lib/duet/{p-f052ccf2.system.entry.js → p-de531c22.system.entry.js} +1 -1
- package/lib/duet/{p-1b393d78.system.entry.js → p-dfb4edcc.system.entry.js} +1 -1
- package/lib/duet/{p-b230c327.system.entry.js → p-e19b45d6.system.entry.js} +1 -1
- package/lib/duet/{p-4a7a6dcb.system.entry.js → p-e2373985.system.entry.js} +2 -2
- package/lib/duet/{p-0bbfb836.entry.js → p-e2f6279e.entry.js} +1 -1
- package/lib/duet/{p-7f5b3bb1.entry.js → p-e39afbb1.entry.js} +1 -1
- package/lib/duet/{p-0ff4932b.system.entry.js → p-e73a7c54.system.entry.js} +1 -1
- package/lib/duet/p-eaf7a202.system.entry.js +4 -0
- package/lib/duet/{p-a3c50037.system.entry.js → p-eb01f00b.system.entry.js} +1 -1
- package/lib/duet/{p-cdfca639.system.entry.js → p-eb19b715.system.entry.js} +1 -1
- package/lib/duet/p-eb817c52.entry.js +4 -0
- package/lib/duet/{p-9fe084e8.system.entry.js → p-ed4b8ef4.system.entry.js} +1 -1
- package/lib/duet/{p-0beb2a3f.system.entry.js → p-f00388be.system.entry.js} +1 -1
- package/lib/duet/{p-d4630d55.system.js → p-f033bc52.system.js} +1 -1
- package/lib/duet/{p-e007c11a.entry.js → p-f208d55c.entry.js} +1 -1
- package/lib/duet/{p-ae3c38ec.system.entry.js → p-f3d5cc54.system.entry.js} +1 -1
- package/lib/duet/p-f57a788d.system.entry.js +4 -0
- package/lib/duet/{p-48452fe6.entry.js → p-f7f0b74f.entry.js} +1 -1
- package/lib/duet/{p-50cb674e.js → p-f92ce1f9.js} +1 -1
- package/lib/duet/p-fa69c713.system.entry.js +4 -0
- package/lib/duet/{p-b70e378a.entry.js → p-fac03927.entry.js} +1 -1
- package/lib/duet/{p-6703c635.entry.js → p-fe6123a8.entry.js} +1 -1
- package/lib/duet/p-feaa9ad0.entry.js +4 -0
- package/lib/duet/p-ff6049c7.system.entry.js +4 -0
- package/lib/esm/{a11y-utils-fb6d24ef.js → a11y-utils-fcabbbe4.js} +1 -1
- package/lib/esm/{app-globals-595167e1.js → app-globals-df3febf1.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +4 -4
- package/lib/esm/duet-alert.entry.js +4 -4
- package/lib/esm/duet-badge.entry.js +5 -5
- package/lib/esm/duet-banner.entry.js +20 -9
- package/lib/esm/duet-breadcrumb.entry.js +10 -19
- package/lib/esm/duet-breadcrumbs.entry.js +7 -7
- package/lib/esm/duet-button_2.entry.js +7 -7
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +10 -10
- package/lib/esm/duet-card.entry.js +5 -5
- package/lib/esm/duet-checkbox.entry.js +2 -2
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +4 -4
- package/lib/esm/duet-choice_2.entry.js +5 -5
- package/lib/esm/duet-collapsible.entry.js +17 -8
- package/lib/esm/duet-combobox.entry.js +4 -4
- package/lib/esm/duet-contact-card.entry.js +5 -5
- package/lib/esm/duet-cookie-consent.entry.js +2 -2
- package/lib/esm/duet-date-picker.entry.js +5 -5
- package/lib/esm/duet-divider_2.entry.js +4 -4
- package/lib/esm/duet-editable-table_3.entry.js +9 -9
- package/lib/esm/duet-empty-state.entry.js +2 -2
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +2 -2
- package/lib/esm/duet-footer.entry.js +4 -4
- package/lib/esm/duet-grid_2.entry.js +7 -6
- package/lib/esm/duet-header_2.entry.js +5 -5
- package/lib/esm/duet-hero.entry.js +15 -11
- package/lib/esm/duet-icon.entry.js +6 -6
- package/lib/esm/duet-indicator.entry.js +49 -0
- package/lib/esm/duet-input_2.entry.js +5 -5
- package/lib/esm/duet-layout.entry.js +7 -7
- package/lib/esm/duet-list_2.entry.js +5 -5
- package/lib/esm/duet-menu-bar-button.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-menu-bar-item.entry.js +7 -7
- package/lib/esm/duet-menu-bar-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar.entry.js +7 -7
- package/lib/esm/duet-modal.entry.js +13 -13
- package/lib/esm/duet-multiselect.entry.js +9 -9
- package/lib/esm/duet-nav.entry.js +4 -4
- package/lib/esm/duet-notification_2.entry.js +9 -9
- package/lib/esm/duet-number-input.entry.js +4 -4
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +4 -4
- package/lib/esm/duet-pagination_2.entry.js +17 -17
- package/lib/esm/duet-panel.entry.js +5 -5
- package/lib/esm/duet-phone-input.entry.js +24 -7
- package/lib/esm/duet-popup-menu_2.entry.js +6 -6
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +6 -6
- package/lib/esm/duet-radio_2.entry.js +3 -3
- package/lib/esm/duet-range-slider.entry.js +2 -2
- package/lib/esm/duet-scrollable_3.entry.js +21 -17
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +4 -4
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +2 -2
- package/lib/esm/duet-share-chart.entry.js +7 -7
- package/lib/esm/duet-show-more.entry.js +5 -5
- package/lib/esm/duet-slideout-lang.entry.js +5 -5
- package/lib/esm/duet-slideout-link.entry.js +8 -8
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +7 -7
- package/lib/esm/duet-slideout-panel.entry.js +15 -20
- package/lib/esm/duet-slideout.entry.js +11 -11
- package/lib/esm/duet-status-icon.entry.js +3 -3
- package/lib/esm/duet-step_2.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar.entry.js +8 -8
- package/lib/esm/duet-textarea.entry.js +4 -4
- package/lib/esm/duet-toggle.entry.js +2 -2
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
- package/lib/esm/duet-toolbar-item.entry.js +9 -9
- package/lib/esm/duet-toolbar-link.entry.js +4 -4
- package/lib/esm/duet-toolbar.entry.js +4 -4
- package/lib/esm/duet-tooltip-button_2.entry.js +8 -8
- package/lib/esm/duet-tooltip.entry.js +3 -3
- package/lib/esm/duet-tray.entry.js +5 -5
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-7effaab9.js → errorcodes.utils-2bbac3d7.js} +1 -1
- package/lib/esm/{focus-utils-2ff60ebe.js → focus-utils-86d0936a.js} +1 -1
- package/lib/esm/{index-4cc3ec50.js → index-c99b5a3a.js} +5 -1
- package/lib/esm/{language-utils-aa864aed.js → language-utils-0881a2a9.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-28b6b964.js → slot-utils-a65ef46f.js} +1 -1
- package/lib/esm/{themeable-component-35ed7853.js → themeable-component-e3661133.js} +1 -1
- package/lib/esm/{token-utils-06ae5c10.js → token-utils-cf052bc0.js} +3 -3
- package/lib/esm-es5/{a11y-utils-fb6d24ef.js → a11y-utils-fcabbbe4.js} +1 -1
- package/lib/esm-es5/{app-globals-595167e1.js → app-globals-df3febf1.js} +1 -1
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +2 -2
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-checkmark.entry.js +1 -1
- package/lib/esm-es5/duet-chip.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +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 +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +2 -2
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-indicator.entry.js +4 -0
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-button.entry.js +2 -2
- package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +1 -1
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-overlay.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-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 +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-section-layout.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
- package/lib/esm-es5/duet-share-chart-item.entry.js +1 -1
- package/lib/esm-es5/duet-share-chart.entry.js +1 -1
- package/lib/esm-es5/duet-show-more.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +2 -2
- package/lib/esm-es5/duet-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 +1 -1
- 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 +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-item.entry.js +2 -2
- package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-upload-item.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/{errorcodes.utils-7effaab9.js → errorcodes.utils-2bbac3d7.js} +1 -1
- package/lib/esm-es5/focus-utils-86d0936a.js +4 -0
- package/lib/esm-es5/index-c99b5a3a.js +4 -0
- package/lib/esm-es5/{language-utils-aa864aed.js → language-utils-0881a2a9.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{slot-utils-28b6b964.js → slot-utils-a65ef46f.js} +1 -1
- package/lib/esm-es5/{themeable-component-35ed7853.js → themeable-component-e3661133.js} +1 -1
- package/lib/esm-es5/{token-utils-06ae5c10.js → token-utils-cf052bc0.js} +1 -1
- package/lib/types/components/duet-banner/duet-banner.d.ts +2 -0
- package/lib/types/components/duet-breadcrumbs/duet-breadcrumb.d.ts +2 -4
- package/lib/types/components/duet-hero/duet-hero.d.ts +1 -0
- package/lib/types/components/duet-indicator/duet-indicator.d.ts +17 -0
- package/lib/types/components/duet-input/duet-input.d.ts +0 -2
- package/lib/types/components/duet-phone-input/duet-phone-input.d.ts +14 -0
- package/lib/types/components/duet-tab/duet-tab.d.ts +10 -0
- package/lib/types/components.d.ts +73 -8
- package/package.json +4 -4
- package/lib/duet/p-0018881b.entry.js +0 -4
- package/lib/duet/p-0ad0afe1.entry.js +0 -4
- package/lib/duet/p-137beb16.system.entry.js +0 -4
- package/lib/duet/p-17a1f7cd.entry.js +0 -4
- package/lib/duet/p-18b56724.entry.js +0 -4
- package/lib/duet/p-1a46c899.system.entry.js +0 -4
- package/lib/duet/p-1daaef7a.entry.js +0 -4
- package/lib/duet/p-2179e714.system.entry.js +0 -4
- package/lib/duet/p-22ab0759.system.entry.js +0 -4
- package/lib/duet/p-24749596.system.entry.js +0 -4
- package/lib/duet/p-26b49f30.entry.js +0 -4
- package/lib/duet/p-367a3dd8.system.entry.js +0 -4
- package/lib/duet/p-3f8dd0b3.system.entry.js +0 -4
- package/lib/duet/p-531d399b.system.entry.js +0 -4
- package/lib/duet/p-55eab330.system.entry.js +0 -4
- package/lib/duet/p-583b4f49.js +0 -4
- package/lib/duet/p-58b34a23.system.entry.js +0 -4
- package/lib/duet/p-58d2375e.system.entry.js +0 -4
- package/lib/duet/p-5e658b40.js +0 -4
- package/lib/duet/p-6015aa05.system.entry.js +0 -4
- package/lib/duet/p-60636c0f.js +0 -4
- package/lib/duet/p-612fe73a.system.entry.js +0 -4
- package/lib/duet/p-61b2c1c9.entry.js +0 -4
- package/lib/duet/p-6eed12c2.entry.js +0 -4
- package/lib/duet/p-729bb657.entry.js +0 -4
- package/lib/duet/p-75eda30d.entry.js +0 -4
- package/lib/duet/p-7c597c01.entry.js +0 -4
- package/lib/duet/p-894105da.entry.js +0 -4
- package/lib/duet/p-8a7cfab8.entry.js +0 -4
- package/lib/duet/p-8ef88917.entry.js +0 -4
- package/lib/duet/p-9bff6ed8.entry.js +0 -4
- package/lib/duet/p-9f6fe3bd.entry.js +0 -4
- package/lib/duet/p-a20eeb3a.entry.js +0 -4
- package/lib/duet/p-aee53cdc.system.entry.js +0 -4
- package/lib/duet/p-b275f92a.entry.js +0 -4
- package/lib/duet/p-c16d08b2.entry.js +0 -4
- package/lib/duet/p-c6b0afdd.entry.js +0 -4
- package/lib/duet/p-d3b64256.entry.js +0 -4
- package/lib/duet/p-dc812f17.entry.js +0 -4
- package/lib/duet/p-e24ab988.system.entry.js +0 -4
- package/lib/duet/p-e63f5ff5.js +0 -4
- package/lib/duet/p-e6cd1ffb.system.js +0 -4
- package/lib/duet/p-f38175f1.system.entry.js +0 -4
- package/lib/duet/p-f3a26af1.system.entry.js +0 -4
- package/lib/duet/p-f80ef600.entry.js +0 -4
- package/lib/duet/p-fa2d27c3.entry.js +0 -4
- package/lib/duet/p-ff139142.entry.js +0 -4
- package/lib/duet/p-fff88e02.entry.js +0 -4
- package/lib/esm-es5/focus-utils-2ff60ebe.js +0 -4
- package/lib/esm-es5/index-4cc3ec50.js +0 -4
|
@@ -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-c4a1cfd6.js";import{i as o}from"./p-d9cafc77.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-75a66b82.js";import{p as y}from"./p-9c3c64b9.js";import{b as w,a as x}from"./p-e63f5ff5.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:"550a0fc5ef320fe167a76073ac541e5c7d5fc906",onKeyDown:t=>this.onKeyboardDown(t),class:{"duet-theme-turva":"turva"===this.theme}},i("nav",{key:"7276d529426c05ac4586f1111615893e89192ca3",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:"6c876ae7965c0db70dfc9d4bb38185b3400fd980","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:"491ab26e71e2274ec1f3ae9f9fa807c96c26988f",theme:this.theme},"jump to page : ",this.numbersStore)),i("ol",{key:"b044281e69261b30b387c5511bac3ff44cceffd3",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:"a6255e0ba8858f57f18821a3b1586d069e668c60",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"8497e8b2e090635cf36df9342a57bd69f6c0ca3e",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:"63c11bc55792509810011a9b5998e28b806af088",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"785127577a59b664ac24dd84ba49fa4ff766b12f",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:"2e20e28716d50f15ff6b3d0155503885c6d4b1f9"},i("li",{key:"e7ca743b6441e11f4e7ca05f2d70bd51e0d8249f",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},i("duet-button",{key:"0ca7e2d7f9b372f7e8159b415f65bb0e034b4412",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:"d962fe9e611a86d7a920a79844e4f218f612f2e0",class:"duet-pagination-page-number"},"1"))),i("li",{key:"0c98e2881a6a27df7c04f39885fdb0091e576e63",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},i("duet-button",{key:"60657c4c2e7d780ba28f043a8bdb4cdd2bbe056e",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:"04541316f789326e8beab65643257d6163dc7862",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:"fd65168afa2ec2fda465bbc67f65fbbb7ef82fad"},(this.internalSectionIndex+1)*this.visibleItems!=this.totalPages-1&&i("li",{key:"16f9aaa144f051f8b69d077c82c7b1373df20533",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},i("duet-button",{key:"cb8a5a9c94e69471f20a34674e70e5033461f6ca",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:"f0f2535ec2b567e905d09e8b53ecb0c8c8356a3c",class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),i("li",{key:"0b55a14d5c021e0287574d8b0087d539286d0aa2",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},i("duet-button",{key:"ffbcc148424ed5780261538630d9bf3838fd004d",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:"e3555c707cce955ffa25c1a0a0f69e87b00aa930",class:"duet-pagination-page-number"},this.totalPages)))),i("li",{key:"afe74ceb64b04457870df86a203cead270c0a576",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"2349f3eefaa6ffd9a681fe51fd4897e96087758e",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:"b2b64a21aebddfe74abbba43fa76cc3dcbd1c1e9",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},i("duet-action-button",{key:"0d0a88080e449b5b36f8c5ac22bff1482f5bf2ac",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:"0d213325a438908c6fbb5ef3be056baf2dd9a9cc",class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},i("span",{key:"2fcef9d93303d111aa7de17a44614ae8a7be97b9",class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),i("duet-action-button",{key:"8cb9d3c298a12c9b4e539676020702d346731b76",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:"f53a8b31d7f5d5fa9df56765fefe8096d08eea44",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-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}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,c as t,h as a,H as i,g as o}from"./p-63045d0e.js";import{a as l}from"./p-115c79b6.js";import{f as s,t as n}from"./p-eb60efcc.js";import{i as d}from"./p-08f35dcb.js";import{c as r}from"./p-5e59e970.js";import{i as c,s as h,u as p}from"./p-a45e3f8b.js";import{g as b,h as g}from"./p-36a29933.js";import{s as u}from"./p-9c3c64b9.js";const m=class{constructor(a){e(this,a),this.duetToggle=t(this,"duetToggle",7),this.id=r("DuetCollapsible"),this.handleKeyDown=e=>{c(e)&&this.handleClick(e)},this.getFontSizeFromTokens=(e=this.headingSize)=>{if(e){const t=e.replace(/-/g,"_");return n[`font_size_${t}`]}return s},this.getEquivalentIconSize=(e=this.headingSize)=>{switch(e){case"x-small":case"small":case"medium":default:return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large"}},this.getAccessibleLabel=()=>{if(this.accessibleLabel)return this.accessibleLabel;const e=[];return this.heading&&e.push(this.heading),this.hasAfterHeading&&e.push(b(this.element,"after-heading").map((e=>e.textContent.trim())).join(", ")),this.caption&&e.push(this.caption),e.join(". ")},this.handleClick=e=>{e.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-collapsible",originalEvent:e})},this.theme="",this.negative=!1,this.accessibleLabel=void 0,this.heading="",this.caption="",this.headingFullWidth=!1,this.centerHeading=!1,this.headingWeight="semibold",this.headingSize=void 0,this.headingLevel=void 0,this.margin="auto",this.open=!1}componentWillLoad(){d(this),this.hasAfterHeading=g(this.element,"after-heading")}connectedCallback(){h(this)}disconnectedCallback(){p(this)}async setFocus(e){this.nativeButton&&(this.element.classList.add("user-is-tabbing"),this.nativeButton.focus(e))}render(){const e=this.headingLevel?u(this.headingLevel):"div";return a(i,{key:"7d31031b7dadd4155d8a3458ec08c93c7e3cf3c5",class:{"duet-m-0":"none"===this.margin,negative:this.negative}},a(e,{key:"f00b09d4646d2a5c86761675c6e46d49af9319cc"},a("button",{key:"a53704d19ce0908a29670199215c180996ecc898",class:{"duet-collapsible-heading":!0,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":"turva"===this.theme,"duet-collapsible-normal-weight":"normal"===this.headingWeight,"has-after-heading":this.hasAfterHeading,"full-width":this.headingFullWidth,"has-caption":!!this.caption},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:e=>this.nativeButton=e,"aria-label":this.getAccessibleLabel(),"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("div",{key:"ce43b1e2dabc8910ecc4ed8484d45dca91ff4580",class:"duet-collapsible-heading-wrapper"},a("div",{key:"0b6b1110c4d5a265f67cd22849f3d264bab78849",class:"duet-collapsible-heading-icon"},a("duet-icon",{key:"26bc88a57fb37575d307c750fb956761f1dc4d23",margin:"none",size:this.getEquivalentIconSize(),icon:l.svg})),a("div",{key:"380054a26a1ad98a8db9e5b87b1fb5e02f40d3a1",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading),this.hasAfterHeading&&a("div",{key:"c1a4f4b35f20b0c6206ad22ec0789fd9fe73f0ca",part:"duet-collapsible-after-heading"},a("slot",{key:"5d4b47626ddaba28522b080d60efd6e19d72dd57",name:"after-heading"}))),this.caption&&a("div",{key:"3fe2e63e633411be26b8f9382420922b864a09fb",class:"duet-collapsible-heading-caption"},a("duet-caption",{key:"c6e38e01e467852441c075013df51aa4e44c89a3",size:"small",margin:"none"},this.caption)))),a("div",{key:"6dd09c8172dda9a8819f5e41d5cf84431f748bd1",id:this.id,class:{"duet-collapsible-content":!0,"duet-theme-turva":"turva"===this.theme},part:"duet-collapsible-content"},a("slot",{key:"2377257e231c64d5d8a9719d0527cd618d68c80d"})))}get element(){return o(this)}};m.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.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)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;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;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}:host(.duet-theme-turva2){color:#172a3b}:host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,:host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva{color:rgb(23, 28, 58)}';export{m as duet_collapsible}
|
|
@@ -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 d,H as s,g as o}from"./p-
|
|
4
|
+
import{r as t,c as e,h as d,H as s,g as o}from"./p-63045d0e.js";import{i}from"./p-08f35dcb.js";import{c as g}from"./p-5e59e970.js";import{s as u,u as c}from"./p-a45e3f8b.js";const r=class{constructor(d){t(this,d),this.duetChange=e(this,"duetChange",3),this.toggleId=g("DuetToggle"),this.onClick=t=>{t.preventDefault(),this.setFocus(),this.checked=!this.checked},this.theme="",this.margin="auto",this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelPosition="top",this.required=!1,this.disabled=!1,this.checked=!1,this.value=void 0,this.identifier=void 0,this.name=void 0,this.role=void 0}checkedChanged(t){this.duetChange.emit({checked:t,value:this.value,component:"duet-toggle"})}componentWillLoad(){i(this),void 0===this.value&&(this.value=this.identifier)}connectedCallback(){u(this)}disconnectedCallback(){c(this)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.toggleId;return d(s,{onClick:this.disabled?void 0:this.onClick,class:{"duet-m-0":"none"===this.margin}},d("div",{class:{"duet-toggle":!0,"duet-theme-turva":"turva"===this.theme,"duet-side-label":"top"!==this.labelPosition,"duet-reverse-label":"right"===this.labelPosition}},d("duet-label",{theme:this.theme,color:this.labelColor,weight:this.labelWeight,for:t,margin:"top"===this.labelPosition?"auto":"none"},this.label),d("label",{class:"duet-switch",htmlFor:t},d("input",{type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled,ref:t=>this.nativeInput=t}),d("div",{class:"duet-slider"}))))}get element(){return o(this)}static get watchers(){return{checked:["checkedChanged"]}}};r.style='*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-side-label.sc-duet-toggle{display:flex;gap:12px;align-items:center}.duet-side-label.sc-duet-toggle duet-label.sc-duet-toggle{width:auto !important}.duet-reverse-label.sc-duet-toggle{flex-direction:row-reverse}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(198, 12, 48)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#bfcbd2}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#c7c9cf}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#80bbd9}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#e38698}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{background-color:rgb(143, 147, 158)}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}.duet-theme-turva2.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:#e61740}.duet-theme-turva2.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{box-shadow:-1px 0 2px #890e26;transform:translateX(20px)}.duet-theme-turva2.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#f38ba0}';export{r as duet_toggle}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register(["./p-8fb46b02.system.js","./p-053b71e6.system.js","./p-87633fff.system.js","./p-57941503.system.js","./p-ace83b4d.system.js","./p-db398834.system.js","./p-f033bc52.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,a,n,s,o,l,r,c,d,u;return{setters:[function(e){t=e.r;i=e.h;a=e.H;n=e.g},function(e){s=e.a},function(e){o=e.a},function(e){l=e.i},function(e){r=e.g},function(e){c=e.g;d=e.c;u=e.d},function(){},function(){}],execute:function(){var f='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active .label-content::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1rem;font-weight:600}.duet-slideout-link.large{font-size:1.25rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva.active .label-content::after{background:#e61740}:host(.duet-theme-turva2) slot[name=description]::slotted(*){color:#172a3b}';var h=f;var b=e("duet_slideout_link",function(){function e(e){t(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.active=false;this.href="#";this.icon=undefined;this.size="inherit";this.caret=false;this.menuItem=false;this.accessibleLabelExternalDefaults=o;this.accessibleLabelExternal=c(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){l(this)};e.prototype.connectedCallback=function(){d(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){u(this)};e.prototype.render=function(){var e;return i(a,{key:"8f75d1b8cc2f5509ee8c41c0f09a1e0b7c325e2b"},i("a",{key:"470e7d3de6ae4220816ce83100eab2798017637c",target:!this.href?null:this.external?"_blank":"_self",class:(e={"duet-slideout-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[this.size]=true,e),href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.href&&r(this)||this.accessibleLabel,rel:this.external?"noopener":undefined},this.icon&&i("duet-icon",{key:"280f1b56285002d77cdae1dd796ccc4cead40484",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"small",margin:"none"}),i("div",{key:"c20e8bd370c0c9419dac439bc9be417f532caa80",class:"label"},i("span",{key:"c9e43ff4e0f400bb100908512d4832941833413e"},i("span",{key:"362461c72afbd9a669ca2be4bb63b0e0a0816ae8",class:"label-container"},i("span",{key:"a5cd71224f0299bc2f8c63c65e28c8f535da4b59",class:"label-content"},i("slot",{key:"59eb785f2e0fe626375adca66fa6c0c1dc63f6d0"})),this.external&&i("duet-icon",{key:"55f8b1ed150acb31ad46d9f8ba2f7d47ada4f3ca",class:"external-icon",theme:this.theme,name:s.title,margin:"none",size:"auto",color:"currentColor"})),i("slot",{key:"ddba75f06da785a06950ed38f726c1ac3cfea012",name:"description"})),this.caret&&i("duet-icon",{key:"f9091c7a26c7db26a48b8b96bd3b4502cb79bc10",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());b.style=h}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,i,a){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function s(e){try{d(a.next(e))}catch(e){n(e)}}function o(e){try{d(a["throw"](e))}catch(e){n(e)}}function d(e){e.done?i(e.value):r(e.value).then(s,o)}d((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,r,n,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return d([e,t])}}function d(o){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(a=1,r&&(n=o[0]&2?r["return"]:o[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;if(r=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];r=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-43d6b171.system.js","./p-87633fff.system.js","./p-cddad487.system.js","./p-e6b5a1c7.system.js","./p-752fa0fc.system.js","./p-1cc2eb98.system.js","./p-d4630d55.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,a,r,n,s,o,d,u,c,l,f,h,p;return{setters:[function(e){t=e.r;i=e.c;a=e.h;r=e.H;n=e.g},function(e){s=e.D},function(e){o=e.i},function(e){d=e.c},function(e){u=e.s;c=e.u},function(e){l=e.g;f=e.c;h=e.d},function(e){p=e.h},function(){}],execute:function(){var b='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}';var m=b;var g=e("duet_alert",function(){function e(e){var a=this;t(this,e);this.duetDismiss=i(this,"duetDismiss",7);this.duetCloseComplete=i(this,"duetCloseComplete",7);this.descriptiveId=d("DuetAlert");this.hasShowMoreSlot=false;this.handleDismiss=function(e){a.handleHide();a.duetDismiss.emit({component:"duet-alert",originalEvent:e})};this.handleShow=function(){a.isDismissed=false};this.handleHide=function(){a.isDismissed=true;a.element.addEventListener("transitionend",(function(){return a.duetCloseComplete.emit()}),{once:true})};this.handleExpandToggle=function(){a.isExpanded=!a.isExpanded};this.getRole=function(){if(!a.announcements){return undefined}if(["warning","danger"].includes(a.variation)){return"alert"}return"status"};this.theme="";this.isDismissed=false;this.isExpanded=false;this.timeoutID=undefined;this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"};this.accessibleLabel=l(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.autoDismiss=undefined;this.margin="auto";this.padding="auto";this.variation="default";this.position="content";this.dismissible=false;this.focusable=false;this.expandingTitle=""}e.prototype.componentWillLoad=function(){o(this);this.hasShowMoreSlot=p(this.element,"show-more")};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.connectedCallback=function(){f(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});u(this)};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}h(this);c(this)};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleHide();return[2]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.alertContainer.focus(e);return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var n=["default","success","danger","warning"].includes(this.variation)?this.variation:"default";var o=l(s[n]);return a(r,{key:"b204a657de629955d04058f3c43813aa00980c1e",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.getRole()},a("div",{key:"0d573c37ae4013f7fdef0d89a7d2cfff38157b44",class:(e={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[n]=true,e[this.position]=true,e["duet-theme-turva"]=this.theme==="turva",e)},a("div",{key:"ecb946bd29811c5ee207804498810a6cd3c83889",class:(t={"duet-alert":true,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||this.position==="below-nav","duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[n]=true,t["duet-theme-turva"]=this.theme==="turva",t)},a("div",{key:"88e63f17d9d316a933266a2d98be63f1cf6fa939",class:"duet-alert-container",ref:function(e){i.alertContainer=e},tabindex:this.focusable?"0":undefined},this.position!=="below-nav"&&a("div",{key:"d0e266b3c576ec9c2532053c292c3bfbbc9d92b0",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"efa5d1133ba832aa3e88fb419b8f2b454b5536c1",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"7e00c8f29fb7a33a041acfbd82d1c359eadaf605",strong:true,variation:n,margin:"none",size:"auto"})),this.position==="below-nav"&&a("div",{key:"0314c3a000a06a357a7850f6c72002df3d32a541",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"aec093d7be9e0c0d8940a5e0813495f707daefc0",strong:true,variation:n,margin:"none",size:"auto"})),a("div",{key:"97522cbf67c23477ae71603418f85f3d1a13d3c2",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"08d8a6d3b089bad3c54727907f6ba1df213a9103","aria-expanded":this.isExpanded.toString(),"aria-controls":"".concat(this.descriptiveId,"-content"),class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"4efe686cc2dff3077ea3efed7a52c79c3b8c090a",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"2da0cd85883d2e850d65e0682c391079bcce2001",name:"action-arrow-down",color:n==="default"?"lt-blue-800":"".concat(n,"-800"),margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"dd67482dc47bb4b23d8ff7fdbc7f50a09fd7f355",id:"".concat(this.descriptiveId,"-content")},a("duet-visually-hidden",{key:"0f892f87996b79076b9c04e9d66fadbe681cf913"},o),a("slot",{key:"fac36116e1b9128ad398c4cf997d8c0fd3bca795"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"10530ff533c94cb9c85eb23cae9ed3475f3567f2",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"06e77a909ef86b0ae2e83e818e88c75b8caa9969",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"65f541e6bf54abcfa91757571cffb18013188c39",class:"duet-alert-dismiss"},a("duet-button",{key:"a2e00a7f2d07d04bf388544893ddb56d332c8929",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",color:n==="default"?"lt-blue-800":"".concat(n,"-800"),theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());g.style=m}}}));
|
|
4
|
+
*/System.register(["./p-8fb46b02.system.js","./p-87633fff.system.js","./p-57941503.system.js","./p-e6b5a1c7.system.js","./p-752fa0fc.system.js","./p-db398834.system.js","./p-f033bc52.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,a,r,n,s,o,d,u,c,l,f,h,p;return{setters:[function(e){t=e.r;i=e.c;a=e.h;r=e.H;n=e.g},function(e){s=e.D},function(e){o=e.i},function(e){d=e.c},function(e){u=e.s;c=e.u},function(e){l=e.g;f=e.c;h=e.d},function(e){p=e.h},function(){}],execute:function(){var b='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}';var m=b;var g=e("duet_alert",function(){function e(e){var a=this;t(this,e);this.duetDismiss=i(this,"duetDismiss",7);this.duetCloseComplete=i(this,"duetCloseComplete",7);this.descriptiveId=d("DuetAlert");this.hasShowMoreSlot=false;this.handleDismiss=function(e){a.handleHide();a.duetDismiss.emit({component:"duet-alert",originalEvent:e})};this.handleShow=function(){a.isDismissed=false};this.handleHide=function(){a.isDismissed=true;a.element.addEventListener("transitionend",(function(){return a.duetCloseComplete.emit()}),{once:true})};this.handleExpandToggle=function(){a.isExpanded=!a.isExpanded};this.getRole=function(){if(!a.announcements){return undefined}if(["warning","danger"].includes(a.variation)){return"alert"}return"status"};this.theme="";this.isDismissed=false;this.isExpanded=false;this.timeoutID=undefined;this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"};this.accessibleLabel=l(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.autoDismiss=undefined;this.margin="auto";this.padding="auto";this.variation="default";this.position="content";this.dismissible=false;this.focusable=false;this.expandingTitle=""}e.prototype.componentWillLoad=function(){o(this);this.hasShowMoreSlot=p(this.element,"show-more")};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.connectedCallback=function(){f(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});u(this)};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}h(this);c(this)};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleHide();return[2]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.alertContainer.focus(e);return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var n=["default","success","danger","warning"].includes(this.variation)?this.variation:"default";var o=l(s[n]);return a(r,{key:"b204a657de629955d04058f3c43813aa00980c1e",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.getRole()},a("div",{key:"0d573c37ae4013f7fdef0d89a7d2cfff38157b44",class:(e={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[n]=true,e[this.position]=true,e["duet-theme-turva"]=this.theme==="turva",e)},a("div",{key:"ecb946bd29811c5ee207804498810a6cd3c83889",class:(t={"duet-alert":true,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||this.position==="below-nav","duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[n]=true,t["duet-theme-turva"]=this.theme==="turva",t)},a("div",{key:"88e63f17d9d316a933266a2d98be63f1cf6fa939",class:"duet-alert-container",ref:function(e){i.alertContainer=e},tabindex:this.focusable?"0":undefined},this.position!=="below-nav"&&a("div",{key:"d0e266b3c576ec9c2532053c292c3bfbbc9d92b0",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"efa5d1133ba832aa3e88fb419b8f2b454b5536c1",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"7e00c8f29fb7a33a041acfbd82d1c359eadaf605",strong:true,variation:n,margin:"none",size:"auto"})),this.position==="below-nav"&&a("div",{key:"0314c3a000a06a357a7850f6c72002df3d32a541",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"aec093d7be9e0c0d8940a5e0813495f707daefc0",strong:true,variation:n,margin:"none",size:"auto"})),a("div",{key:"97522cbf67c23477ae71603418f85f3d1a13d3c2",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"08d8a6d3b089bad3c54727907f6ba1df213a9103","aria-expanded":this.isExpanded.toString(),"aria-controls":"".concat(this.descriptiveId,"-content"),class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"4efe686cc2dff3077ea3efed7a52c79c3b8c090a",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"2da0cd85883d2e850d65e0682c391079bcce2001",name:"action-arrow-down",color:n==="default"?"lt-blue-800":"".concat(n,"-800"),margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"dd67482dc47bb4b23d8ff7fdbc7f50a09fd7f355",id:"".concat(this.descriptiveId,"-content")},a("duet-visually-hidden",{key:"0f892f87996b79076b9c04e9d66fadbe681cf913"},o),a("slot",{key:"fac36116e1b9128ad398c4cf997d8c0fd3bca795"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"10530ff533c94cb9c85eb23cae9ed3475f3567f2",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"06e77a909ef86b0ae2e83e818e88c75b8caa9969",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"65f541e6bf54abcfa91757571cffb18013188c39",class:"duet-alert-dismiss"},a("duet-button",{key:"a2e00a7f2d07d04bf388544893ddb56d332c8929",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",color:n==="default"?"lt-blue-800":"".concat(n,"-800"),theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());g.style=m}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,c as o,h as e,H as i,g as a}from"./p-63045d0e.js";import{i as n}from"./p-08f35dcb.js";import{c as s}from"./p-5e59e970.js";import{d as r}from"./p-9e371678.js";import{i as d}from"./p-a45e3f8b.js";import{g as u,c,d as h}from"./p-b25490a8.js";import{c as b,g as l,s as p}from"./p-80bf7a6d.js";import"./p-9c3c64b9.js";import"./p-17efced0.js";const m=class{constructor(e){t(this,e),this.duetActionEvent=o(this,"duetActionEvent",6),this.listId=s("duet-action-button"),this.emitPageEvent=r((t=>{this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionId,name:this.actionName,meta:this.actionMeta,id:this.listId})})),this.numbersStore="",this.theme="",this.iconName="action-arrow-left-small",this.iconColor="currentColor",this.iconSize="xx-small",this.actionName=void 0,this.actionId=void 0,this.actionMeta=void 0,this.disabled=!1,this.color="",this.background="",this.accessibleTitle=!0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"},this.accessibleLabel=u(this.accessibleLabelsDefaults),this.accessibleControls="",this.url=void 0}async onKeyboardDown(t){d(t)&&this.emitPageEvent(t)}getTitle(){return"string"==typeof this.accessibleTitle?this.accessibleTitle:!0===this.accessibleTitle&&this.actionName?b(`${this.actionName}`):null}async onMouseHandler(t){t.preventDefault(),this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta})}componentWillLoad(){n(this)}connectedCallback(){c(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){h(this)}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){const t="currentColor"===this.color?"currentColor":l(this.color,this.theme),o=l(this.background,this.theme),a=o?p(o,-.1):o,n=o?`\n button.duet-action-button {\n background: ${o} !important;\n }\n button.duet-action-button:not(:disabled):hover {\n background: ${a} !important;\n }\n `:"",s={ref:t=>this.nativeButton=t,part:"button",style:{color:t,"border-color":l(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"},disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:{"duet-action-button":!0,"duet-action-button--disabled":this.disabled,[`duet-action-button--${this.theme}`]:""!==this.theme,"duet-theme-turva":"turva"===this.theme}};return e(i,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:t=>this.onKeyboardDown(t)},e("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:n}),this.url&&!this.disabled?e("a",Object.assign({},s,{href:this.url}),e("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):e("button",Object.assign({},s,{onClick:t=>this.onMouseHandler(t)}),e("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),e("duet-visually-hidden",null,e("slot",null))))}get element(){return a(this)}};m.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:focus{box-shadow:0 0 0 2px #172a3b !important}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important;box-shadow:none}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:disabled{color:#7891a4;background:#f5f6f7}";export{m as duet_action_button}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-8fb46b02.system.js","./p-57941503.system.js"],(function(e){"use strict";var t,i,a,l,d;return{setters:[function(e){t=e.r;i=e.h;a=e.H;l=e.g},function(e){d=e.i}],execute:function(){var s=".duet-overlay{position:fixed;top:0;left:0;display:block;width:100%;height:100%;visibility:visible;background:rgb(8, 42, 77);opacity:0.3}.duet-overlay.duet-theme-turva{background:rgb(23, 28, 58)}.duet-overlay.keep-stacking-context{position:absolute;top:unset;left:unset;z-index:unset !important}.duet-overlay.modal-overlay{z-index:-1}.duet-overlay.hidden{visibility:hidden;opacity:0}.duet-overlay.dark{opacity:0.85}.duet-overlay.white{background:rgb(255, 255, 255);opacity:0.9}.duet-overlay.white.duet-theme-turva{background:rgb(255, 255, 255)}.duet-overlay.display-x-small{display:none}@media (max-width: 35.9375em){.duet-overlay.display-x-small{display:block}}.duet-overlay.display-x-small.not{display:block}@media (max-width: 35.9375em){.duet-overlay.display-x-small.not{display:none}}.duet-overlay.display-small{display:none}@media (min-width: 36em){.duet-overlay.display-small{display:block}}.duet-overlay.display-small.not{display:block}@media (min-width: 36em){.duet-overlay.display-small.not{display:none}}.duet-overlay.display-medium{display:none}@media (min-width: 48em){.duet-overlay.display-medium{display:block}}.duet-overlay.display-medium.not{display:block}@media (min-width: 48em){.duet-overlay.display-medium.not{display:none}}.duet-overlay.display-large{display:none}@media (min-width: 62em){.duet-overlay.display-large{display:block}}.duet-overlay.display-large.not{display:block}@media (min-width: 62em){.duet-overlay.display-large.not{display:none}}.duet-overlay.transition-slowly{transition:600ms ease}.duet-overlay.transition-quickly{transition:300ms ease}:host(.duet-theme-turva2) .duet-overlay.duet-theme-turva{background:#172a3b}";var o=s;var n=e("duet_overlay",function(){function e(e){var i=this;t(this,e);this.getDisplayBreakpoint=function(){if(i.displayDevice.startsWith("not")){return i.displayDevice.substring(i.displayDevice.indexOf("-")+1)}return i.displayDevice};this.visible=true;this.keepStackingContext=false;this.modalOverlay=false;this.theme="";this.displayDevice="all";this.transition="slowly";this.zIndex="400";this.variation="default"}e.prototype.componentWillLoad=function(){d(this)};e.prototype.render=function(){var e;return i(a,{key:"5e3e90d9cc500a686dc0a5a0d1437af1404b2bc0","aria-hidden":"true"},i("div",{key:"f61a112560e9a09393cd1f092201fe39b992b460",style:{zIndex:this.zIndex},class:(e={"duet-overlay":true,"duet-theme-turva":this.theme==="turva","keep-stacking-context":this.keepStackingContext},e["transition-".concat(this.transition)]=this.transition!=="immediate",e["display-x-small"]=this.getDisplayBreakpoint()==="x-small",e["display-small"]=this.getDisplayBreakpoint()==="small",e["display-medium"]=this.getDisplayBreakpoint()==="medium",e["display-large"]=this.getDisplayBreakpoint()==="large",e.not=this.displayDevice.startsWith("not"),e.hidden=!this.visible,e[this.variation]=true,e)}))};Object.defineProperty(e.prototype,"element",{get:function(){return l(this)},enumerable:false,configurable:true});return e}());n.style=o}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,r,i){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,a){function n(t){try{u(i.next(t))}catch(t){a(t)}}function d(t){try{u(i["throw"](t))}catch(t){a(t)}}function u(t){t.done?r(t.value):o(t.value).then(n,d)}u((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,o,a,n;return n={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function d(t){return function(e){return u([t,e])}}function u(d){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,d[0]&&(r=0)),r)try{if(i=1,o&&(a=d[0]&2?o["return"]:d[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,d[1])).done)return a;if(o=0,a)d=[d[0]&2,a.value];switch(d[0]){case 0:case 1:a=d;break;case 4:r.label++;return{value:d[1],done:false};case 5:r.label++;o=d[1];d=[0];continue;case 7:d=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(d[0]===6||d[0]===2)){r=0;continue}if(d[0]===3&&(!a||d[1]>a[0]&&d[1]<a[3])){r.label=d[1];break}if(d[0]===6&&r.label<a[1]){r.label=a[1];a=d;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(d);break}if(a[2])r.ops.pop();r.trys.pop();continue}d=e.call(t,r)}catch(t){d=[6,t];o=0}finally{i=a=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* Built with Duet Design System
|
|
4
|
+
*/System.register(["./p-8fb46b02.system.js","./p-57941503.system.js","./p-752fa0fc.system.js","./p-db398834.system.js","./p-0c4bbd65.system.js","./p-98636086.system.js"],(function(t){"use strict";var e,r,i,o,a,n,d,u,s,c,h;return{setters:[function(t){e=t.r;r=t.h;i=t.g},function(t){o=t.i},function(t){a=t.s;n=t.u},function(t){d=t.a;u=t.g;s=t.c;c=t.d},function(t){h=t.a},function(){}],execute:function(){var l="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:8px;border-top-right-radius:8px}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.duet-notification.duet-theme-turva{color:rgb(23, 28, 58);border-bottom-color:rgb(222, 224, 228)}.duet-notification.duet-notification-highlight{font-weight:600}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(245, 247, 250)}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}.duet-notification:hover.duet-theme-turva{background:rgb(245, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:rgb(113, 118, 132)}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}:host(.duet-theme-turva2) .duet-notification.duet-theme-turva{color:#172a3b;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-notification.duet-notification-highlight.duet-theme-turva{background:#fdf7f2}:host(.duet-theme-turva2) .duet-notification-badge.duet-theme-turva{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-notification:hover.duet-theme-turva{background:#fdf7f2}}";var f=l;var b=t("duet_notification",function(){function t(t){e(this,t);this.language=d();this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"};this.accessibleLabelUnread=u(this.accessibleLabelUnreadDefaults,this.language);this.url="#";this.date="";this.highlight=false;this.external=false;this.theme=""}t.prototype.componentWillLoad=function(){o(this)};t.prototype.connectedCallback=function(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"});a(this)};t.prototype.disconnectedCallback=function(){c(this);n(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.linkElement.focus(t);return[2]}))}))};t.prototype.render=function(){var t=this;return r("div",{key:"d277f46ce75b675a1b2dc80863ab5c6e79608d77",role:"listitem",class:{"duet-notification":true,"duet-notification-highlight":this.highlight,"duet-theme-turva":this.theme==="turva"}},r("a",{key:"64c9209bdab15027121f6c52ef86327ce415f685",ref:function(e){return t.linkElement=e},href:this.url,target:this.external?"_blank":"_self"},r("div",{key:"9fa32762c6c1805a3c15d1a57f5882c82d36607d",class:"duet-notification-container"},r("div",{key:"80bb71a20d0c3f7c23d455758025b080e128ca35",class:"duet-indicator-container"},this.highlight&&r("duet-indicator",{key:"4ea88060a28ed5abad5ff09dbf9fcdbab758bdf9",variation:"new","accessible-label":this.accessibleLabelUnread})),r("div",{key:"b3c53a5318b7dae17185948ba480ee2665e8f67e",class:"duet-notification-content"},r("slot",{key:"88463f9aeca48107382f18f377132015ef037115"})),r("div",{key:"cac28a3e91a692ae7ad32bdb95768b1c39141c54",class:"duet-notification-date"},this.date))))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());b.style=f;var g='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(8, 42, 77);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0;-webkit-appearance:none;appearance:none}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{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);background-color:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(113, 118, 132)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-drawer-toggle::after{background:rgb(198, 12, 48)}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(113, 118, 132);border-color:rgb(245, 247, 250)}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-drawer-content{position:absolute;top:100%;z-index:600;display:block;width:450px;max-height:420px;padding-left:0;overflow-y:auto;visibility:hidden;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle::after{background:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true],:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:#8c001e;border-color:#f5f6f7}';var p=g;var m=27;var w=t("duet_notification_drawer",function(){function t(t){var r=this;e(this,t);this.handleKeyDown=function(t){if(r.isOpen&&t.keyCode===m){r.close()}};this.toggleMenu=function(t){t.stopPropagation();r.isOpen?r.close():r.open()};this.updateNotificationState=function(){r.hasNotifications=r.element.children.length>0};this.isOpen=false;this.hasNotifications=undefined;this.icon="";this.label="Label";this.language=d();this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"};this.accessibleLabelNotifications=u(this.accessibleLabelNotificationsDefaults);this.badge=false;this.theme="";this.direction="left"}t.prototype.componentWillLoad=function(){o(this);this.updateNotificationState()};t.prototype.connectedCallback=function(){this.observer=new MutationObserver(this.updateNotificationState);this.observer.observe(this.element,{childList:true});a(this)};t.prototype.disconnectedCallback=function(){this.observer.disconnect();this.observer=null;n(this)};t.prototype.handleClickFocusOutside=function(t){var e=t.target;if(this.isOpen&&!this.element.contains(e)){this.close(false)}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.drawerButtonEl.focus(t);return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.element.closest("duet-header");if(t){t.closeMenus()}this.isOpen=true;this.drawerContentEl.scrollTop=0;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=true}return __generator(this,(function(e){this.isOpen=false;if(t){this.setFocus({preventScroll:true})}return[2]}))}))};t.prototype.render=function(){var t=this;return r("div",{key:"469b8f1022a88519a9f0aa400d56641c29e11b88",class:{"duet-drawer":true,"duet-theme-turva":this.theme==="turva"},onKeyDown:this.handleKeyDown},r("button",{key:"00b263a2e4980db5c31e03994c347871b024b588",ref:function(e){return t.drawerButtonEl=e},type:"button",class:"duet-drawer-toggle",id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&r("div",{key:"2cde7596baa2aa3ab9465213d5e5b500c33310f3",class:"duet-drawer-icon"},r("duet-icon",{key:"220c78141beee80d57077b270e8521b633128201",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&r("duet-indicator",{key:"25ccfdf0643a4e7d41a36479cf43dc94db12df4f",variation:"change"})),r("span",{key:"9b416e1ddcbc0acaab40f5c8bc6c5f9885037c8f",class:"duet-drawer-label"},this.label),r("div",{key:"157c0eeaf53edadea7ee8f8c6f4a526d055960ac",class:"duet-drawer-caret"},r("duet-icon",{key:"8f0e4deafa0f3550173266e0934dae7fb2dfcc99",margin:"none",size:"auto",icon:h.svg,color:"currentColor"}))),r("div",{key:"e77866382b60d4c6bdf4d2526f9913a333e563b8",id:"duet-drawer-content",class:{"duet-drawer-content":true,"duet-drawer-right":this.direction==="right","duet-drawer-left":this.direction==="left","duet-drawer-open":this.isOpen},ref:function(e){return t.drawerContentEl=e}},this.hasNotifications?r("div",{role:"list"},r("slot",null)):r("duet-empty-state",{size:"small"},r("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());w.style=p}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-8fb46b02.system.js","./p-57941503.system.js","./p-e6b5a1c7.system.js","./p-db398834.system.js","./p-98636086.system.js"],(function(e){"use strict";var r,s,t,a,o,i,n,u,d;return{setters:[function(e){r=e.r;s=e.h;t=e.H;a=e.g},function(e){o=e.i},function(e){i=e.c},function(e){n=e.g;u=e.c;d=e.d},function(){}],execute:function(){var p="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(240, 247, 250);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(255, 241, 241)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(240, 247, 250);border-radius:0}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(240, 247, 250)}.duet-progress.duet-theme-turva progress[value]{color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(255, 241, 241)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value] ::-moz-progress-bar{background-color:rgb(255, 241, 241)}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar{background-color:#fdf7f2}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar>span{background-color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]{color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:#fdf7f2}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-moz-progress-bar{background-color:#fdf7f2}";var g=p;var b=e("duet_progress",function(){function e(e){r(this,e);this.progressId=i("DuetProgress");this.progressLabelId=i("DuetProgressLabel");this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabel=undefined;this.accessibleLabelUploadDefaults={fi:["lähetys valmis","lähetys käynnissä"],sv:["Uppladdningen är klar","Uppladdning pågår"],en:["upload completed","upload in progress"]};this.accessibleLabelUpload=n(this.accessibleLabelUploadDefaults);this.progress=0;this.caption=undefined;this.height="10px";this.theme=""}e.prototype.componentWillLoad=function(){o(this)};e.prototype.connectedCallback=function(){u(this,{prop:"accessibleLabelUpload",defaults:"accessibleLabelUploadDefaults"})};e.prototype.disconnectedCallback=function(){d(this)};e.prototype.render=function(){return s(t,null,s("div",{"aria-live":this.accessibleLabel?"polite":"off","aria-hidden":this.accessibleLabel?"false":"true","aria-atomic":"true",style:{height:this.height},id:this.progressId,class:{"duet-progress":true,"duet-progress-done":this.progress===100,"duet-progress-start":this.progress===0,"duet-progress-inprogress":this.progress<99&&this.progress!==0,"duet-theme-turva":this.theme==="turva"}},s("duet-visually-hidden",null,s("label",{htmlFor:this.progressLabelId},s("span",null,this.accessibleLabel,this.progress!==0&&", ".concat(this.accessibleLabelUpload[this.progress<99?1:0])))),this.caption&&s("div",{class:"duet-progress-caption"},s("span",null,this.caption)),s("progress",{id:this.progressLabelId,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:"progressbar",value:this.progress,max:"100","aria-valuemin":"0","aria-valuemax":"100"},s("div",{class:"progress-bar"},s("span",{style:{width:"".concat(this.progress,"%;")}},"Progress: ",this.progress,"%")))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());b.style=g}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
System.register(["./p-8fb46b02.system.js"],(function(e){"use strict";var t,n,a,r;return{setters:[function(e){t=e.r;n=e.h;a=e.H;r=e.g}],execute:function(){var i=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";var o=i;var c=e("duet_visually_hidden",function(){function e(e){t(this,e)}e.prototype.render=function(){return n(a,{key:"0cde507e2a8a8ec27d6865d26a1647a6a0817ec0",class:"duet-visually-hidden"},n("slot",{key:"fb334f7b1a33c43cfba9cdc8410ce829a7865f49"}))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());c.style=o}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-8fb46b02.system.js"],(function(t){"use strict";var n;return{setters:[function(t){n=t.h}],execute:function(){var e=t("f",(function(t){if("setFocus"in t){t.setFocus()}else{t.focus()}}));var u=t("F",(function(t){var u=t.moveFocusTo;return n("div",{class:"duet-focus-guard","aria-hidden":"true",tabIndex:0,onFocus:function(){return e(u)}})}))}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,h as i,H as e,g as n}from"./p-63045d0e.js";import{i as d}from"./p-08f35dcb.js";const r=class{constructor(i){t(this,i),this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.rowReverse=!1,this.alignment="top",this.distribution="default",this.mobile="",this.gridTemplate=null}outerHeight(t){const i=t.offsetHeight,e=window.getComputedStyle(t);return parseInt(e.marginTop)+i+parseInt(e.marginBottom)}debounceWindowResizeHandler(){}async connectedCallback(){this.childObserver=new MutationObserver(this.updateGridItems.bind(this)),this.childObserver.observe(this.element,{childList:!0}),"form_distribute"===this.alignment&&(this.formDistributeObserver=new MutationObserver(this.updateGridItemsWithInputFields.bind(this)),this.formDistributeObserver.observe(this.element,{subtree:!0,childList:!0,characterData:!0}),window.addEventListener("resize",this.debounceWindowResizeHandler),this.updateGridItemsWithInputFields()),this.updateGridItems()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0),this.formDistributeObserver&&(this.formDistributeObserver.disconnect(),this.formDistributeObserver=void 0),window.removeEventListener("resize",this.debounceWindowResizeHandler)}getDirectChildren(){return Array.from(this.element.querySelectorAll(":scope > *"))}async updateGridItems(){this.getDirectChildren().filter((t=>"duet-grid-item"===t.tagName.toLowerCase())).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint,t.direction=this.direction,t.rowReverse=this.rowReverse}))}async updateGridItemsWithInputFields(){const t=["duet-button","duet-checkbox","duet-choice","duet-choice-group","duet-combobox","duet-date-picker","duet-fieldset","duet-grid-item","duet-input","duet-multiselect","duet-number-input","duet-phone-input","duet-radio","duet-radio-group","duet-range-slider","duet-select","duet-textarea","duet-toggle"],i=[".duet-checkbox-error",".duet-fieldset-error",".duet-input-error",".duet-multiselect-error",".duet-select-error",".duet-textarea-error"],e=this.getDirectChildren().filter((i=>!!i.querySelector(t.join(","))||t.includes(i.tagName.toLowerCase()))),n=!!window&&"column"===window.getComputedStyle(this.element).flexDirection,d=t=>{var e;return(null==t?void 0:t.querySelector(i.join(",")))||(null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(i.join(",")))},r=t=>d(t.find(d)),a=i=>{var e;const n=d(i);return n||(r(Array.from(i.querySelectorAll(t.join(","))||[]))||r(Array.from((null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelectorAll(t.join(",")))||[])))};let o=0;const l=[];e.forEach((t=>{const i=a(t),e=i?this.outerHeight(i):0;l.push(e)})),o=Math.max(...l),e.forEach((t=>{const i=a(t),e=i?this.outerHeight(i):0;e<o&&!n?t.setAttribute("style",`padding-bottom: ${o-e}px;`):(e===o||n)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(e,{class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form_distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-x-small":"x-small"===this.breakpoint,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-large":"large"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint,"duet-grid-row-reverse":this.rowReverse,["duet-grid-variation-"+(this.gridTemplate?"grid":"flex")]:!0,[`duet-grid-template-${this.gridTemplate}`]:!0}},i("slot",null))}get element(){return n(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}}};r.style=":host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host(.duet-grid-variation-flex) {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n justify-content: flex-start !important;\n width: 100%;\n max-width: 100%;\n height: auto;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: row !important;\n}\n@media (max-width: 22.5em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-wrap) {\n flex-wrap: wrap !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking) {\n flex-direction: row !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking) {\n align-items: center !important;\n}\n\n.duet-grid-align-stretch.duet-no-stacking {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking) {\n align-items: baseline !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small) {\n align-items: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small) {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small) {\n align-items: baseline !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large) {\n align-items: baseline !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-left) {\n justify-content: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-right) {\n justify-content: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-center) {\n justify-content: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-between) {\n justify-content: space-between !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-around) {\n justify-content: space-around !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-evenly) {\n justify-content: space-evenly !important;\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-left) {\n align-items: flex-start !important;\n justify-content: flex-start !important;\n text-align: left !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) {\n align-items: center !important;\n justify-content: center !important;\n text-align: center !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) * {\n text-align: center !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) {\n align-items: flex-end !important;\n justify-content: flex-end !important;\n text-align: right !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) * {\n text-align: right !important;\n }\n}\n\n:host(.duet-grid-variation-grid) {\n display: grid;\n grid-template-rows: repeat(1, 1fr);\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n align-items: flex-start;\n justify-content: center;\n padding: 0 20px;\n container-type: inline-size;\n overflow-x: clip;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid) {\n gap: 24px;\n padding: 0 40px;\n }\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(8, 55px);\n gap: 24px 32px;\n padding: 0;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n padding: 0 64px;\n }\n}\n@media (min-width: 76.25em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, 55px);\n gap: 40px;\n padding: 0;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 3/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 2/span 10;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 12;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 5/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 6;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 5/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 7/span 6;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 5/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: minmax(0, 1fr);\n gap: 12px;\n padding: 0;\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n gap: 16px;\n }\n}\n@container (min-width: 664px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n /* stylelint-enable */\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@container (min-width: 1100px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n /* stylelint-enable */\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}";const a=class{constructor(i){t(this,i),this.fill=!1,this.maxWidth=void 0,this.minWidth=void 0,this.theme="",this.margin="auto",this.responsive=!1,this.direction="horizontal",this.breakpoint="small",this.rowReverse=!1}componentWillLoad(){d(this)}render(){return i(e,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-row-reverse":this.rowReverse,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-item-br-x-small":"x-small"===this.breakpoint,"duet-grid-item-br-small":"small"===this.breakpoint,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-large":"large"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}},i("slot",null))}};a.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-of-type){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-child){padding-right:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-child){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-child){padding-left:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-of-type){padding-left:0}@media (max-width: 35.9375em){:host(.duet-grid-item-responsive){width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-br-medium){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-responsive.duet-grid-item-br-medium){padding-right:0;padding-left:0}}@media screen and (max-width: 64em){:host(.duet-grid-item-br-x-large){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){:host(.duet-grid-item-responsive.duet-grid-item-br-x-large){padding-right:0;padding-left:0}}:host(.duet-grid-item-fill){flex:1 1 auto;width:100%}:host(.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)}:host(.duet-m-0){padding:0 !important;margin:0 !important}:host(.duet-theme-turva2.duet-theme-turva){color:#172a3b}';export{r as duet_grid,a as duet_grid_item}
|
|
@@ -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,H as s,g as o}from"./p-c4a1cfd6.js";import{q as a}from"./p-17efced0.js";import{o as n,f as r,s as h,c as p,b as u}from"./p-81287261.js";import{i as d}from"./p-d9cafc77.js";import{f as c}from"./p-5e658b40.js";import{c as l,f as m,b,o as f}from"./p-a45e3f8b.js";import{a as g}from"./p-75a66b82.js";import{T as v}from"./p-8cb0e6bd.js";import{a as x}from"./p-f11208c3.js";import"./p-9c3c64b9.js";const y=class{constructor(i){t(this,i),this.duetToggle=e(this,"duetToggle",7),this.filterLabel={en:"Filter menu",fi:"Suodata valikkoa",sv:"Filtrera meny"},this.filterResultCountLabel={en:"items match filter",fi:"kohtaa vastaa suodatinta",sv:"menyalternativ matchar filtret"},this.setOpenButton=t=>{if(t)try{const e=t;e.accessiblePopup="true",e.accessibleExpanded=!1,this.controllerIcon&&e.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=e}catch(t){}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[n({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&r(),h({padding:5})].filter(Boolean),e=await p(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=e.y,this.menuX=e.x},this.getNonFilteredItems=()=>this.showFilterInput?this.itemElements.filter((t=>"none"!==t.style.display)):this.itemElements,this.filterItems=()=>{var t;const e=null===(t=this.filterInput.value)||void 0===t?void 0:t.toLocaleLowerCase(),i=this.itemElements;i.forEach((t=>{var i;t.style.display=!e||t.textContent.toLowerCase().includes(e)||(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(e))?"":"none"})),this.filterResultCount=i.filter((t=>"none"!==t.style.display)).length},this.handleKeyDownOnFilter=t=>{var e;l(t)&&(null===(e=this.getNonFilteredItems()[0])||void 0===e||e.setFocus())},this.open=!1,this.menuY=void 0,this.menuX=void 0,this.filterResultCount=void 0,this.language=g(),this.accessibleLabel=void 0,this.accessibleRole="menu",this.theme="",this.skipTeleport=void 0,this.placement="bottom-start",this.forcePlacement=!1,this.allowVerticalFlip=!0,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0,this.controllerIcon="action-arrow-down-small",this.scrollLimit=void 0,this.showFilterInput=void 0}get controller(){return this._controller}set controller(t){this._controller!==t&&(this._controller=t,"string"==typeof t?(this.setOpenButton(document.getElementById(t)),this.openButton&&this.openButton.addEventListener("click",this.openButtonEventListener)):this.setOpenButton(t))}get opener(){return this._controller}set opener(t){this.controller=t}componentWillLoad(){d(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.teleport||(this.teleport=new v(this.element)),this.teleport&&this.teleport.activate()}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.openButton&&(this.openButton.removeEventListener("click",this.openButtonEventListener),this.controllerIcon&&this.openButton.removeAttribute("trailing-icon"))}handleKeyUp(t){this.open&&m(t)&&this.hide()}async handleKeyDown(t){const e=this.getNonFilteredItems();if(this.open){if(l(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<e.length-1?e[i+1].setFocus():e[0].setFocus())}if(b(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.showFilterInput?this.filterInput.setFocus():e[e.length-1].setFocus():e[i-1].setFocus())}f(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const e=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&e&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.open=!1}async toggle(){this.open?this.hide():this.show()}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){const t={ancestorScroll:!this.forcePlacement};this.openButton&&(this.openButton.accessibleExpanded=!0),"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=u(this.openButton,this.menuElement,this.updatePlacement,t)),this.showFilterInput&&(this.filterInput.value="",this.filterItems()),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)}else!this.open&&e&&(this.openButton&&(this.openButton.accessibleExpanded=!1),this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&c(this.openButton),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),"listbox"!==this.accessibleRole&&this.teleport.removeInertFromSiblings()}),200))}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}getAllPrecedingMatchingSiblings(t,e){const i=t.previousElementSibling;if(i){const t=this.getAllPrecedingMatchingSiblings(i,e);return(null==i?void 0:i.matches(e))&&t.push(i),t}return[]}get popupMenuStyleHeight(){var t;const e=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification")).filter((t=>"none"!==t.style.display));if(e.length>0&&this.scrollLimit){const i=e.slice(0,this.scrollLimit-1);return`${i.reduce(((t,e)=>t+e.offsetHeight),0)+((null===(t=this.filterInput)||void 0===t?void 0:t.offsetHeight)||0)+17*this.getAllPrecedingMatchingSiblings(i[i.length-1],"duet-divider").length+2*Number(a.replace("px",""))}px`}return"auto"}async getFocusedItemIndex(){const t=this.getNonFilteredItems();for(let e=0;e<t.length;e++)if(await t[e].isFocused())return e;return-1}render(){return i(s,{key:"8162bd3dcf089f1fbd0890ba90752b8375845e02"},i("div",{key:"a960165406ca70e48975935be91407e196af3acb",ref:t=>{this.menuElement=t},style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme,"scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},this.showFilterInput&&i("div",{key:"41ff2d5c37e1b82432abe9ae940120c4f27c2de7"},i("duet-input",{key:"aeeebdf64aa13db39dc6bb49e9a33a9eddf71171",ref:t=>this.filterInput=t,label:this.filterLabel[this.language],"label-hidden":!0,expand:!0,margin:"none",type:"search",onDuetInput:this.filterItems,onKeyDown:this.handleKeyDownOnFilter}),i("duet-visually-hidden",{key:"22bffb507bc56003ed6df5c58255bba01938e985"},i("span",{key:"2720b44f182bd5590999b37d4ac9157bf3d72a1c",role:"status"},`\n ${this.filterResultCount}/${this.itemElements.length}\n ${this.filterResultCountLabel[this.language]}\n `)),i("duet-spacer",{key:"ab6b1d79410935e50a5c6a15fc5f66d141ee5590",size:"xx-small"})),i("slot",{key:"6265f5a9f3cde710961b4e815da45501016f4056"})))}get element(){return o(this)}static get watchers(){return{open:["handleOpenChange"]}}};y.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}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}slot{--divider-margin:var(--space-x-small, 8px)}:host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva{color:#172a3b !important}";const k=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.focus=!1,this.accessibleLabel=void 0,this.accessibleRole="menuitem",this.theme="",this.url=void 0,this.external=!1,this.targetLanguage=void 0,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1,this.activeDescendant=!1}componentWillLoad(){d(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}async isFocused(){return this.focus}render(){const t=this.url?"a":"button";return i(s,{key:"eade853d9656feba3f1c183a9d496b056b1efab1",role:"menuitem"===this.accessibleRole&&this.isSafariBrowser?null:this.accessibleRole},i(t,{key:"390261bc354ca208b61e9d653478dc2a9d6db956",ref:t=>this.itemElement=t,tabIndex:"listitem"===this.accessibleRole?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"a"===t?"link":"button","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme,"active-descendant":this.activeDescendant},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0,lang:"button"===t?void 0:this.targetLanguage,hreflang:"button"===t?void 0:this.targetLanguage},this.leadingIcon&&i("duet-icon",{key:"0e33f555ecced822df70e017274ef9b2a05806b3",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"7223f5c991169e250db10d39513a14379e8a328c",class:"duet-popup-menu-item-label"},i("slot",{key:"0ef37ea3f2a8246a7fcc4d611cae5792fedc6588"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"c79c060559a1fe3698b321ba3f91a95949cf0320",name:this.url&&this.external?x.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{key:"bef480bed8100c06a5f8acf0e059dab3896f94d5",class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return o(this)}};k.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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;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.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.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-popup-menu-item.active{background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:#fdf7f2}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:#fbebe1}';export{y as duet_popup_menu,k as duet_popup_menu_item}
|
|
4
|
+
import{r as t,c as e,h as i,H as s,g as a}from"./p-63045d0e.js";import{q as o}from"./p-17efced0.js";import{o as n,f as r,s as h,c as p,b as d}from"./p-81287261.js";import{i as u}from"./p-08f35dcb.js";import{f as c}from"./p-ad6ccb39.js";import{c as l,f as m,b,o as f}from"./p-a45e3f8b.js";import{a as g}from"./p-b25490a8.js";import{T as v}from"./p-8cb0e6bd.js";import{a as x}from"./p-f11208c3.js";import"./p-9c3c64b9.js";const y=class{constructor(i){t(this,i),this.duetToggle=e(this,"duetToggle",7),this.filterLabel={en:"Filter menu",fi:"Suodata valikkoa",sv:"Filtrera meny"},this.filterResultCountLabel={en:"items match filter",fi:"kohtaa vastaa suodatinta",sv:"menyalternativ matchar filtret"},this.setOpenButton=t=>{if(t)try{const e=t;e.accessiblePopup="true",e.accessibleExpanded=!1,this.controllerIcon&&e.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=e}catch(t){}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[n({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&r(),h({padding:5})].filter(Boolean),e=await p(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=e.y,this.menuX=e.x},this.getNonFilteredItems=()=>this.showFilterInput?this.itemElements.filter((t=>"none"!==t.style.display)):this.itemElements,this.filterItems=()=>{var t;const e=null===(t=this.filterInput.value)||void 0===t?void 0:t.toLocaleLowerCase(),i=this.itemElements;i.forEach((t=>{var i;t.style.display=!e||t.textContent.toLowerCase().includes(e)||(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(e))?"":"none"})),this.filterResultCount=i.filter((t=>"none"!==t.style.display)).length},this.handleKeyDownOnFilter=t=>{var e;l(t)&&(null===(e=this.getNonFilteredItems()[0])||void 0===e||e.setFocus())},this.open=!1,this.menuY=void 0,this.menuX=void 0,this.filterResultCount=void 0,this.language=g(),this.accessibleLabel=void 0,this.accessibleRole="menu",this.theme="",this.skipTeleport=void 0,this.placement="bottom-start",this.forcePlacement=!1,this.allowVerticalFlip=!0,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0,this.controllerIcon="action-arrow-down-small",this.scrollLimit=void 0,this.showFilterInput=void 0}get controller(){return this._controller}set controller(t){this._controller!==t&&(this._controller=t,"string"==typeof t?(this.setOpenButton(document.getElementById(t)),this.openButton&&this.openButton.addEventListener("click",this.openButtonEventListener)):this.setOpenButton(t))}get opener(){return this._controller}set opener(t){this.controller=t}componentWillLoad(){u(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.teleport||(this.teleport=new v(this.element)),this.teleport&&this.teleport.activate()}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.openButton&&(this.openButton.removeEventListener("click",this.openButtonEventListener),this.controllerIcon&&this.openButton.removeAttribute("trailing-icon"))}handleKeyUp(t){this.open&&m(t)&&this.hide()}async handleKeyDown(t){const e=this.getNonFilteredItems();if(this.open){if(l(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<e.length-1?e[i+1].setFocus():e[0].setFocus())}if(b(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.showFilterInput?this.filterInput.setFocus():e[e.length-1].setFocus():e[i-1].setFocus())}f(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const e=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&e&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.open=!1}async toggle(){this.open?this.hide():this.show()}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){const t={ancestorScroll:!this.forcePlacement};this.openButton&&(this.openButton.accessibleExpanded=!0),"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=d(this.openButton,this.menuElement,this.updatePlacement,t)),this.showFilterInput&&(this.filterInput.value="",this.filterItems()),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)}else!this.open&&e&&(this.openButton&&(this.openButton.accessibleExpanded=!1),this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&c(this.openButton),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),"listbox"!==this.accessibleRole&&this.teleport.removeInertFromSiblings()}),200))}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}getAllPrecedingMatchingSiblings(t,e){const i=t.previousElementSibling;if(i){const t=this.getAllPrecedingMatchingSiblings(i,e);return(null==i?void 0:i.matches(e))&&t.push(i),t}return[]}get popupMenuStyleHeight(){var t;const e=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification")).filter((t=>"none"!==t.style.display));if(e.length>0&&this.scrollLimit){const i=e.slice(0,this.scrollLimit-1);return`${i.reduce(((t,e)=>t+e.offsetHeight),0)+((null===(t=this.filterInput)||void 0===t?void 0:t.offsetHeight)||0)+17*this.getAllPrecedingMatchingSiblings(i[i.length-1],"duet-divider").length+2*Number(o.replace("px",""))}px`}return"auto"}async getFocusedItemIndex(){const t=this.getNonFilteredItems();for(let e=0;e<t.length;e++)if(await t[e].isFocused())return e;return-1}render(){return i(s,{key:"8162bd3dcf089f1fbd0890ba90752b8375845e02"},i("div",{key:"a960165406ca70e48975935be91407e196af3acb",ref:t=>{this.menuElement=t},style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme,"scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},this.showFilterInput&&i("div",{key:"41ff2d5c37e1b82432abe9ae940120c4f27c2de7"},i("duet-input",{key:"aeeebdf64aa13db39dc6bb49e9a33a9eddf71171",ref:t=>this.filterInput=t,label:this.filterLabel[this.language],"label-hidden":!0,expand:!0,margin:"none",type:"search",onDuetInput:this.filterItems,onKeyDown:this.handleKeyDownOnFilter}),i("duet-visually-hidden",{key:"22bffb507bc56003ed6df5c58255bba01938e985"},i("span",{key:"2720b44f182bd5590999b37d4ac9157bf3d72a1c",role:"status"},`\n ${this.filterResultCount}/${this.itemElements.length}\n ${this.filterResultCountLabel[this.language]}\n `)),i("duet-spacer",{key:"ab6b1d79410935e50a5c6a15fc5f66d141ee5590",size:"xx-small"})),i("slot",{key:"6265f5a9f3cde710961b4e815da45501016f4056"})))}get element(){return a(this)}static get watchers(){return{open:["handleOpenChange"]}}};y.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}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}slot{--divider-margin:var(--space-x-small, 8px)}:host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva{color:#172a3b !important}";const k=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.focus=!1,this.accessibleLabel=void 0,this.accessibleRole="menuitem",this.theme="",this.url=void 0,this.external=!1,this.targetLanguage=void 0,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1,this.activeDescendant=!1}componentWillLoad(){u(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}async isFocused(){return this.focus}render(){const t=this.url?"a":"button";return i(s,{key:"d62c7b684bbf98e2ff38ae6303e7aaad03942ff9",role:"menuitem"===this.accessibleRole&&this.isSafariBrowser?null:this.accessibleRole},i(t,{key:"171d91b4a5f612c2b60a7c908ca0da3a0824e2fd",ref:t=>this.itemElement=t,tabIndex:"listitem"===this.accessibleRole?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"a"===t?"link":"button","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme,"active-descendant":this.activeDescendant},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0,lang:"button"===t?void 0:this.targetLanguage,hreflang:"button"===t?void 0:this.targetLanguage},this.leadingIcon&&i("duet-icon",{key:"37db0ce85c42bb23dd33c522a5ebcaa174df58fa",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"8af23f7a78dc25f8d1d05adfdd8dc3bd1d489af8",class:"duet-popup-menu-item-label"},i("slot",{key:"ef86e949a4bacdc7755e6e49f5814d554584a9be"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"e20daf8a4e639ab2369cc9b8f5a1c725480f60ad",name:this.url&&this.external?x.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{key:"e2dd555bf026bf0197428aec002bb0d49f532bb5",class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return a(this)}};k.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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;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.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.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-popup-menu-item.active{background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:#fdf7f2}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:#fbebe1}';export{y as duet_popup_menu,k as duet_popup_menu_item}
|