@duetds/components 9.5.2 → 9.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/hydrate/index.js +263 -217
- package/lib/cjs/{a11y-utils-8e2be21b.js → a11y-utils-285b9770.js} +1 -1
- package/lib/cjs/{app-globals-617d939b.js → app-globals-a643282a.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-alert.cjs.entry.js +16 -16
- package/lib/cjs/duet-badge.cjs.entry.js +3 -3
- package/lib/cjs/duet-banner.cjs.entry.js +4 -4
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +6 -6
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +4 -4
- package/lib/cjs/duet-button_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-callout.cjs.entry.js +4 -4
- package/lib/cjs/duet-caption_4.cjs.entry.js +30 -13
- package/lib/cjs/duet-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-checkmark.cjs.entry.js +3 -3
- package/lib/cjs/duet-chip.cjs.entry.js +3 -3
- package/lib/cjs/duet-choice_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
- package/lib/cjs/duet-combobox.cjs.entry.js +8 -4
- package/lib/cjs/duet-contact-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
- package/lib/cjs/duet-date-picker.cjs.entry.js +4 -4
- package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +7 -7
- package/lib/cjs/duet-empty-state.cjs.entry.js +3 -3
- package/lib/cjs/duet-fieldset.cjs.entry.js +5 -5
- package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
- package/lib/cjs/duet-footer.cjs.entry.js +7 -7
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-hero.cjs.entry.js +8 -8
- package/lib/cjs/duet-icon.cjs.entry.js +4 -4
- package/lib/cjs/duet-input_2.cjs.entry.js +9 -3
- package/lib/cjs/duet-layout.cjs.entry.js +7 -7
- package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -4
- package/lib/cjs/duet-modal.cjs.entry.js +11 -11
- package/lib/cjs/duet-multiselect.cjs.entry.js +8 -8
- package/lib/cjs/duet-nav.cjs.entry.js +2 -2
- package/lib/cjs/duet-notification_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-number-input.cjs.entry.js +3 -3
- package/lib/cjs/duet-overlay.cjs.entry.js +2 -2
- package/lib/cjs/duet-page-heading.cjs.entry.js +3 -3
- package/lib/cjs/duet-pagination_2.cjs.entry.js +15 -15
- package/lib/cjs/duet-phone-input.cjs.entry.js +9 -3
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +8 -8
- package/lib/cjs/duet-progress.cjs.entry.js +2 -2
- package/lib/cjs/duet-promo-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-radio_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +23 -14
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +2 -2
- package/lib/cjs/duet-shaped-image.cjs.entry.js +3 -3
- package/lib/cjs/duet-show-more.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +3 -3
- package/lib/cjs/duet-slideout-link.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +10 -10
- package/lib/cjs/duet-slideout.cjs.entry.js +9 -9
- package/lib/cjs/duet-status-icon.cjs.entry.js +8 -8
- package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +5 -5
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +6 -6
- package/lib/cjs/duet-textarea.cjs.entry.js +3 -3
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar.cjs.entry.js +3 -3
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-tooltip.cjs.entry.js +2 -2
- package/lib/cjs/duet-tray.cjs.entry.js +4 -4
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +5 -5
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-a69cd631.js → errorcodes.utils-ffbb3f35.js} +1 -1
- package/lib/cjs/{focus-utils-2a54eb7a.js → focus-utils-2f1ec06b.js} +1 -1
- package/lib/cjs/{index-206506a2.js → index-850a7759.js} +6 -6
- package/lib/cjs/{language-utils-6754f426.js → language-utils-030e2133.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-aa13b3a0.js → slot-utils-84ad3d6c.js} +1 -1
- package/lib/cjs/{teleport-c6f8391a.js → teleport-c0eede18.js} +2 -2
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
- package/lib/collection/components/duet-alert/duet-alert.css +72 -27
- package/lib/collection/components/duet-alert/duet-alert.js +37 -16
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-banner/duet-banner.js +3 -3
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-button/duet-button.js +10 -10
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-caption/duet-caption.js +3 -3
- package/lib/collection/components/duet-card/duet-card.js +6 -6
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-chip/duet-chip.js +7 -7
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +5 -5
- package/lib/collection/components/duet-combobox/duet-combobox.js +8 -4
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +2 -2
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
- package/lib/collection/components/duet-divider/duet-divider.js +2 -2
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +3 -3
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +2 -2
- package/lib/collection/components/duet-footer/duet-footer.js +11 -11
- package/lib/collection/components/duet-grid/duet-grid.js +3 -3
- package/lib/collection/components/duet-header/duet-header.js +15 -15
- package/lib/collection/components/duet-heading/duet-heading.js +3 -3
- package/lib/collection/components/duet-hero/duet-hero.js +10 -10
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-input/duet-input.js +36 -8
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +6 -6
- package/lib/collection/components/duet-link/duet-link.js +25 -4
- package/lib/collection/components/duet-list/duet-list.js +4 -4
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.js +2 -2
- 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 +10 -10
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +11 -11
- package/lib/collection/components/duet-nav/duet-nav.js +1 -1
- package/lib/collection/components/duet-notification/duet-notification.js +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +3 -3
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-overlay/duet-overlay.js +2 -2
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +13 -13
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +5 -5
- package/lib/collection/components/duet-phone-input/duet-phone-input.js +32 -4
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +3 -3
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +4 -4
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +3 -3
- package/lib/collection/components/duet-scrollable/duet-scrollable.css +4 -1
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +30 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-show-more/duet-show-more.js +3 -3
- package/lib/collection/components/duet-slideout/duet-slideout.js +5 -5
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +3 -3
- package/lib/collection/components/duet-spinner/duet-spinner.js +3 -3
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +7 -7
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +2 -2
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab-group/duet-tab-group.css +57 -1
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +56 -9
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
- package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +16 -16
- 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 +4 -4
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/collection/utils/teleport.js +2 -2
- 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 +5 -5
- package/lib/dist-custom-elements/duet-breadcrumb.js +7 -7
- package/lib/dist-custom-elements/duet-breadcrumbs.js +3 -3
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +4 -4
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +6 -6
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-checkmark.js +1 -1
- package/lib/dist-custom-elements/duet-chip.js +1 -1
- package/lib/dist-custom-elements/duet-choice-group.js +8 -8
- package/lib/dist-custom-elements/duet-choice.js +4 -4
- package/lib/dist-custom-elements/duet-collapsible.js +5 -5
- package/lib/dist-custom-elements/duet-combobox.js +20 -16
- package/lib/dist-custom-elements/duet-contact-card.js +10 -10
- package/lib/dist-custom-elements/duet-cookie-consent.js +7 -7
- 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 +3 -3
- package/lib/dist-custom-elements/duet-footer.js +11 -11
- 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 +8 -8
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +14 -14
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-label.js +1 -1
- package/lib/dist-custom-elements/duet-layout.js +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 +4 -4
- package/lib/dist-custom-elements/duet-modal.js +15 -15
- package/lib/dist-custom-elements/duet-multiselect.js +14 -14
- package/lib/dist-custom-elements/duet-nav.js +2 -2
- package/lib/dist-custom-elements/duet-notification-drawer.js +6 -6
- package/lib/dist-custom-elements/duet-notification.js +4 -4
- package/lib/dist-custom-elements/duet-number-input.js +11 -11
- package/lib/dist-custom-elements/duet-overlay.js +1 -1
- package/lib/dist-custom-elements/duet-page-heading.js +5 -5
- package/lib/dist-custom-elements/duet-pagination.js +24 -24
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-phone-input.js +23 -16
- 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 +5 -5
- package/lib/dist-custom-elements/duet-radio-group.js +8 -8
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +2 -2
- package/lib/dist-custom-elements/duet-range-stepper.js +6 -6
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +4 -4
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-shaped-image.js +3 -3
- package/lib/dist-custom-elements/duet-show-more.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-lang.js +3 -3
- package/lib/dist-custom-elements/duet-slideout-link.js +4 -4
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-slideout-panel.js +8 -8
- package/lib/dist-custom-elements/duet-slideout.js +8 -8
- package/lib/dist-custom-elements/duet-spacer.js +1 -1
- package/lib/dist-custom-elements/duet-spinner.js +1 -1
- package/lib/dist-custom-elements/duet-status-icon.js +1 -103
- 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 +8 -8
- package/lib/dist-custom-elements/duet-tab-group.js +21 -12
- package/lib/dist-custom-elements/duet-tab.js +1 -1
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +10 -10
- package/lib/dist-custom-elements/duet-toggle.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-toolbar-item.js +5 -5
- 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 +42 -36
- 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-6f36f4f3.js → p-0e2c29a0.js} +5 -5
- package/lib/dist-custom-elements/{p-519df228.js → p-0e3a8465.js} +3 -3
- package/lib/dist-custom-elements/{p-accb4fa9.js → p-1399c239.js} +9 -9
- package/lib/dist-custom-elements/{p-fba92a7b.js → p-17b1f88c.js} +7 -7
- package/lib/dist-custom-elements/{p-79957fa3.js → p-19a2d36f.js} +1 -1
- package/lib/dist-custom-elements/{p-8882b67b.js → p-1ee62209.js} +5 -5
- package/lib/dist-custom-elements/{p-6888c8d6.js → p-246a45c5.js} +3 -3
- package/lib/dist-custom-elements/{p-9f5cc4e3.js → p-24de14ac.js} +3 -3
- package/lib/dist-custom-elements/{p-935c69ca.js → p-2a7b9c7c.js} +4 -4
- package/lib/dist-custom-elements/{p-a317fac9.js → p-2cdc1b0d.js} +2 -2
- package/lib/dist-custom-elements/{p-2bb0877f.js → p-4e00e010.js} +2 -2
- package/lib/dist-custom-elements/{p-a571ab43.js → p-5554d38b.js} +3 -3
- package/lib/dist-custom-elements/{p-495fa25d.js → p-670555eb.js} +1 -1
- package/lib/dist-custom-elements/p-71d24b1e.js +213 -0
- package/lib/dist-custom-elements/{p-d3f39f5e.js → p-744611d2.js} +8 -8
- package/lib/dist-custom-elements/{p-dbea5087.js → p-7a5af4ef.js} +1 -1
- package/lib/dist-custom-elements/{p-9126e8a2.js → p-7da00182.js} +6 -6
- package/lib/dist-custom-elements/p-83dee022.js +108 -0
- package/lib/dist-custom-elements/{p-53b3bd2d.js → p-84a626a1.js} +3 -3
- package/lib/dist-custom-elements/{p-ec26aeea.js → p-859504c9.js} +3 -3
- package/lib/dist-custom-elements/{p-6646e07d.js → p-86431925.js} +2 -2
- package/lib/dist-custom-elements/{p-1cc451fc.js → p-8799d4ad.js} +2 -2
- package/lib/dist-custom-elements/{p-ce7d290f.js → p-88624802.js} +14 -11
- package/lib/dist-custom-elements/{p-6dd74d76.js → p-8aeac44c.js} +2 -2
- package/lib/dist-custom-elements/{p-ca3cb21e.js → p-8cb0e6bd.js} +2 -2
- package/lib/dist-custom-elements/{p-673093b5.js → p-97505489.js} +17 -10
- package/lib/dist-custom-elements/{p-9614cc57.js → p-a202083e.js} +4 -4
- package/lib/dist-custom-elements/{p-b54dea97.js → p-a839bb27.js} +3 -3
- package/lib/dist-custom-elements/{p-69756ccb.js → p-b6a06b4d.js} +1 -1
- package/lib/dist-custom-elements/{p-fd01fff8.js → p-b7e56baf.js} +3 -3
- package/lib/dist-custom-elements/{p-1b7f952f.js → p-c084f5f2.js} +2 -2
- package/lib/dist-custom-elements/{p-320da2a2.js → p-c18fe324.js} +3 -3
- package/lib/dist-custom-elements/{p-1a4430e2.js → p-c45170b0.js} +2 -2
- package/lib/dist-custom-elements/{p-c3d01088.js → p-ca4970b2.js} +15 -15
- package/lib/dist-custom-elements/{p-38cb34bf.js → p-cfa9907a.js} +25 -5
- package/lib/dist-custom-elements/{p-aedaa6be.js → p-dd76e32c.js} +2 -2
- package/lib/dist-custom-elements/{p-136dc3af.js → p-dff748c3.js} +4 -4
- package/lib/dist-custom-elements/{p-ef2dcc5a.js → p-e2468742.js} +4 -4
- package/lib/dist-custom-elements/{p-5a892951.js → p-e88ea44e.js} +12 -12
- package/lib/dist-custom-elements/{p-f7a60dd8.js → p-eff24429.js} +3 -3
- package/lib/dist-custom-elements/{p-1f86efd7.js → p-f22589a4.js} +3 -3
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-8e40c17e.entry.js → p-00213276.entry.js} +1 -1
- package/lib/duet/{p-12b625a8.entry.js → p-01d7ac55.entry.js} +1 -1
- package/lib/duet/{p-1428de02.entry.js → p-023fce1f.entry.js} +1 -1
- package/lib/duet/{p-bf039477.system.entry.js → p-07fed22f.system.entry.js} +1 -1
- package/lib/duet/{p-38487de7.system.entry.js → p-08a47466.system.entry.js} +1 -1
- package/lib/duet/{p-6c6981db.system.entry.js → p-0a11226b.system.entry.js} +1 -1
- package/lib/duet/{p-6d1f93c1.entry.js → p-0a912734.entry.js} +1 -1
- package/lib/duet/{p-70a7f815.entry.js → p-0c5d3a82.entry.js} +1 -1
- package/lib/duet/{p-915e55ec.entry.js → p-0d16c5ae.entry.js} +1 -1
- package/lib/duet/{p-7b5c18ba.system.entry.js → p-0def186e.system.entry.js} +1 -1
- package/lib/duet/{p-9261386e.system.entry.js → p-0e695a6c.system.entry.js} +2 -2
- package/lib/duet/{p-8b353b35.system.entry.js → p-0f087a51.system.entry.js} +2 -2
- package/lib/duet/{p-5c3998b7.entry.js → p-0f568460.entry.js} +1 -1
- package/lib/duet/{p-04dcf198.entry.js → p-13dd00d9.entry.js} +1 -1
- package/lib/duet/{p-4670cbd2.entry.js → p-1585915c.entry.js} +1 -1
- package/lib/duet/{p-5c91da22.entry.js → p-169801e2.entry.js} +1 -1
- package/lib/duet/{p-0c115b39.js → p-1cfacaa0.js} +1 -1
- package/lib/duet/{p-7373389d.entry.js → p-1d1caba8.entry.js} +1 -1
- package/lib/duet/{p-a4650edb.entry.js → p-1df70f01.entry.js} +1 -1
- package/lib/duet/{p-d6f8386e.entry.js → p-1e43f46b.entry.js} +1 -1
- package/lib/duet/{p-31f93fec.system.entry.js → p-1ef91f38.system.entry.js} +1 -1
- package/lib/duet/{p-7c74b0a5.system.entry.js → p-20408f45.system.entry.js} +1 -1
- package/lib/duet/{p-3af95762.system.js → p-225d896f.system.js} +1 -1
- package/lib/duet/{p-ea29ebbb.system.entry.js → p-2686c475.system.entry.js} +1 -1
- package/lib/duet/{p-419bca5b.system.entry.js → p-2724434b.system.entry.js} +1 -1
- package/lib/duet/{p-64542862.entry.js → p-27f623da.entry.js} +1 -1
- package/lib/duet/p-295bc09e.entry.js +4 -0
- package/lib/duet/{p-05e3b483.system.entry.js → p-2b04ef5c.system.entry.js} +1 -1
- package/lib/duet/{p-519297ed.system.entry.js → p-2cee1f9b.system.entry.js} +1 -1
- package/lib/duet/{p-225d100c.entry.js → p-2d7bc4a2.entry.js} +1 -1
- package/lib/duet/p-3051dbbb.entry.js +4 -0
- package/lib/duet/{p-013c9fff.entry.js → p-318bab4d.entry.js} +1 -1
- package/lib/duet/{p-b2a64677.system.entry.js → p-31c2bad0.system.entry.js} +1 -1
- package/lib/duet/{p-8594d015.system.entry.js → p-32234cba.system.entry.js} +1 -1
- package/lib/duet/{p-7e0e5b92.entry.js → p-33ffb428.entry.js} +1 -1
- package/lib/duet/{p-68ab87cc.entry.js → p-36a99082.entry.js} +1 -1
- package/lib/duet/{p-280063be.system.entry.js → p-36afe6cb.system.entry.js} +1 -1
- package/lib/duet/{p-fc4861d9.system.entry.js → p-36de2705.system.entry.js} +1 -1
- package/lib/duet/{p-8bed7caf.entry.js → p-3853498e.entry.js} +1 -1
- package/lib/duet/{p-8c2bc346.system.entry.js → p-3977bdb1.system.entry.js} +1 -1
- package/lib/duet/{p-277c4782.entry.js → p-39c01a70.entry.js} +1 -1
- package/lib/duet/{p-580d4d53.entry.js → p-3b1aa036.entry.js} +1 -1
- package/lib/duet/{p-580978f0.system.entry.js → p-3eae7e96.system.entry.js} +1 -1
- package/lib/duet/{p-8741bd70.entry.js → p-3ec00c51.entry.js} +1 -1
- package/lib/duet/{p-031f13b0.system.entry.js → p-3fbbc8f3.system.entry.js} +1 -1
- package/lib/duet/{p-78b02eb3.system.entry.js → p-409e717a.system.entry.js} +1 -1
- package/lib/duet/{p-53d7ea2c.entry.js → p-40efa103.entry.js} +1 -1
- package/lib/duet/{p-226aa2e9.system.entry.js → p-42a9ae6f.system.entry.js} +1 -1
- package/lib/duet/{p-1370b18f.entry.js → p-433a874a.entry.js} +1 -1
- package/lib/duet/p-447b8180.entry.js +4 -0
- package/lib/duet/{p-43cbc2bf.entry.js → p-464f4b7b.entry.js} +1 -1
- package/lib/duet/{p-430404c6.entry.js → p-488c0e3a.entry.js} +1 -1
- package/lib/duet/{p-cf900c12.system.entry.js → p-4ac80ae7.system.entry.js} +1 -1
- package/lib/duet/{p-94179cd5.system.entry.js → p-5153ffb5.system.entry.js} +1 -1
- package/lib/duet/{p-f3c5e966.system.entry.js → p-520b7deb.system.entry.js} +1 -1
- package/lib/duet/{p-759dca5c.system.entry.js → p-52d47015.system.entry.js} +1 -1
- package/lib/duet/{p-5b86d3c0.entry.js → p-5540127f.entry.js} +1 -1
- package/lib/duet/p-575c30ef.system.js +5 -0
- package/lib/duet/{p-b9231b8e.entry.js → p-584d6a6f.entry.js} +1 -1
- package/lib/duet/{p-07f8adab.entry.js → p-59df0c73.entry.js} +1 -1
- package/lib/duet/{p-f36f2f4b.entry.js → p-5b634ed9.entry.js} +1 -1
- package/lib/duet/{p-72809aec.system.js → p-5b87722f.system.js} +1 -1
- package/lib/duet/p-5b9ead99.entry.js +4 -0
- package/lib/duet/{p-c613e449.system.entry.js → p-5cf8adc4.system.entry.js} +1 -1
- package/lib/duet/{p-d693003b.entry.js → p-5ddbca89.entry.js} +1 -1
- package/lib/duet/p-5e7f679b.system.js +4 -0
- package/lib/duet/{p-6270b097.entry.js → p-5ed3cb90.entry.js} +1 -1
- package/lib/duet/{p-0dcc1a8b.system.entry.js → p-5f96e4e5.system.entry.js} +1 -1
- package/lib/duet/{p-827c2a0d.system.entry.js → p-62190c9b.system.entry.js} +1 -1
- package/lib/duet/{p-8acb2a04.entry.js → p-62641202.entry.js} +1 -1
- package/lib/duet/p-646ef587.entry.js +4 -0
- package/lib/duet/{p-4460ee6c.js → p-64f7e70b.js} +1 -1
- package/lib/duet/{p-318498a5.entry.js → p-66018a44.entry.js} +1 -1
- package/lib/duet/{p-fd7ff8da.system.entry.js → p-66909888.system.entry.js} +1 -1
- package/lib/duet/{p-0b986e9b.entry.js → p-67664a30.entry.js} +1 -1
- package/lib/duet/{p-053ef6d1.system.entry.js → p-676e0083.system.entry.js} +1 -1
- package/lib/duet/{p-cb15af71.entry.js → p-6b88e0e0.entry.js} +1 -1
- package/lib/duet/{p-f248e320.system.entry.js → p-6d945a13.system.entry.js} +1 -1
- package/lib/duet/{p-a9f4cfe4.entry.js → p-6dd4a284.entry.js} +1 -1
- package/lib/duet/{p-b86a869b.entry.js → p-715167d0.entry.js} +1 -1
- package/lib/duet/{p-f91f1fc4.system.entry.js → p-74595c7b.system.entry.js} +1 -1
- package/lib/duet/{p-44e4cc6f.entry.js → p-759159df.entry.js} +1 -1
- package/lib/duet/{p-accd2829.system.entry.js → p-76b521c3.system.entry.js} +1 -1
- package/lib/duet/{p-8beb97fe.system.entry.js → p-76bc7f02.system.entry.js} +1 -1
- package/lib/duet/{p-af55cef5.entry.js → p-78029a8c.entry.js} +1 -1
- package/lib/duet/{p-20b0dacc.system.entry.js → p-78a1c944.system.entry.js} +1 -1
- package/lib/duet/{p-c35a3eb6.system.entry.js → p-7af3685e.system.entry.js} +1 -1
- package/lib/duet/{p-d0edb7b9.system.entry.js → p-7f982bc5.system.entry.js} +1 -1
- package/lib/duet/{p-b4151081.system.entry.js → p-7fafcd70.system.entry.js} +1 -1
- package/lib/duet/{p-35950181.entry.js → p-811e587d.entry.js} +1 -1
- package/lib/duet/{p-3c466cd8.entry.js → p-81ac1fb9.entry.js} +1 -1
- package/lib/duet/{p-32ef55ff.system.entry.js → p-834bb95a.system.entry.js} +2 -2
- package/lib/duet/{p-cb5d825f.system.entry.js → p-8870ff92.system.entry.js} +1 -1
- package/lib/duet/{p-b1db69df.entry.js → p-894af6d5.entry.js} +1 -1
- package/lib/duet/{p-a1c6f370.entry.js → p-898a1eb6.entry.js} +1 -1
- package/lib/duet/{p-0fdf67d6.system.entry.js → p-8c475dea.system.entry.js} +1 -1
- package/lib/duet/p-8cb0e6bd.js +4 -0
- package/lib/duet/{p-7ff034b0.system.entry.js → p-8e1b9c1a.system.entry.js} +2 -2
- package/lib/duet/{p-204e76d3.entry.js → p-8f3d2885.entry.js} +1 -1
- package/lib/duet/p-8fdd5cc7.system.entry.js +4 -0
- package/lib/duet/p-8fde9a1b.js +5 -0
- package/lib/duet/{p-04b258fd.entry.js → p-8fe41782.entry.js} +1 -1
- package/lib/duet/{p-818b5277.entry.js → p-90132584.entry.js} +1 -1
- package/lib/duet/{p-a5fac26c.entry.js → p-908aa11e.entry.js} +1 -1
- package/lib/duet/{p-81e906ff.system.entry.js → p-96415561.system.entry.js} +1 -1
- package/lib/duet/{p-009738f9.entry.js → p-96cb91ac.entry.js} +1 -1
- package/lib/duet/{p-d046f3f0.system.entry.js → p-975e92b7.system.entry.js} +2 -2
- package/lib/duet/{p-d1464455.system.entry.js → p-a112a313.system.entry.js} +1 -1
- package/lib/duet/{p-bd5bc40f.system.entry.js → p-a2f07690.system.entry.js} +1 -1
- package/lib/duet/p-a451ac2a.entry.js +4 -0
- package/lib/duet/p-a4608e97.entry.js +4 -0
- package/lib/duet/{p-42868a02.system.entry.js → p-a5cdb4fb.system.entry.js} +1 -1
- package/lib/duet/{p-f2f75690.entry.js → p-a5d3dd13.entry.js} +1 -1
- package/lib/duet/{p-b92193a6.system.entry.js → p-a62a66ea.system.entry.js} +1 -1
- package/lib/duet/{p-ddd70eeb.system.entry.js → p-a76f07dc.system.entry.js} +1 -1
- package/lib/duet/p-acb77c8b.system.js +4 -0
- package/lib/duet/{p-936b8007.system.entry.js → p-ada4e675.system.entry.js} +2 -2
- package/lib/duet/{p-538e55e5.entry.js → p-ade5c55c.entry.js} +1 -1
- package/lib/duet/p-ae0f8173.system.entry.js +4 -0
- package/lib/duet/p-b1f33063.system.js +4 -0
- package/lib/duet/{p-fb4f24c4.system.entry.js → p-b2f132e7.system.entry.js} +1 -1
- package/lib/duet/{p-12b57efb.entry.js → p-b4bd3b2c.entry.js} +1 -1
- package/lib/duet/{p-5f56c425.system.entry.js → p-b53f51e9.system.entry.js} +1 -1
- package/lib/duet/{p-2100fda2.system.entry.js → p-b5afa22f.system.entry.js} +1 -1
- package/lib/duet/p-b5cf1014.system.entry.js +4 -0
- package/lib/duet/p-b62b1ae8.entry.js +4 -0
- package/lib/duet/p-b87e98f8.system.js +4 -0
- package/lib/duet/p-b88bf0cf.js +4 -0
- package/lib/duet/{p-9936eb61.entry.js → p-b92ebb57.entry.js} +1 -1
- package/lib/duet/{p-ee5c74bc.system.entry.js → p-ba01d549.system.entry.js} +1 -1
- package/lib/duet/{p-d287e564.entry.js → p-ba86d704.entry.js} +1 -1
- package/lib/duet/{p-eab15c94.system.entry.js → p-bc249477.system.entry.js} +1 -1
- package/lib/duet/{p-c46cff2a.system.js → p-bc97e6a8.system.js} +1 -1
- package/lib/duet/{p-d3b2d5de.system.entry.js → p-c00053cb.system.entry.js} +1 -1
- package/lib/duet/{p-b1487aa4.system.entry.js → p-c02998a1.system.entry.js} +1 -1
- package/lib/duet/{p-0d512165.entry.js → p-c3bbb91e.entry.js} +1 -1
- package/lib/duet/{p-24898376.entry.js → p-c5eaf3a1.entry.js} +1 -1
- package/lib/duet/{p-572bf138.entry.js → p-c9459a92.entry.js} +1 -1
- package/lib/duet/{p-d2f008ef.entry.js → p-c9d3f692.entry.js} +1 -1
- package/lib/duet/{p-420817c5.system.entry.js → p-cac48643.system.entry.js} +1 -1
- package/lib/duet/{p-618b1c12.entry.js → p-cb7dccf2.entry.js} +1 -1
- package/lib/duet/p-cbeb7a7f.entry.js +4 -0
- package/lib/duet/{p-6c8361b8.entry.js → p-cda3dd39.entry.js} +1 -1
- package/lib/duet/{p-955ccb5a.system.entry.js → p-cf02b043.system.entry.js} +1 -1
- package/lib/duet/{p-de32ceff.system.entry.js → p-cfa0f78a.system.entry.js} +1 -1
- package/lib/duet/{p-818fd2f6.entry.js → p-d00a1ca7.entry.js} +1 -1
- package/lib/duet/{p-8b2056f0.system.js → p-d1abb9cd.system.js} +1 -1
- package/lib/duet/{p-67ea455b.system.entry.js → p-d55cd34e.system.entry.js} +1 -1
- package/lib/duet/{p-57d70be4.system.entry.js → p-d5df40cf.system.entry.js} +1 -1
- package/lib/duet/{p-679b55fe.entry.js → p-d7ccf5ec.entry.js} +1 -1
- package/lib/duet/{p-426d835f.entry.js → p-d81b6edc.entry.js} +1 -1
- package/lib/duet/{p-caf28e68.system.entry.js → p-db0b77ca.system.entry.js} +1 -1
- package/lib/duet/{p-fb4c1c0a.system.entry.js → p-de2f8904.system.entry.js} +1 -1
- package/lib/duet/{p-fda88cec.system.entry.js → p-de81656a.system.entry.js} +1 -1
- package/lib/duet/p-e1827d9e.system.entry.js +4 -0
- package/lib/duet/{p-591ce092.entry.js → p-e669ce8c.entry.js} +1 -1
- package/lib/duet/{p-aada68bf.entry.js → p-e8b8a3ad.entry.js} +1 -1
- package/lib/duet/{p-74f81150.entry.js → p-e8bc416f.entry.js} +1 -1
- package/lib/duet/{p-dd8cad8a.entry.js → p-e9171ed3.entry.js} +1 -1
- package/lib/duet/{p-c1380dcb.system.entry.js → p-ea790730.system.entry.js} +2 -2
- package/lib/duet/{p-948b038a.system.entry.js → p-ec784e1d.system.entry.js} +1 -1
- package/lib/duet/{p-f57f0b8c.entry.js → p-edbffab0.entry.js} +1 -1
- package/lib/duet/{p-b994aa71.system.entry.js → p-eddd3652.system.entry.js} +1 -1
- package/lib/duet/{p-df82459a.entry.js → p-f1fcaad6.entry.js} +1 -1
- package/lib/duet/{p-4994dbf2.system.entry.js → p-f20ad02b.system.entry.js} +1 -1
- package/lib/duet/p-f27e5ce4.js +4 -0
- package/lib/duet/{p-9db6f107.system.entry.js → p-f2ddfe13.system.entry.js} +1 -1
- package/lib/duet/{p-d98c8e4e.system.entry.js → p-f49a7dd9.system.entry.js} +1 -1
- package/lib/duet/{p-9b702bc1.system.entry.js → p-f583ecaf.system.entry.js} +1 -1
- package/lib/duet/{p-0121cfad.entry.js → p-f6cfa6ea.entry.js} +1 -1
- package/lib/duet/p-f965caf6.entry.js +4 -0
- package/lib/duet/{p-f12a93a9.system.entry.js → p-fa7cdaa4.system.entry.js} +1 -1
- package/lib/duet/{p-5baa6a33.js → p-faed9fef.js} +1 -1
- package/lib/duet/{p-f6c800dd.system.entry.js → p-fb515009.system.entry.js} +1 -1
- package/lib/duet/{p-976918a1.system.entry.js → p-fb574eaf.system.entry.js} +1 -1
- package/lib/duet/{p-530e612b.js → p-fb811193.js} +1 -1
- package/lib/duet/{p-9192b71d.system.entry.js → p-fb98c26d.system.entry.js} +1 -1
- package/lib/duet/{p-82cf9d43.entry.js → p-fba4682d.entry.js} +1 -1
- package/lib/duet/{p-6a689584.system.entry.js → p-fcbcf5d6.system.entry.js} +1 -1
- package/lib/duet/p-fcca7eb3.entry.js +4 -0
- package/lib/duet/{p-6365f418.system.entry.js → p-fd6e9582.system.entry.js} +1 -1
- package/lib/esm/{a11y-utils-d3187c9b.js → a11y-utils-682fc061.js} +1 -1
- package/lib/esm/{app-globals-aa323b86.js → app-globals-5ae3ef64.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +2 -2
- package/lib/esm/duet-alert.entry.js +16 -16
- package/lib/esm/duet-badge.entry.js +3 -3
- package/lib/esm/duet-banner.entry.js +4 -4
- package/lib/esm/duet-breadcrumb.entry.js +6 -6
- package/lib/esm/duet-breadcrumbs.entry.js +4 -4
- package/lib/esm/duet-button_2.entry.js +9 -9
- package/lib/esm/duet-callout.entry.js +4 -4
- package/lib/esm/duet-caption_4.entry.js +30 -13
- package/lib/esm/duet-card.entry.js +5 -5
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-checkmark.entry.js +3 -3
- package/lib/esm/duet-chip.entry.js +3 -3
- package/lib/esm/duet-choice_2.entry.js +3 -3
- package/lib/esm/duet-collapsible.entry.js +4 -4
- package/lib/esm/duet-combobox.entry.js +8 -4
- package/lib/esm/duet-contact-card.entry.js +4 -4
- package/lib/esm/duet-cookie-consent.entry.js +2 -2
- package/lib/esm/duet-date-picker.entry.js +4 -4
- package/lib/esm/duet-divider_2.entry.js +3 -3
- package/lib/esm/duet-editable-table_3.entry.js +7 -7
- package/lib/esm/duet-empty-state.entry.js +3 -3
- package/lib/esm/duet-fieldset.entry.js +5 -5
- package/lib/esm/duet-file-chooser.entry.js +2 -2
- package/lib/esm/duet-footer.entry.js +7 -7
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +3 -3
- package/lib/esm/duet-hero.entry.js +8 -8
- package/lib/esm/duet-icon.entry.js +4 -4
- package/lib/esm/duet-input_2.entry.js +9 -3
- package/lib/esm/duet-layout.entry.js +7 -7
- package/lib/esm/duet-list_2.entry.js +4 -4
- package/lib/esm/duet-menu-bar-button.entry.js +3 -3
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-menu-bar-dropdown.entry.js +5 -5
- package/lib/esm/duet-menu-bar-item.entry.js +6 -6
- package/lib/esm/duet-menu-bar-link.entry.js +3 -3
- package/lib/esm/duet-menu-bar.entry.js +4 -4
- package/lib/esm/duet-modal.entry.js +11 -11
- package/lib/esm/duet-multiselect.entry.js +8 -8
- package/lib/esm/duet-nav.entry.js +2 -2
- package/lib/esm/duet-notification_2.entry.js +6 -6
- package/lib/esm/duet-number-input.entry.js +3 -3
- package/lib/esm/duet-overlay.entry.js +2 -2
- package/lib/esm/duet-page-heading.entry.js +3 -3
- package/lib/esm/duet-pagination_2.entry.js +15 -15
- package/lib/esm/duet-phone-input.entry.js +9 -3
- package/lib/esm/duet-popup-menu_2.entry.js +8 -8
- package/lib/esm/duet-progress.entry.js +2 -2
- package/lib/esm/duet-promo-card.entry.js +4 -4
- package/lib/esm/duet-radio_2.entry.js +2 -2
- package/lib/esm/duet-range-slider.entry.js +1 -1
- package/lib/esm/duet-scrollable_3.entry.js +23 -14
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +2 -2
- package/lib/esm/duet-shaped-image.entry.js +3 -3
- package/lib/esm/duet-show-more.entry.js +4 -4
- package/lib/esm/duet-slideout-lang.entry.js +3 -3
- package/lib/esm/duet-slideout-link.entry.js +6 -6
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +5 -5
- package/lib/esm/duet-slideout-panel.entry.js +10 -10
- package/lib/esm/duet-slideout.entry.js +9 -9
- package/lib/esm/duet-status-icon.entry.js +8 -8
- package/lib/esm/duet-step_2.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +5 -5
- package/lib/esm/duet-submenu-bar-item.entry.js +5 -5
- package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar.entry.js +6 -6
- package/lib/esm/duet-textarea.entry.js +3 -3
- package/lib/esm/duet-toggle.entry.js +1 -1
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-toolbar-dropdown.entry.js +5 -5
- package/lib/esm/duet-toolbar-item.entry.js +7 -7
- package/lib/esm/duet-toolbar-link.entry.js +3 -3
- package/lib/esm/duet-toolbar.entry.js +3 -3
- package/lib/esm/duet-tooltip-button_2.entry.js +7 -7
- package/lib/esm/duet-tooltip.entry.js +2 -2
- package/lib/esm/duet-tray.entry.js +4 -4
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +5 -5
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-2a62c871.js → errorcodes.utils-23d19523.js} +1 -1
- package/lib/esm/{focus-utils-27172227.js → focus-utils-b97d6fb5.js} +1 -1
- package/lib/esm/{index-2ab7ff5a.js → index-9b64dfa3.js} +6 -6
- package/lib/esm/{language-utils-579bbfe7.js → language-utils-87dc6eb1.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-2fa37472.js → slot-utils-b8cbdf64.js} +1 -1
- package/lib/esm/{teleport-546f382d.js → teleport-aa27d5f9.js} +2 -2
- package/lib/esm-es5/{a11y-utils-d3187c9b.js → a11y-utils-682fc061.js} +1 -1
- package/lib/esm-es5/{app-globals-aa323b86.js → app-globals-5ae3ef64.js} +1 -1
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +2 -2
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +2 -2
- package/lib/esm-es5/duet-card.entry.js +2 -2
- 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 +2 -2
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-contact-card.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +2 -2
- 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 +2 -2
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-button.entry.js +2 -2
- package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +1 -1
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +2 -2
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-overlay.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +2 -2
- package/lib/esm-es5/duet-phone-input.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu_2.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +2 -2
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +2 -2
- package/lib/esm-es5/duet-section-layout.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
- package/lib/esm-es5/duet-show-more.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +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 +1 -1
- package/lib/esm-es5/duet-submenu-bar-item.entry.js +2 -2
- package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-item.entry.js +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-2a62c871.js → errorcodes.utils-23d19523.js} +1 -1
- package/lib/esm-es5/{focus-utils-27172227.js → focus-utils-b97d6fb5.js} +1 -1
- package/lib/esm-es5/index-9b64dfa3.js +4 -0
- package/lib/esm-es5/{language-utils-579bbfe7.js → language-utils-87dc6eb1.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{slot-utils-2fa37472.js → slot-utils-b8cbdf64.js} +1 -1
- package/lib/esm-es5/teleport-aa27d5f9.js +4 -0
- package/lib/types/components/duet-alert/duet-alert.d.ts +11 -4
- package/lib/types/components/duet-combobox/duet-combobox.d.ts +1 -0
- package/lib/types/components/duet-input/duet-input.d.ts +4 -0
- package/lib/types/components/duet-link/duet-link.d.ts +3 -0
- package/lib/types/components/duet-phone-input/duet-phone-input.d.ts +4 -0
- package/lib/types/components/duet-scrollable/duet-scrollable.d.ts +5 -0
- package/lib/types/components/duet-tab-group/duet-tab-group.d.ts +9 -0
- package/lib/types/components.d.ts +54 -6
- package/package.json +4 -4
- package/lib/dist-custom-elements/p-9fda1d1d.js +0 -205
- package/lib/duet/p-0ac49d24.entry.js +0 -4
- package/lib/duet/p-0f99e898.entry.js +0 -4
- package/lib/duet/p-1219c4af.system.js +0 -4
- package/lib/duet/p-14fe190e.system.js +0 -5
- package/lib/duet/p-1a73d27a.entry.js +0 -4
- package/lib/duet/p-1b269e8b.system.entry.js +0 -4
- package/lib/duet/p-2f8ffc2b.system.entry.js +0 -4
- package/lib/duet/p-336da573.entry.js +0 -4
- package/lib/duet/p-38ff8286.js +0 -4
- package/lib/duet/p-3acc8647.system.js +0 -4
- package/lib/duet/p-43f0aaf5.entry.js +0 -4
- package/lib/duet/p-5e0bfce0.entry.js +0 -4
- package/lib/duet/p-5ff9214f.entry.js +0 -4
- package/lib/duet/p-7d396a31.entry.js +0 -4
- package/lib/duet/p-85c02068.entry.js +0 -4
- package/lib/duet/p-88f046a0.entry.js +0 -4
- package/lib/duet/p-897f21a7.system.js +0 -4
- package/lib/duet/p-98012c62.entry.js +0 -4
- package/lib/duet/p-9eeaf2e9.js +0 -4
- package/lib/duet/p-c936b330.system.entry.js +0 -4
- package/lib/duet/p-ca3cb21e.js +0 -4
- package/lib/duet/p-ecb2aca6.js +0 -5
- package/lib/duet/p-ed82b53d.system.entry.js +0 -4
- package/lib/duet/p-f6b21d17.system.js +0 -4
- package/lib/esm-es5/index-2ab7ff5a.js +0 -4
- package/lib/esm-es5/teleport-546f382d.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,g as i,H as d}from"./p-ecb2aca6.js";import{i as s}from"./p-aaa7a7bd.js";import{w as l}from"./p-7d8a2628.js";const o=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.padding="auto",this.mobile="left",this.breakpoint="small",this.variation="default",this.labelWidth="30",this.responsive=!0}componentWillLoad(){s(this)}async connectedCallback(){this.mutationO=l(this.element,"duet-list-item",(()=>{this.updateListItems()})),this.updateListItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}toggleClass(t,e,i){i?t.classList.add(e):t.classList.remove(e)}async updateListItems(){Array.from(this.element.querySelectorAll("duet-list-item")).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.responsive?this.breakpoint||"small":void 0,t.classList.add(`duet-list-width-${this.labelWidth}`),t.classList.add(`duet-list-variation-${this.variation}`),this.toggleClass(t,"duet-p-0","none"===this.padding),this.toggleClass(t,"duet-list-mobile-center","center"===this.mobile),this.toggleClass(t,"duet-list-striped","striped"===this.variation),this.toggleClass(t,"duet-list-bordered","bordered"===this.variation),this.toggleClass(t,"duet-list-inner-bordered","inner-bordered"===this.variation),this.toggleClass(t,"duet-theme-turva","turva"===this.theme)}))}render(){return e("dl",{key:"7db97f4b853a8c566565c13d19c6699cb61aa0f1",class:{"duet-list-component":!0,"duet-m-0":"none"===this.margin}},e("slot",{key:"9def9a838232a96dc345c2fdaa72ad1bf0cf773c"}))}get element(){return i(this)}static get watchers(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";const a=class{constructor(e){t(this,e),this.responsive=!1,this.breakpoint="small"}render(){return e(d,{key:"7d5edc9fc5a6204321bde53375110cb79bf4cc5a",class:{"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":"x-small"===this.breakpoint,"duet-list-item-breakpoint-small":"small"===this.breakpoint,"duet-list-item-breakpoint-medium":"medium"===this.breakpoint,"duet-list-item-breakpoint-large":"large"===this.breakpoint,"duet-list-item-breakpoint-x-large":"x-large"===this.breakpoint}},e("dt",{key:"98639d5240ed7adaba681680719ae58994ec15f5"},e("slot",{key:"d8f9358d2665d96c121786911152df7352b6fc46",name:"label"})),e("dd",{key:"5edaa517ab825259c299f647e1f7023ec7cd5fa7"},e("slot",{key:"0c0693a642e6bbd8e075f804a4b93067ebc77699",name:"value"})))}};a.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;flex-direction:column;display:flex;width:100%;overflow:visible;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;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}: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-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}';export{o as duet_list,a as duet_list_item}
|
|
4
|
+
import{r as t,h as e,g as i,H as d}from"./p-8fde9a1b.js";import{i as s}from"./p-aaa7a7bd.js";import{w as l}from"./p-7d8a2628.js";const o=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.padding="auto",this.mobile="left",this.breakpoint="small",this.variation="default",this.labelWidth="30",this.responsive=!0}componentWillLoad(){s(this)}async connectedCallback(){this.mutationO=l(this.element,"duet-list-item",(()=>{this.updateListItems()})),this.updateListItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}toggleClass(t,e,i){i?t.classList.add(e):t.classList.remove(e)}async updateListItems(){Array.from(this.element.querySelectorAll("duet-list-item")).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.responsive?this.breakpoint||"small":void 0,t.classList.add(`duet-list-width-${this.labelWidth}`),t.classList.add(`duet-list-variation-${this.variation}`),this.toggleClass(t,"duet-p-0","none"===this.padding),this.toggleClass(t,"duet-list-mobile-center","center"===this.mobile),this.toggleClass(t,"duet-list-striped","striped"===this.variation),this.toggleClass(t,"duet-list-bordered","bordered"===this.variation),this.toggleClass(t,"duet-list-inner-bordered","inner-bordered"===this.variation),this.toggleClass(t,"duet-theme-turva","turva"===this.theme)}))}render(){return e("dl",{key:"3d8ad265bd32d112f5127ff40b36788839b0dcc1",class:{"duet-list-component":!0,"duet-m-0":"none"===this.margin}},e("slot",{key:"85b387910bee8d7ac0918949bd749266e2450078"}))}get element(){return i(this)}static get watchers(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";const a=class{constructor(e){t(this,e),this.responsive=!1,this.breakpoint="small"}render(){return e(d,{key:"906611deb615d294793da802dbd0dd15c4a74d81",class:{"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":"x-small"===this.breakpoint,"duet-list-item-breakpoint-small":"small"===this.breakpoint,"duet-list-item-breakpoint-medium":"medium"===this.breakpoint,"duet-list-item-breakpoint-large":"large"===this.breakpoint,"duet-list-item-breakpoint-x-large":"x-large"===this.breakpoint}},e("dt",{key:"243ef1636898ed14ec321bc12c8bbf1800df4ebb"},e("slot",{key:"66014a7583312ed88208147fb4cf3a0d148ca64f",name:"label"})),e("dd",{key:"bb901cdc4f8e5c9366eee9e9e2f5a7f475c8be7c"},e("slot",{key:"b4fdf39fabbcd02adde7e3c7c734e5c26c3aa747",name:"value"})))}};a.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;flex-direction:column;display:flex;width:100%;overflow:visible;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;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}: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-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}';export{o as duet_list,a as duet_list_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{d(o.next(e))}catch(e){a(e)}}function u(e){try{d(o["throw"](e))}catch(e){a(e)}}function d(e){e.done?n(e.value):r(e.value).then(i,u)}d((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,i;return i={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function u(e){return function(t){return d([e,t])}}function d(u){if(o)throw new TypeError("Generator is already executing.");while(i&&(i=0,u[0]&&(n=0)),n)try{if(o=1,r&&(a=u[0]&2?r["return"]:u[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,u[1])).done)return a;if(r=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];r=0}finally{o=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-575c30ef.system.js","./p-e216bea4.system.js","./p-752fa0fc.system.js"],(function(e){"use strict";var t,n,o,r,a,i;return{setters:[function(e){t=e.r;n=e.h;o=e.H;r=e.g},function(e){a=e.i},function(e){i=e.f}],execute:function(){var u='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}';var d=u;var c=e("duet_menu_bar_dropdown",function(){function e(e){var n=this;t(this,e);this.onClick=function(){n.open=!n.open};this.getVariant=function(){var e=n.element.parentElement.getAttribute("slot");switch(e){case"center":return"right";case"right":return"right";default:return"right"}};this.accessibleLabel=undefined;this.theme="";this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n){this.open=false}};e.prototype.componentWillLoad=function(){a(this)};e.prototype.handleEscape=function(e){if(i(e)){this.open=false;this.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e;var t=this;return n(o,{key:"90143154135a9a1af4361a3cca82bc0911c4208e",role:"listitem"},n("div",{key:"714f90aaa6af1291c71691895c9c6dd0c3573029",class:(e={"duet-menu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open},e["duet-menu-bar-dropdown--slot-".concat(this.getVariant())]=true,e)},n("button",{key:"955d30fc9ceb744950883b97392628bd50a7bad5",ref:function(e){return t.button=e},"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:function(e){return t.handleEscape(e)}},this.icon&&n("duet-icon",{key:"e196f58875b135d5eb49f08ac179d9f8dac6eb72",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),n("div",{key:"b2264c9163fb53f2f133ad5aa0eb596bb9dd0d1b",class:"label"},n("slot",{key:"eb4890ecf2721cc71c68e678b478e080b25d0148",name:"label"}),n("duet-icon",{key:"331178583e3e1e92d66153fa9760a41d7c1d280e",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),n("div",{key:"7b6ad09e4b1a4905861f06e3ea7f9ae7185848ca",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},n("slot",{key:"c4f3d4642e2358445b7555c16e605bafc583bcab"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());c.style=d}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as a,g as o}from"./p-
|
|
4
|
+
import{r as t,h as e,H as a,g as o}from"./p-8fde9a1b.js";import{a as r}from"./p-f11208c3.js";import{D as i}from"./p-beeb12f1.js";import{i as d}from"./p-aaa7a7bd.js";import{g as s}from"./p-faed9fef.js";import{g as n,c as b,d as l}from"./p-1cfacaa0.js";import"./p-fb811193.js";import"./p-9c3c64b9.js";const c=class{constructor(e){t(this,e),this.theme="",this.variation="default",this.active=!1,this.url=void 0,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessibleLabel=void 0,this.accessibleExpanded=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=i,this.accessibleLabelExternal=n(this.accessibleLabelExternalDefaults),this.external=!1,this.badge=!1}componentWillLoad(){d(this)}connectedCallback(){b(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){l(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}render(){const t=this.url?"a":"button",o="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return e(a,{key:"6006981bbe12b3ba52c5b64cc4dbbf56cb89d20d",role:"listitem"},e(t,{key:"dccb47e7d45c5431c95d833c655afbb377091a29",target:this.url?this.external?"_blank":"_self":null,ref:t=>this.itemElement=t,class:{"duet-toolbar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[o]:!0},href:this.url,role:"a"===t?"link":"button","aria-current":this.active?"true":"false","aria-label":this.url&&s(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,rel:this.external?"noopener":void 0},this.leadingIcon&&e("div",{key:"8d2a6e7db72c879d85828176c3f6d0f664cfa6d5",class:"duet-toolbar-icon"},e("duet-icon",{key:"05ce2994ada9dc5ac426d2e0fbcb290577dcd2d3",size:"x-small",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),this.badge&&e("div",{key:"d37c9510203aaa2feeda9cf3bc4ce9880101583f",class:"duet-toolbar-badge"})),e("slot",{key:"c28585b19736c23de1daa80b25d829e8fb6491c2"}),(this.trailingIcon||this.url&&this.external)&&e("div",{key:"5309c36fd0748017a5ded878adc33fd3eaed2fdf",class:"duet-toolbar-icon"},e("duet-icon",{key:"572e9b11ac0797903d6ab6d254edc9d0603a0e02",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!(!this.url||!this.external),rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.url&&this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"}),this.badge&&"action-arrow-down-small"!==this.trailingIcon&&e("div",{key:"2228717501481b13be34349f12311f3329af402f",class:"duet-toolbar-badge"}))))}get element(){return o(this)}};c.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;height:100%}.duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-toolbar-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-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item:focus.primary{box-shadow:0 0 0 4px rgba(8, 42, 77, 0.3), 0 0 0 1px #033866}.duet-theme-turva .duet-toolbar-item:focus.primary,.duet-toolbar-item:focus.primary.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{position:absolute;top:0;left:11px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{background:rgb(247, 178, 40)}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.secondary[aria-expanded=true]{background:rgb(3, 56, 102)}.duet-toolbar-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-toolbar-item.duet-theme-turva.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item:hover.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-item:hover.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.active{color:rgb(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-item.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}';export{c as duet_toolbar_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-575c30ef.system.js","./p-b864159a.system.js","./p-bc97e6a8.system.js"],(function(e){"use strict";var t,d,a,i,n,p;return{setters:[function(e){t=e.r;d=e.h;a=e.H;i=e.g},function(e){n=e.i},function(e){p=e.c}],execute:function(){var o="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";var m=o;var u=e("duet_layout",function(){function e(e){t(this,e);this.hasSidebar=false;this.hasTop=false;this.hasPageHeading=false;this.sticky=false;this.margin="auto";this.stickyDistance="with-links";this.center=false;this.tabs=false;this.middle=false;this.paddingBreakpoint=undefined}e.prototype.componentWillLoad=function(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']");this.hasTop=!!this.element.querySelector("[slot='top']");this.hasPageHeading=!!this.element.querySelector("[slot='page-heading']");p(this.element,"page-heading","duet-page-heading",1,true);if(!this.element.querySelector("[slot='main']")){console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}};e.prototype.render=function(){var e,t;return d(a,{key:"50d5e0a74d44e0dcf9f1b5dc085c62b4042adb89",class:{center:this.center,"duet-middle":this.middle,"duet-ie":n()}},d("div",{key:"6c92f2936aea122926f889112ba60687ae2ef632",class:{"duet-layout-wrapper":true,"duet-m-0":this.margin==="none"}},this.hasTop&&d("div",{key:"a1a8b56fd70b50a147dad1d9811637d086e4ff8d",class:{"duet-layout-top":true,"duet-center":this.center}},d("div",{key:"904770a407232e39f63f03202725a13865c29077",class:"duet-layout-top-wrapper"},d("slot",{key:"e1e1c1e1352822d7b86fdf47070fe2da806dc511",name:"top"}))),d("div",{key:"85fb2026fd9ae01272a94e3f05098b7ded133a58",class:(e={"duet-layout":true,"has-sidebar":this.hasSidebar,"duet-center":this.center},e["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,e)},d("main",{key:"5491364fea4dbfa1bcee31f1fecf04bd60726ff5",class:"duet-main"},this.hasPageHeading&&d("slot",{key:"529ef9cfe8b5e807813593125c1fd8782d6c8a12",name:"page-heading"}),d("slot",{key:"88430479dbce9f8b10ed97c186eced6d55ffce1e",name:"main"})),this.hasSidebar&&d("aside",{key:"3498e9926d5037b75037782a2119353fefa48533",class:"duet-sidebar"},d("div",{key:"59fdb9750ca12eee5e010cabf92d8e8b7d741b85",class:(t={"duet-sidebar-container":true,"has-tabs":this.tabs,sticky:this.sticky},t[this.stickyDistance]=this.sticky,t)},d("slot",{key:"b2f1eedd1bc391913f79bcb1891142d2e8cb29f2",name:"sidebar"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());u.style=m}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function o(e){try{s(i.next(e))}catch(e){r(e)}}function u(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?n(e.value):a(e.value).then(o,u)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(t){return s([e,t])}}function s(u){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(i=1,a&&(r=u[0]&2?a["return"]:u[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,u[1])).done)return r;if(a=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;a=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];a=0}finally{i=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-575c30ef.system.js","./p-053b71e6.system.js","./p-cc5e6288.system.js","./p-e216bea4.system.js","./p-acb77c8b.system.js","./p-d1abb9cd.system.js","./p-bc97e6a8.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,n,i,a,r,o,u,s,c,d,m;return{setters:[function(e){t=e.r;n=e.h;i=e.H;a=e.g},function(e){r=e.a},function(e){o=e.D},function(e){u=e.i},function(e){s=e.g},function(e){c=e.g;d=e.c;m=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;height:100%}.duet-menu-bar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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;color:inherit;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-menu-bar-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-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item .external-icon{width:10px;height:10px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-menu-bar-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"}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}.duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var h=f;var l=e("duet_menu_bar_item",function(){function e(e){t(this,e);this.theme="";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false";this.accessibleLabelExternalDefaults=o;this.accessibleLabelExternal=c(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){u(this)};e.prototype.connectedCallback=function(){d(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){m(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";return n(i,{key:"a1df309d1f89c97fafc7c7d89afad06ffac06747",role:"listitem"},n(t,{key:"befda45ecb5407629b5a79760db503b96020c097",target:!this.url?null:this.external?"_blank":"_self",ref:function(t){return e.itemElement=t},class:{"duet-menu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,role:"".concat(t==="a"?"link":"button"),"aria-current":this.active?"true":"false","aria-label":this.url&&s(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&n("duet-icon",{key:"9390d6c0d4f0260375d06bd6e8d55641230563f5",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),n("slot",{key:"b31fa79746a8776ae487cc54ebfac1072e1fbe93"}),(this.trailingIcon||this.external)&&n("duet-icon",{key:"4afb0788818f5fd04f36da7ca4a7892a1f0aff63",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!this.external,rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());l.style=h}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as s,H as r}from"./p-
|
|
4
|
+
import{r as t,h as s,H as r}from"./p-8fde9a1b.js";import{t as e}from"./p-f6000a03.js";const i=class{constructor(s){t(this,s),this.bg={default:{default:"color_lt_blue_200",success:"color_success_200",warning:"color_warning_200",danger:"color_danger_200"},strong:{default:"color_lt_blue_700",success:"color_success_700",warning:"color_warning_500",danger:"color_danger_600"}},this.color={default:{default:"color_lt_blue_800",success:"color_success_800",warning:"color_warning_800",danger:"color_danger_800"},strong:{default:"color_lt_blue_100",success:"color_gray_lightest",warning:"color_warning_900",danger:"color_gray_lightest"}},this.variation="default",this.size="medium",this.margin="auto",this.strong=!1}getBg(){return e[this.bg[this.strong?"strong":"default"][this.variation]]}getColor(){return e[this.color[this.strong?"strong":"default"][this.variation]]}getIcon(){switch(this.variation){case"default":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>\n <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>\n </svg>`;case"success":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>\n </svg>`;case"warning":case"danger":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>\n <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>\n <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>\n </svg>`}}render(){return s(r,{key:"ec2779fbc64fbf76f8f5864a91448c8f16c7be4d",class:{[`duet-status-icon-${this.variation}`]:!0,"duet-strong-bg":this.strong}},s("duet-icon",{key:"c2199d9c38c021b503b0c769c85c1bbb1be20c85",icon:this.getIcon(),size:this.size,margin:this.margin}))}};export{i as duet_status_icon}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,i,n){function c(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{d(n.next(e))}catch(e){r(e)}}function a(e){try{d(n["throw"](e))}catch(e){r(e)}}function d(e){e.done?i(e.value):c(e.value).then(o,a)}d((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,c,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return d([e,t])}}function d(a){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(n=1,c&&(r=a[0]&2?c["return"]:a[0]?c["throw"]||((r=c["return"])&&r.call(c),0):c.next)&&!(r=r.call(c,a[1])).done)return r;if(c=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;c=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];c=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-14fe190e.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-752fa0fc.system.js","./p-8b2056f0.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,n,c,r,o,a,d,u,h,s;return{setters:[function(e){t=e.r;i=e.c;n=e.h;c=e.H;r=e.g},function(e){o=e.i},function(e){a=e.c},function(e){d=e.s;u=e.u;h=e.q},function(e){s=e.g},function(){}],execute:function(){var p='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(222, 224, 228)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}';var l=p;var f=e("duet_chip",function(){function e(e){var n=this;t(this,e);this.duetChange=i(this,"duetChange",3);this.duetRemove=i(this,"duetRemove",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.chipId=a("DuetChip");this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"};this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"};this.enforceNoDisabledSelected=function(){if(n.disabled&&n.checked){console.error("Duet error: pre-selected chip may not be disabled");n.disabled=false}};this.radioInputListenersRemove=function(e){e.removeEventListener("change",n.onRadioChange);e.removeEventListener("click",n.onRadioClick);e.removeEventListener("focus",n.onFocus);e.removeEventListener("blur",n.onBlur)};this.radioInputListenersAdd=function(e){e.addEventListener("change",n.onRadioChange);e.addEventListener("click",n.onRadioClick);e.addEventListener("focus",n.onFocus);e.addEventListener("blur",n.onBlur)};this.radioInputSetUp=function(){var e=n.element.querySelector("input[slot=input]");var t=e||document.createElement("input");t.slot="input";t.ariaDisabled=n.disabled?"true":undefined;t.id=n.identifier||n.chipId;t.type="radio";t.name=n.name;t.value=n.value;t.checked=n.checked;t.ariaLabel=n.element.textContent;if(e){n.radioInputListenersRemove(t)}else{n.element.appendChild(t)}n.radioInputListenersAdd(t);n.focusableElement=t};this.popupSetUp=function(){var e=document.querySelector("duet-popup-menu#".concat(n.popup));if(e){n.popupElement=e;e.controller=n.element;var t=n.element.textContent;var i=n.value;if(!e.id){e.id="popup-menu"}e.addEventListener("duetToggle",(function(e){n.popupOpen=e.detail.open}));var c=function(){e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.active=false}))};e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.addEventListener("click",(function(r){var o;var a=(o=e.value)!==null&&o!==void 0?o:e.innerText;if(!e.active){c();e.active=true;n.element.textContent=e.innerText;n.value=a;n.checked=true}else{c();n.element.textContent=t;n.value=i;n.checked=false}n.emitChange(r);setTimeout((function(){if(n.popupElement.isOpen()){n.popupElement.hide()}}))}))}))}};this.onFocus=function(e){n.focus=true;n.duetFocus.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onBlur=function(e){n.focus=false;n.duetBlur.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.emitChange=function(e){n.duetChange.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onFilterChange=function(e){n.checked=!n.checked;n.emitChange(e)};this.onRadioChange=function(e){var t=n.focusableElement;var i=t.checked;n.checked=i;n.emitChange(e)};this.onRadioClick=function(e){if(n.disabled){e.preventDefault()}};this.onFilterClick=function(e){if(n.disabled){e.stopPropagation();e.preventDefault();return}if(n.popupElement){e.stopPropagation();e.preventDefault();n.popupElement.toggle()}};this.onRemoveClick=function(e){e===null||e===void 0?void 0:e.stopPropagation();e===null||e===void 0?void 0:e.preventDefault();n.duetRemove.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"});n.element.remove()};this.focus=false;this.popupElement=undefined;this.popupOpen=undefined;this.inputChipHover=false;this.inputChipDeleteFocus=false;this.accessibleLabel=undefined;this.variation="button";this.size="medium";this.popup=undefined;this.icon="";this.theme="";this.identifier=undefined;this.value=undefined;this.name=undefined;this.selected=false;this.checked=false;this.disabled=false;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.clearOtherRadioButtons=function(){var e=this;if(this.variation==="radio"&&this.checked){var t=document.querySelectorAll('duet-chip[variation="radio"][name="'.concat(this.name,'"]'));t.forEach((function(t){if(t!==e.element){t.checked=false}}))}};e.prototype.componentWillLoad=function(){o(this);this.popupSetUp();this.enforceNoDisabledSelected()};e.prototype.connectedCallback=function(){d(this)};e.prototype.disconnectedCallback=function(){u(this)};e.prototype.componentDidRender=function(){if(this.variation==="radio"){this.radioInputSetUp()}};e.prototype.getAccessibleExpanded=function(){if(this.accessibleExpanded!=null){return(!!this.accessibleExpanded).toString()}if(this.popupElement){return this.popupOpen?"true":"false"}return undefined};e.prototype.getAccessiblePopup=function(){if(this.popupElement){return"true"}else{return this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}};e.prototype.getAccessibleDeleteLabel=function(){return"".concat(s(this.deleteLabels)," ").concat(this.element.textContent)};e.prototype.getAccessibleInputChipLabel=function(){return"".concat(this.element.textContent).concat(this.selected?" (".concat(s(this.selectedForDeletionLabels),") "):"",",")};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){h();setTimeout((function(){return t.focusableElement.focus(e)}),200);return[2]}))}))};e.prototype.setDeleteFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){setTimeout((function(){return e.deleteButtonElement.focus()}),200);return[2]}))}))};e.prototype.removeChip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onRemoveClick();return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var r;var o=this.identifier||this.chipId;var a=(e={"duet-chip-container":true},e["duet-chip-".concat(this.variation)]=true,e["duet-chip-focus"]=this.focus,e["duet-chip-selected"]=this.selected,e["duet-chip-hover"]=this.inputChipHover,e["duet-chip-delete-focus"]=this.inputChipDeleteFocus,e["duet-chip-has-icon"]=!!this.icon,e["duet-chip-has-popup"]=this.variation==="filter"&&!!this.popupElement,e["duet-theme-turva"]=this.theme==="turva",e["duet-chip-filter-checked"]=this.variation==="filter"&&this.checked,e["duet-chip-radio-checked"]=this.variation==="radio"&&this.checked,e["duet-chip-filter-popup-open"]=this.popupOpen,e["duet-chip-disabled"]=this.disabled,e[this.size]=true,e);var d={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return i.focusableElement=e}};return n(c,{key:"b1df7c5770002dd9425d26bf8fa17d3721f601d2",class:(t={},t[this.variation]=true,t)},this.variation==="button"&&n("span",{key:"faa1626d1b3317a950205d14d078fbe0237d7415",class:a},n("button",Object.assign({key:"10cc3c7ffd551371d87683ed1f77ac4e8f26a054",id:o,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,name:this.name,value:this.value,onClick:this.disabled?function(e){return e.stopPropagation()}:undefined},d),n("span",{key:"09730f09588f700c71c44b5a553e2d9f8697ba23",class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{key:"5c24873e683e50fe2638d484259298cda0e787e3",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",{key:"4b3637344329df9466503eac30a67d349fa182df"}))),this.variation==="input"&&n("span",{key:"110a424cd1b0c929a93150e286aece0d225570c5",class:a,"aria-label":this.getAccessibleInputChipLabel()},n("button",Object.assign({key:"42b26053fda75b29e3c7cdfa659547142478635a",id:o,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:function(){return i.inputChipHover=true},onMouseOut:function(){return i.inputChipHover=false},onClick:function(){return i.selected=!i.selected}},d),n("span",{key:"6363c8549b51dd39b76e8f72f57c23450b963923",class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{key:"7431ce93955a8cebc8d2f38cee1e7e36ceaee7cf",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",{key:"d26a8c7e52b1c4c7f52f82943e8fb678a9350fc2"})),n("button",{key:"1cca88cfde7c8dba8f455140f17ee2aade08cde5",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:function(){return i.inputChipDeleteFocus=true},onBlur:function(){return i.inputChipDeleteFocus=false},ref:function(e){return i.deleteButtonElement=e}},n("duet-icon",{key:"9a68ecb75fb3a364875dfd4d641f47c800d0582a",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),this.variation==="filter"&&n("span",{key:"c3d47adc6647a5d70ffc49887a300faf937759c4",class:a},n("input",Object.assign({key:"c557b5098446b6e3cf9b44e6d55b1adb09a5be24","aria-haspopup":this.getAccessiblePopup(),"aria-controls":(r=this.popupElement)===null||r===void 0?void 0:r.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,id:o,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},d)),n("label",{key:"9dac1a2fca9e959933fda89eef2dd17434e71361",htmlFor:o},this.icon&&n("span",{key:"ae307754bbdd4907a829e31ee25082463b4f216b",class:"duet-chip-icon-container"},n("duet-icon",{key:"cba0d0deff98f3900974e1aa583927ae7747102c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{key:"be2dda983e43069160117f83d20ada5d003e19f8",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",{key:"8efc83f4fa6c1960862f001737cc0a382f2e64e1"}),this.popupElement&&n("span",{key:"11d2f0c6552c34208db15624bdcbaa4fb2f4806b",class:"duet-chip-popup-disclosure"},n("duet-icon",{key:"fb05d3357ecb174ca39e77473ade54c7a771b5cc",name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),this.variation==="radio"&&n("span",{key:"b9788ff66787c6ad9f01e0430087cdaf8aaa7419",class:a},n("slot",{key:"52e3600944848b6a7fe4bd9b1afb5bb2dfe57909",name:"input"}),n("label",{key:"2f68754b97f21f763ffd59ae5081f661f831ee3a",htmlFor:o},this.icon&&n("span",{key:"45bac9d17f7fd94c8214438175f1980d9f61bf8a",class:"duet-chip-icon-container"},n("duet-icon",{key:"f0512358b9ff4ca4f70cf0af9d6b8a4e2c5997b1",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{key:"ccfc7316e3e366ba20a315bac570fd30f68b1bc0",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",{key:"0d715c904b0a004fa16467801c598b6b485aea70"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["clearOtherRadioButtons"]}},enumerable:false,configurable:true});return e}());f.style=l}}}));
|
|
4
|
+
*/System.register(["./p-575c30ef.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-752fa0fc.system.js","./p-d1abb9cd.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,n,c,r,o,a,d,u,h,s;return{setters:[function(e){t=e.r;i=e.c;n=e.h;c=e.H;r=e.g},function(e){o=e.i},function(e){a=e.c},function(e){d=e.s;u=e.u;h=e.q},function(e){s=e.g},function(){}],execute:function(){var p='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(222, 224, 228)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}';var l=p;var b=e("duet_chip",function(){function e(e){var n=this;t(this,e);this.duetChange=i(this,"duetChange",3);this.duetRemove=i(this,"duetRemove",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.chipId=a("DuetChip");this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"};this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"};this.enforceNoDisabledSelected=function(){if(n.disabled&&n.checked){console.error("Duet error: pre-selected chip may not be disabled");n.disabled=false}};this.radioInputListenersRemove=function(e){e.removeEventListener("change",n.onRadioChange);e.removeEventListener("click",n.onRadioClick);e.removeEventListener("focus",n.onFocus);e.removeEventListener("blur",n.onBlur)};this.radioInputListenersAdd=function(e){e.addEventListener("change",n.onRadioChange);e.addEventListener("click",n.onRadioClick);e.addEventListener("focus",n.onFocus);e.addEventListener("blur",n.onBlur)};this.radioInputSetUp=function(){var e=n.element.querySelector("input[slot=input]");var t=e||document.createElement("input");t.slot="input";t.ariaDisabled=n.disabled?"true":undefined;t.id=n.identifier||n.chipId;t.type="radio";t.name=n.name;t.value=n.value;t.checked=n.checked;t.ariaLabel=n.element.textContent;if(e){n.radioInputListenersRemove(t)}else{n.element.appendChild(t)}n.radioInputListenersAdd(t);n.focusableElement=t};this.popupSetUp=function(){var e=document.querySelector("duet-popup-menu#".concat(n.popup));if(e){n.popupElement=e;e.controller=n.element;var t=n.element.textContent;var i=n.value;if(!e.id){e.id="popup-menu"}e.addEventListener("duetToggle",(function(e){n.popupOpen=e.detail.open}));var c=function(){e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.active=false}))};e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.addEventListener("click",(function(r){var o;var a=(o=e.value)!==null&&o!==void 0?o:e.innerText;if(!e.active){c();e.active=true;n.element.textContent=e.innerText;n.value=a;n.checked=true}else{c();n.element.textContent=t;n.value=i;n.checked=false}n.emitChange(r);setTimeout((function(){if(n.popupElement.isOpen()){n.popupElement.hide()}}))}))}))}};this.onFocus=function(e){n.focus=true;n.duetFocus.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onBlur=function(e){n.focus=false;n.duetBlur.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.emitChange=function(e){n.duetChange.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onFilterChange=function(e){n.checked=!n.checked;n.emitChange(e)};this.onRadioChange=function(e){var t=n.focusableElement;var i=t.checked;n.checked=i;n.emitChange(e)};this.onRadioClick=function(e){if(n.disabled){e.preventDefault()}};this.onFilterClick=function(e){if(n.disabled){e.stopPropagation();e.preventDefault();return}if(n.popupElement){e.stopPropagation();e.preventDefault();n.popupElement.toggle()}};this.onRemoveClick=function(e){e===null||e===void 0?void 0:e.stopPropagation();e===null||e===void 0?void 0:e.preventDefault();n.duetRemove.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"});n.element.remove()};this.focus=false;this.popupElement=undefined;this.popupOpen=undefined;this.inputChipHover=false;this.inputChipDeleteFocus=false;this.accessibleLabel=undefined;this.variation="button";this.size="medium";this.popup=undefined;this.icon="";this.theme="";this.identifier=undefined;this.value=undefined;this.name=undefined;this.selected=false;this.checked=false;this.disabled=false;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.clearOtherRadioButtons=function(){var e=this;if(this.variation==="radio"&&this.checked){var t=document.querySelectorAll('duet-chip[variation="radio"][name="'.concat(this.name,'"]'));t.forEach((function(t){if(t!==e.element){t.checked=false}}))}};e.prototype.componentWillLoad=function(){o(this);this.popupSetUp();this.enforceNoDisabledSelected()};e.prototype.connectedCallback=function(){d(this)};e.prototype.disconnectedCallback=function(){u(this)};e.prototype.componentDidRender=function(){if(this.variation==="radio"){this.radioInputSetUp()}};e.prototype.getAccessibleExpanded=function(){if(this.accessibleExpanded!=null){return(!!this.accessibleExpanded).toString()}if(this.popupElement){return this.popupOpen?"true":"false"}return undefined};e.prototype.getAccessiblePopup=function(){if(this.popupElement){return"true"}else{return this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}};e.prototype.getAccessibleDeleteLabel=function(){return"".concat(s(this.deleteLabels)," ").concat(this.element.textContent)};e.prototype.getAccessibleInputChipLabel=function(){return"".concat(this.element.textContent).concat(this.selected?" (".concat(s(this.selectedForDeletionLabels),") "):"",",")};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){h();setTimeout((function(){return t.focusableElement.focus(e)}),200);return[2]}))}))};e.prototype.setDeleteFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){setTimeout((function(){return e.deleteButtonElement.focus()}),200);return[2]}))}))};e.prototype.removeChip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onRemoveClick();return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var r;var o=this.identifier||this.chipId;var a=(e={"duet-chip-container":true},e["duet-chip-".concat(this.variation)]=true,e["duet-chip-focus"]=this.focus,e["duet-chip-selected"]=this.selected,e["duet-chip-hover"]=this.inputChipHover,e["duet-chip-delete-focus"]=this.inputChipDeleteFocus,e["duet-chip-has-icon"]=!!this.icon,e["duet-chip-has-popup"]=this.variation==="filter"&&!!this.popupElement,e["duet-theme-turva"]=this.theme==="turva",e["duet-chip-filter-checked"]=this.variation==="filter"&&this.checked,e["duet-chip-radio-checked"]=this.variation==="radio"&&this.checked,e["duet-chip-filter-popup-open"]=this.popupOpen,e["duet-chip-disabled"]=this.disabled,e[this.size]=true,e);var d={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return i.focusableElement=e}};return n(c,{key:"e3c5ac0bcb6f15c05652b68982a64a4f8d7b4bb3",class:(t={},t[this.variation]=true,t)},this.variation==="button"&&n("span",{key:"dc86df1e11e894aff70d34087371c93b6329ef1e",class:a},n("button",Object.assign({key:"1e13b37c1c71a4907d128312ea8bd90258880c1e",id:o,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,name:this.name,value:this.value,onClick:this.disabled?function(e){return e.stopPropagation()}:undefined},d),n("span",{key:"05667331b19b01c56a04d5f9498bc7381a660096",class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{key:"af00b089def6ac2628c2c416e27cf0d05699a09b",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",{key:"08a0582eaa49c55586d168fa03b3d62d6954f7f5"}))),this.variation==="input"&&n("span",{key:"2b30fc1d97ced4d10148e7f1c3c0112fe0ea2b60",class:a,"aria-label":this.getAccessibleInputChipLabel()},n("button",Object.assign({key:"57728c6fbeca7182d286c0dd2d7a026b5597c83f",id:o,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:function(){return i.inputChipHover=true},onMouseOut:function(){return i.inputChipHover=false},onClick:function(){return i.selected=!i.selected}},d),n("span",{key:"dac4d434921406763d0fa0cafea39a50678f1681",class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{key:"e263448effb29b656e4823abc6d04b7bc8fe781a",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",{key:"aaba46892e9d7066b5e0098e7524fc3b2f7985e3"})),n("button",{key:"751e257177b3a8347329709be074c01d135d3540",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:function(){return i.inputChipDeleteFocus=true},onBlur:function(){return i.inputChipDeleteFocus=false},ref:function(e){return i.deleteButtonElement=e}},n("duet-icon",{key:"3cb2221c44913d1c70c3594ee5fde8fa4f4bc31d",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),this.variation==="filter"&&n("span",{key:"95ea48c4b60f50a3560d102823daa8e42083e20a",class:a},n("input",Object.assign({key:"5ece926b189caaa5fde8f2695360995fd98cf8d1","aria-haspopup":this.getAccessiblePopup(),"aria-controls":(r=this.popupElement)===null||r===void 0?void 0:r.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,id:o,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},d)),n("label",{key:"a4cf02cbd56ba320b9214510cfd43bf460115a5b",htmlFor:o},this.icon&&n("span",{key:"c524bdec18879cef4eff6c7d5c9b9896c537fee1",class:"duet-chip-icon-container"},n("duet-icon",{key:"471160845fecd2564b61ee48e7354c1a97bbddc8",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{key:"b5c3d480ac094c86b2a2ccfc2ef3a2553220b182",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",{key:"4c0df1f1b35c9c29a3a52e495511041ce40d2603"}),this.popupElement&&n("span",{key:"cf411822faef6c1f41ef097083834968fce0520d",class:"duet-chip-popup-disclosure"},n("duet-icon",{key:"89b311631787a8684a935c102925c9795076c2d5",name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),this.variation==="radio"&&n("span",{key:"023dc35672ae48ac7ee0e418886fc03ca343b6b5",class:a},n("slot",{key:"6f71bcb76853e665c86d93827f159df48d092af7",name:"input"}),n("label",{key:"ed83ea093121d6c2ddc8d361051680416ce2f78d",htmlFor:o},this.icon&&n("span",{key:"a5c23157a66e95624c9e50537f363a461558957e",class:"duet-chip-icon-container"},n("duet-icon",{key:"37ffce61bbf2743e5d3e5726c20855095e09ca22",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{key:"39491231b4bda9a0215b266e5734f4fd9c6fd13c",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",{key:"4e7a55b644e168ab2114df5a6d12f501d541dc52"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["clearOtherRadioButtons"]}},enumerable:false,configurable:true});return e}());b.style=l}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as n,g as e}from"./p-ecb2aca6.js";import{a as d,m as r,b as a}from"./p-f6000a03.js";import{w as o,a as m}from"./p-7d8a2628.js";import{i as l}from"./p-aaa7a7bd.js";function g(t){return"duet-grid-item"===t.tagName.toLowerCase()}const s=class{constructor(i){t(this,i),this.mql=[window.matchMedia(d.replace(/'/g,"")),window.matchMedia(r.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.distributeFormElement=!1,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,n=window.getComputedStyle(t);return["top","bottom"].map((t=>parseInt(n[`margin-${t}`]))).reduce(((t,i)=>t+i),i)}async connectedCallback(){const t=this.element;if(this.distributeFormElement="form_distribute"===this.alignment,this.mutationO=o(t,"duet-grid-item",(()=>{this.updateGridItems()})),this.distributeFormElement){this.mutation1=m(t,"duet-input",(()=>{this.updateGridItemsWithInputFields()}));for(let t=0;t<this.mql.length;t++)this.mql[t].addEventListener&&this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}this.updateGridItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),this.mutation1&&(this.mutation1.disconnect(),this.mutation1=void 0);for(let t=0;t<this.mql.length;t++)this.mql[t].removeEventListener&&this.mql[t].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}async updateGridItems(){Array.from(this.element.children).filter(g).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint,t.direction=this.direction,t.rowReverse=this.rowReverse}))}async updateGridItemsWithInputFields(){const t=Array.from(this.element.children).filter(g),i=!!window&&"column"===window.getComputedStyle(this.element).flexDirection;let n=0;const e=[];t.forEach((t=>{const i=t.querySelector("span.duet-input-error"),n=i?this.outerHeight(i):0;e.push(n)})),n=Math.max(...e),t.forEach((t=>{const e=t.querySelector("span.duet-input-error"),d=e?this.outerHeight(e):0;d<n&&!i?t.setAttribute("style",`padding-bottom: ${n-d}px;`):(d===n||i)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(n,{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 e(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}}};s.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 u=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(){l(this)}render(){return i(n,{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))}};u.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}';export{s as duet_grid,u as duet_grid_item}
|
|
4
|
+
import{r as t,h as i,H as n,g as e}from"./p-8fde9a1b.js";import{a as d,m as r,b as a}from"./p-f6000a03.js";import{w as o,a as m}from"./p-7d8a2628.js";import{i as l}from"./p-aaa7a7bd.js";function g(t){return"duet-grid-item"===t.tagName.toLowerCase()}const s=class{constructor(i){t(this,i),this.mql=[window.matchMedia(d.replace(/'/g,"")),window.matchMedia(r.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.distributeFormElement=!1,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,n=window.getComputedStyle(t);return["top","bottom"].map((t=>parseInt(n[`margin-${t}`]))).reduce(((t,i)=>t+i),i)}async connectedCallback(){const t=this.element;if(this.distributeFormElement="form_distribute"===this.alignment,this.mutationO=o(t,"duet-grid-item",(()=>{this.updateGridItems()})),this.distributeFormElement){this.mutation1=m(t,"duet-input",(()=>{this.updateGridItemsWithInputFields()}));for(let t=0;t<this.mql.length;t++)this.mql[t].addEventListener&&this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}this.updateGridItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),this.mutation1&&(this.mutation1.disconnect(),this.mutation1=void 0);for(let t=0;t<this.mql.length;t++)this.mql[t].removeEventListener&&this.mql[t].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}async updateGridItems(){Array.from(this.element.children).filter(g).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint,t.direction=this.direction,t.rowReverse=this.rowReverse}))}async updateGridItemsWithInputFields(){const t=Array.from(this.element.children).filter(g),i=!!window&&"column"===window.getComputedStyle(this.element).flexDirection;let n=0;const e=[];t.forEach((t=>{const i=t.querySelector("span.duet-input-error"),n=i?this.outerHeight(i):0;e.push(n)})),n=Math.max(...e),t.forEach((t=>{const e=t.querySelector("span.duet-input-error"),d=e?this.outerHeight(e):0;d<n&&!i?t.setAttribute("style",`padding-bottom: ${n-d}px;`):(d===n||i)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(n,{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 e(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}}};s.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 u=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(){l(this)}render(){return i(n,{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))}};u.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}';export{s as duet_grid,u as duet_grid_item}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,h as t,H as i,g as s}from"./p-8fde9a1b.js";import{a}from"./p-f6000a03.js";import{e as n,d}from"./p-8354d1f1.js";import{i as o}from"./p-aaa7a7bd.js";const r=class{constructor(t){e(this,t),this.mql=[window.matchMedia(a.replace(/'/g,""))],this.boundMqlFunctions=[],this.previousYScroll=0,this.handleMobileView=()=>{this.mql[0].matches?(this.mobile=!1,this.enableBodyScroll()):(this.mobile=!0,this.bodyScroll||this.disableBodyScroll())},this.onClick=()=>{this.open=!this.open},this.enableBodyScroll=()=>{this.nav&&n(this.nav),this.itemsContainer&&n(this.itemsContainer)},this.disableBodyScroll=()=>{this.nav&&d(this.nav,{reserveScrollBarGap:!0}),this.itemsContainer&&d(this.itemsContainer,{reserveScrollBarGap:!0})},this.checkIfHasItems=()=>{const e=!!this.element.querySelector("duet-submenu-bar-dropdown-link"),t=!!this.element.querySelector("duet-submenu-bar-link"),i=!!this.element.querySelector("duet-submenu-bar-item");return e||t||i},this.hidden=!1,this.mobile=!0,this.bodyScroll=!0,this.theme="",this.hideOnScroll=!1,this.open=!1,this.accessibleLabel=void 0}watchOpenStateHandler(e){e?(this.bodyScroll=!1,this.disableBodyScroll()):(this.enableBodyScroll(),this.bodyScroll=!0)}componentWillLoad(){o(this)}connectedCallback(){this.nav=document.querySelector("duet-nav > [slot='mobile']"),this.hasItems=this.checkIfHasItems(),this.handleMobileView();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.handleMobileView.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[],this.enableBodyScroll()}async setFocus(e){this.button.focus(e)}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hidden=!0):window.scrollY<150&&(this.hidden=!1),this.previousYScroll=window.scrollY)}render(){return t(i,{key:"a576724500c4788b536a3b8193739b0feb586097"},t("nav",{key:"cbd9bf6cf167219e06097ab35ab506fee4d2d264",class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme,hidden:this.hidden},"aria-label":this.accessibleLabel},this.hasItems&&t("button",{key:"12b2a7c525c7b1db09ed976ab4de37d29766d5af",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},t("span",{key:"db6dd7c6a6d7f4596de7804933eecfdd755d34d7",class:"label"},t("slot",{key:"655201ae74021152e4c40f8e05e799ee1211eaf5",name:"label"}),t("duet-icon",{key:"f4376447a260b87e6584cfc30649ad325793fbf0",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"0b0984efaef986d0cc085933db00c6184494fa24",class:{"menu-container":!0,hidden:!this.open},role:"presentation"},t("div",{key:"8f155fd14d531efd401d02a3cbb5b6ee6ea12f1b",role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:!0,hidden:!this.open},ref:e=>this.itemsContainer=e},t("div",{key:"372d9400bab87b47e8498d5f10389217d030b44d",class:"list",role:this.mobile?"presentation":"list"},t("slot",{key:"87dd3a21cbc88bbdb20a0e3d9f7bf2bd6e912739"}),t("div",{key:"e46af5d6a812acb52bc36e4ed73a3754b8689b44",class:"list-padding"}))),t("duet-overlay",{key:"25e2460627f6a2c3ba7e9c97aa6e971c2d902f2d","keep-stacking-context":!0,visible:this.open,"display-device":"not-large",transition:"immediate"}))))}get element(){return s(this)}static get watchers(){return{open:["watchOpenStateHandler"]}}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(181, 198, 208)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 247, 250)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}';export{r as duet_submenu_bar}
|
|
@@ -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-ecb2aca6.js";import{q as a}from"./p-1004af75.js";import{o as n,f as h,s as r,c as p,b as c}from"./p-81287261.js";import{i as u}from"./p-aaa7a7bd.js";import{f as d}from"./p-4460ee6c.js";import{c as l,f as m,b,o as f}from"./p-a45e3f8b.js";import{a as g}from"./p-0c115b39.js";import{T as v}from"./p-ca3cb21e.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.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&&h(),r({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();this.itemElements.forEach((t=>{t.style.display=!e||t.textContent.toLowerCase().includes(e)||t.value.toLowerCase().includes(e)?"":"none"}))},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.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){!!t!=!!e&&(this.open&&!e?(this.openButton&&(this.openButton.accessibleExpanded=!0),"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=c(this.openButton,this.menuElement,this.updatePlacement)),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)):!this.open&&e&&(this.openButton&&(this.openButton.accessibleExpanded=!1),this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&d(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"))}get popupMenuStyleHeight(){const t=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification"));if(t.length>0&&this.scrollLimit){const e=2*Number(a.replace("px",""));return`${t[0].offsetHeight*this.scrollLimit+e}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:"245da481a4c3ac550648005777f7f7724c8e7806"},i("div",{key:"17069b93e411e4f951dcf4f591aacf90a0fcf7ec",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:"24e126dbabf9089b5d3bed8d20c4a2d727531a0e"},i("duet-input",{key:"719101f79b6678a0e7b28694e2c630e902f58bb2",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-spacer",{key:"c49e9178d065230acbc63f163b9b31dfa53a56ae",size:"xx-small"})),i("slot",{key:"d6e2cbd68cd5f5961d5c486a974b72083f2cbae0"})))}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}";const k=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),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:"2f4a7fe60bc5938bbcb3b1fbce1b4c7bb6bc1de2",role:this.accessibleRole},i(t,{key:"c9f7fd447bb786217bd8a914167bb908acf66f37",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:"dcd75ed8a6b9113d52ffa7525c4356cbb2900bc4",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"db792f6c21c039bc1997fe199227a84854623c9d",class:"duet-popup-menu-item-label"},i("slot",{key:"dbe5cfc337cc536811672bfc2240518c230df8d6"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"dbcb7c7c1fb2a4279aab71c16bf8dfd0505fbe38",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:"e234fa5fd161ad0938c925c4b1fb75b6fbbb37f2",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}';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 o}from"./p-8fde9a1b.js";import{q as a}from"./p-1004af75.js";import{o as n,f as h,s as r,c as p,b as u}from"./p-81287261.js";import{i as d}from"./p-aaa7a7bd.js";import{f as c}from"./p-64f7e70b.js";import{c as l,f as m,b,o as f}from"./p-a45e3f8b.js";import{a as g}from"./p-1cfacaa0.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.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&&h(),r({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();this.itemElements.forEach((t=>{t.style.display=!e||t.textContent.toLowerCase().includes(e)||t.value.toLowerCase().includes(e)?"":"none"}))},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.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){!!t!=!!e&&(this.open&&!e?(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)),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)):!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"))}get popupMenuStyleHeight(){const t=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification"));if(t.length>0&&this.scrollLimit){const e=2*Number(a.replace("px",""));return`${t[0].offsetHeight*this.scrollLimit+e}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:"5bb85676ba5f828c366f50de522256423be04e85"},i("div",{key:"b518597ae6452ccc99331cf6d9b97f209d8837ee",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:"9805d1a455cb8e4c6503b1c4177a5d7a5c1d5d01"},i("duet-input",{key:"a5f49f43c7f8979b9adae13435194e7679bee6c2",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-spacer",{key:"507f2d58077dc27f7096aeb571e78a1b7ba3911f",size:"xx-small"})),i("slot",{key:"0df4eef63e174ee4ff14a23ba819461e30a118c9"})))}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}";const k=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),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:"ecd69714512d5821c0e558634c25094fae64a925",role:this.accessibleRole},i(t,{key:"13b3dd3ab67cecd24989acf66444b6d0badec52c",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:"3bfc02794dbd281e150ea8a0b16abac9b2c38b89",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"831b7cbafa3ac23a3b8f75099e6e1e9725b32c2f",class:"duet-popup-menu-item-label"},i("slot",{key:"c460db8d6e2067b8f7e1a2b6cebcf456114db058"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"f5c2c99a60fa0aa92e0e2530b04559f3260fcd6a",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:"ee9a288b2fcf622e2c1885f4d1be67d5025c23f6",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}';export{y as duet_popup_menu,k as duet_popup_menu_item}
|