@duetds/components 9.1.2 → 9.2.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 +220 -188
- package/lib/cjs/{app-globals-75ae6194.js → app-globals-8b08f415.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-alert.cjs.entry.js +3 -3
- package/lib/cjs/duet-badge.cjs.entry.js +3 -3
- package/lib/cjs/duet-banner.cjs.entry.js +2 -2
- 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 +4 -4
- package/lib/cjs/duet-callout.cjs.entry.js +4 -4
- package/lib/cjs/duet-caption_4.cjs.entry.js +6 -6
- package/lib/cjs/duet-card.cjs.entry.js +1 -1
- 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 → duet-chip_3.cjs.entry.js} +327 -1
- package/lib/cjs/duet-choice_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
- package/lib/cjs/duet-combobox.cjs.entry.js +42 -32
- package/lib/cjs/duet-contact-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +4 -4
- package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +7 -7
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +5 -5
- package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +3 -3
- 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 +3 -3
- package/lib/cjs/duet-icon.cjs.entry.js +4 -4
- package/lib/cjs/duet-input_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-layout.cjs.entry.js +7 -10
- 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 +3 -3
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar.cjs.entry.js +5 -5
- package/lib/cjs/duet-modal.cjs.entry.js +10 -10
- 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-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 +13 -13
- package/lib/cjs/duet-section-layout.cjs.entry.js +5 -6
- 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 +3 -3
- 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 +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 +2 -2
- 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 +6 -6
- 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 +3 -3
- 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 +6 -6
- 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-388375fb.js → errorcodes.utils-79df4fcd.js} +1 -1
- package/lib/cjs/{focus-utils-8bf2f9fe.js → focus-utils-87585a09.js} +1 -1
- package/lib/cjs/{index-9e6f7e53.js → index-290ab697.js} +2 -2
- package/lib/cjs/{language-utils-0eb766d8.js → language-utils-3372de6f.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-0975145c.js → slot-utils-8015a7e6.js} +1 -1
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
- package/lib/collection/components/duet-alert/duet-alert.js +1 -1
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-banner/duet-banner.js +1 -1
- 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 +5 -5
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.js +3 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-chip/duet-chip.js +6 -6
- 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 +3 -3
- package/lib/collection/components/duet-combobox/duet-combobox-select.js +4 -8
- package/lib/collection/components/duet-combobox/duet-combobox.css +2 -79
- package/lib/collection/components/duet-combobox/duet-combobox.js +38 -20
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.js +7 -7
- 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 +1 -1
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-input/duet-input.js +8 -8
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.css +24 -19
- package/lib/collection/components/duet-layout/duet-layout.js +5 -8
- package/lib/collection/components/duet-link/duet-link.js +2 -2
- 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.css +2 -0
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +3 -3
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +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-popup-menu/duet-popup-menu.js +45 -11
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +8 -0
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +28 -5
- 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.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.css +24 -15
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -4
- 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-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.js +10 -10
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +7 -7
- 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 +2 -2
- 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 +5 -5
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-badge.js +1 -1
- package/lib/dist-custom-elements/duet-banner.js +5 -5
- package/lib/dist-custom-elements/duet-breadcrumb.js +8 -8
- package/lib/dist-custom-elements/duet-breadcrumbs.js +4 -4
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +5 -5
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +3 -3
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-checkmark.js +1 -1
- package/lib/dist-custom-elements/duet-chip.js +1 -1
- package/lib/dist-custom-elements/duet-choice-group.js +9 -9
- package/lib/dist-custom-elements/duet-choice.js +6 -6
- package/lib/dist-custom-elements/duet-collapsible.js +3 -3
- package/lib/dist-custom-elements/duet-combobox.js +81 -53
- package/lib/dist-custom-elements/duet-contact-card.js +11 -11
- package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
- package/lib/dist-custom-elements/duet-date-picker.js +17 -17
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +9 -9
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-fieldset.js +1 -1
- package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
- package/lib/dist-custom-elements/duet-footer.js +9 -9
- package/lib/dist-custom-elements/duet-grid-item.js +1 -1
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +10 -10
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +11 -11
- 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 +7 -10
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-list-item.js +1 -1
- package/lib/dist-custom-elements/duet-list.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-menu-bar-item.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-link.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar.js +6 -6
- package/lib/dist-custom-elements/duet-modal.js +17 -17
- package/lib/dist-custom-elements/duet-multiselect.js +16 -16
- package/lib/dist-custom-elements/duet-nav.js +2 -2
- package/lib/dist-custom-elements/duet-notification-drawer.js +7 -7
- package/lib/dist-custom-elements/duet-notification.js +5 -5
- package/lib/dist-custom-elements/duet-number-input.js +13 -13
- package/lib/dist-custom-elements/duet-overlay.js +1 -1
- package/lib/dist-custom-elements/duet-page-heading.js +4 -4
- package/lib/dist-custom-elements/duet-pagination.js +25 -25
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu-item.js +1 -111
- package/lib/dist-custom-elements/duet-popup-menu.js +1 -277
- package/lib/dist-custom-elements/duet-progress.js +1 -1
- package/lib/dist-custom-elements/duet-promo-card.js +6 -6
- package/lib/dist-custom-elements/duet-radio-group.js +9 -9
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +2 -2
- package/lib/dist-custom-elements/duet-range-stepper.js +7 -7
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +5 -6
- 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 +4 -4
- 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 +11 -11
- package/lib/dist-custom-elements/duet-slideout.js +10 -10
- 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-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 +19 -19
- package/lib/dist-custom-elements/duet-tab.js +2 -2
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +15 -15
- 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 +4 -4
- 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 +6 -6
- package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
- package/lib/dist-custom-elements/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +23 -23
- package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/index.js +2 -2
- package/lib/dist-custom-elements/{p-74f689ae.js → p-0403f6da.js} +3 -3
- package/lib/dist-custom-elements/{p-11d8af72.js → p-0bb6686b.js} +5 -5
- package/lib/dist-custom-elements/{p-00d7b302.js → p-0fb7a267.js} +2 -2
- package/lib/dist-custom-elements/{p-9635880c.js → p-10f0fddb.js} +4 -4
- package/lib/dist-custom-elements/{p-7a7a6a7b.js → p-1dbac987.js} +9 -9
- package/lib/dist-custom-elements/{p-16a278f4.js → p-20420946.js} +4 -4
- package/lib/dist-custom-elements/{p-a7559bee.js → p-2e9f301d.js} +6 -6
- package/lib/dist-custom-elements/{p-69f6a6aa.js → p-317b4bb8.js} +1 -1
- package/lib/dist-custom-elements/{p-bec25ec5.js → p-33b260ff.js} +1 -1
- package/lib/dist-custom-elements/p-3bc3ac8a.js +119 -0
- package/lib/dist-custom-elements/{p-3caf29d6.js → p-3f00c32a.js} +1 -1
- package/lib/dist-custom-elements/{p-9ef37cc5.js → p-43a7f93f.js} +2 -2
- package/lib/dist-custom-elements/{p-8acea31f.js → p-43f6f1e6.js} +3 -3
- package/lib/dist-custom-elements/{p-926dfd0d.js → p-4e532364.js} +2 -2
- package/lib/dist-custom-elements/{p-fdc2bf62.js → p-52535b60.js} +13 -13
- package/lib/dist-custom-elements/{p-132de48f.js → p-550504de.js} +3 -3
- package/lib/dist-custom-elements/{p-401837cb.js → p-684cca0d.js} +3 -3
- package/lib/dist-custom-elements/{p-53d15ae4.js → p-6a5c7011.js} +11 -11
- package/lib/dist-custom-elements/{p-7c8f29a0.js → p-6d83f337.js} +4 -4
- package/lib/dist-custom-elements/{p-c5f82e3b.js → p-7e6cdbe3.js} +1 -1
- package/lib/dist-custom-elements/{p-6081e535.js → p-8b0dee3e.js} +1 -1
- package/lib/dist-custom-elements/{p-cd8e9097.js → p-8e557451.js} +2 -2
- package/lib/dist-custom-elements/{p-239cfc2e.js → p-936d5746.js} +2 -2
- package/lib/dist-custom-elements/{p-a1979351.js → p-95971567.js} +1 -1
- package/lib/dist-custom-elements/{p-f43704a4.js → p-ae262553.js} +2 -2
- package/lib/dist-custom-elements/{p-ddb9e9be.js → p-b3773c10.js} +3 -3
- package/lib/dist-custom-elements/{p-5f658e84.js → p-bdeb5fba.js} +12 -12
- package/lib/dist-custom-elements/{p-a9169fe0.js → p-c3854d56.js} +1 -1
- package/lib/dist-custom-elements/{p-8979d055.js → p-c775f5b9.js} +1 -1
- package/lib/dist-custom-elements/{p-434e64ad.js → p-cdf8041c.js} +8 -8
- package/lib/dist-custom-elements/{p-b1aa75c1.js → p-d6a8840d.js} +6 -6
- package/lib/dist-custom-elements/{p-39b4be25.js → p-e0913e76.js} +8 -8
- package/lib/dist-custom-elements/{p-cc58e64e.js → p-e416ccec.js} +3 -3
- package/lib/dist-custom-elements/{p-52618a53.js → p-e5f6aaab.js} +3 -3
- package/lib/dist-custom-elements/{p-7dfb4906.js → p-e7918410.js} +6 -6
- package/lib/dist-custom-elements/{p-f5924b7d.js → p-e8d60da0.js} +2 -2
- package/lib/dist-custom-elements/{p-1e7abd9f.js → p-e9361277.js} +5 -5
- package/lib/{esm/duet-popup-menu.entry.js → dist-custom-elements/p-ec4d6856.js} +68 -19
- package/lib/dist-custom-elements/{p-e399097c.js → p-ecc803b3.js} +1 -1
- package/lib/dist-custom-elements/{p-c77f9e4d.js → p-f055bb61.js} +3 -3
- package/lib/dist-custom-elements/{p-7a8eda34.js → p-f2f2bcca.js} +5 -5
- package/lib/dist-custom-elements/{p-c5df07b9.js → p-fc9b988f.js} +1 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-123e5149.entry.js → p-002c99c1.entry.js} +1 -1
- package/lib/duet/p-0258c8de.entry.js +4 -0
- package/lib/duet/{p-76ebeb39.system.entry.js → p-04734a93.system.entry.js} +2 -2
- package/lib/duet/{p-c5332265.system.entry.js → p-04efd66c.system.entry.js} +2 -2
- package/lib/duet/p-06051dcb.entry.js +4 -0
- package/lib/duet/{p-64da9c94.system.entry.js → p-0660a0ef.system.entry.js} +1 -1
- package/lib/duet/{p-0d9de644.entry.js → p-07293953.entry.js} +1 -1
- package/lib/duet/{p-4a689653.system.js → p-0740edce.system.js} +1 -1
- package/lib/duet/{p-471c18e5.system.entry.js → p-083353cb.system.entry.js} +1 -1
- package/lib/duet/{p-632363b9.system.entry.js → p-0bfe2f53.system.entry.js} +1 -1
- package/lib/duet/p-0bfee3a1.system.entry.js +4 -0
- package/lib/duet/{p-0fee15c1.system.js → p-0c12d3cd.system.js} +1 -1
- package/lib/duet/{p-ea7dccdf.system.entry.js → p-0ce0c979.system.entry.js} +1 -1
- package/lib/duet/p-0e1e68bc.system.entry.js +4 -0
- package/lib/duet/{p-9e4c6ea7.system.js → p-0e2c37c7.system.js} +1 -1
- package/lib/duet/{p-5ed66d93.entry.js → p-0fdbde27.entry.js} +1 -1
- package/lib/duet/{p-902c3cbe.system.entry.js → p-11e4c749.system.entry.js} +1 -1
- package/lib/duet/{p-5446b2c4.entry.js → p-17077f57.entry.js} +1 -1
- package/lib/duet/{p-b3bbea88.system.entry.js → p-17b64351.system.entry.js} +2 -2
- package/lib/duet/{p-ae6de40d.entry.js → p-18917d49.entry.js} +1 -1
- package/lib/duet/{p-fd40d190.system.entry.js → p-18cd13be.system.entry.js} +1 -1
- package/lib/duet/{p-c3573c7a.entry.js → p-18e6e7fe.entry.js} +1 -1
- package/lib/duet/{p-8de97e36.entry.js → p-199d505a.entry.js} +1 -1
- package/lib/duet/{p-493a25c0.system.entry.js → p-1abf7d11.system.entry.js} +1 -1
- package/lib/duet/{p-6a34f6be.entry.js → p-1db515c6.entry.js} +1 -1
- package/lib/duet/{p-e05007a2.system.entry.js → p-210715c1.system.entry.js} +1 -1
- package/lib/duet/{p-3a5b7cf7.system.entry.js → p-21ad7b3a.system.entry.js} +1 -1
- package/lib/duet/{p-8f1823c2.system.entry.js → p-231c6724.system.entry.js} +1 -1
- package/lib/duet/{p-6cd9ae43.entry.js → p-277fd80e.entry.js} +1 -1
- package/lib/duet/{p-a2c01fc7.system.entry.js → p-27aa38b5.system.entry.js} +1 -1
- package/lib/duet/{p-8980f13e.entry.js → p-281fa7a1.entry.js} +1 -1
- package/lib/duet/{p-e408682d.system.entry.js → p-29072d2d.system.entry.js} +1 -1
- package/lib/duet/{p-a1a10757.system.entry.js → p-2a2f7fe9.system.entry.js} +1 -1
- package/lib/duet/{p-934124e4.entry.js → p-2b790430.entry.js} +1 -1
- package/lib/duet/{p-60327ec6.system.entry.js → p-357fba0e.system.entry.js} +1 -1
- package/lib/duet/{p-3affe362.entry.js → p-372b1880.entry.js} +1 -1
- package/lib/duet/{p-35bf92a1.system.entry.js → p-3958bcfa.system.entry.js} +1 -1
- package/lib/duet/{p-c7aea431.entry.js → p-39630105.entry.js} +1 -1
- package/lib/duet/{p-ec6a0e13.entry.js → p-39dab293.entry.js} +1 -1
- package/lib/duet/{p-8aaadc21.system.entry.js → p-3daaefaf.system.entry.js} +1 -1
- package/lib/duet/{p-8cb3b550.system.entry.js → p-40b33a43.system.entry.js} +1 -1
- package/lib/duet/{p-a1af9ad9.system.entry.js → p-40ee32f0.system.entry.js} +1 -1
- package/lib/duet/{p-8a9f676f.system.entry.js → p-410c17b6.system.entry.js} +1 -1
- package/lib/duet/{p-33ca3555.system.entry.js → p-434bda24.system.entry.js} +1 -1
- package/lib/duet/{p-d46a310c.entry.js → p-4407ea5a.entry.js} +1 -1
- package/lib/duet/{p-30f2d20a.entry.js → p-4451f3eb.entry.js} +1 -1
- package/lib/duet/{p-8d25bac7.entry.js → p-44c19fe9.entry.js} +1 -1
- package/lib/duet/{p-d3b84b94.entry.js → p-44d2dbb7.entry.js} +1 -1
- package/lib/duet/{p-6c917ed9.entry.js → p-44ecb79f.entry.js} +1 -1
- package/lib/duet/{p-bf40b101.entry.js → p-4543f9e7.entry.js} +1 -1
- package/lib/duet/{p-012938af.system.entry.js → p-477d4c2a.system.entry.js} +1 -1
- package/lib/duet/p-48836fcc.system.entry.js +4 -0
- package/lib/duet/{p-ae4cd43d.entry.js → p-49051d57.entry.js} +1 -1
- package/lib/duet/{p-36637566.system.entry.js → p-49e6e791.system.entry.js} +2 -2
- package/lib/duet/{p-20393f34.system.entry.js → p-4a59b12a.system.entry.js} +1 -1
- package/lib/duet/{p-03eab84c.system.entry.js → p-4cc5c937.system.entry.js} +1 -1
- package/lib/duet/{p-aa8648b3.system.entry.js → p-4e485c1c.system.entry.js} +1 -1
- package/lib/duet/{p-0b2e581f.entry.js → p-50f8076d.entry.js} +1 -1
- package/lib/duet/{p-59ae9e27.system.entry.js → p-51675591.system.entry.js} +1 -1
- package/lib/duet/{p-8f2af04b.system.entry.js → p-522e0468.system.entry.js} +1 -1
- package/lib/duet/{p-85f4d527.entry.js → p-52fc5c3b.entry.js} +1 -1
- package/lib/duet/{p-11d01633.system.entry.js → p-54460ce3.system.entry.js} +1 -1
- package/lib/duet/{p-f8d41de4.entry.js → p-546ca397.entry.js} +1 -1
- package/lib/duet/{p-d5e996fd.entry.js → p-54d7e599.entry.js} +1 -1
- package/lib/duet/{p-ab78e681.entry.js → p-554cff02.entry.js} +1 -1
- package/lib/duet/{p-ce289a58.system.entry.js → p-5839bb7a.system.entry.js} +1 -1
- package/lib/duet/{p-9ea9329f.entry.js → p-58400179.entry.js} +1 -1
- package/lib/duet/{p-14dc7cf5.entry.js → p-584be931.entry.js} +1 -1
- package/lib/duet/{p-0e255314.system.entry.js → p-5899db41.system.entry.js} +1 -1
- package/lib/duet/{p-dc7c2dc7.system.entry.js → p-5a8ca9f7.system.entry.js} +1 -1
- package/lib/duet/{p-3233973c.system.entry.js → p-5c5202c1.system.entry.js} +1 -1
- package/lib/duet/{p-6d405ca2.system.entry.js → p-5e0a2a78.system.entry.js} +2 -2
- package/lib/duet/{p-5432aefa.system.entry.js → p-5e46b67c.system.entry.js} +1 -1
- package/lib/duet/{p-4f47944f.system.entry.js → p-5eda45d0.system.entry.js} +1 -1
- package/lib/duet/{p-758cb2a2.system.entry.js → p-6014d518.system.entry.js} +1 -1
- package/lib/duet/{p-6df59cfe.entry.js → p-6119ef0a.entry.js} +1 -1
- package/lib/duet/{p-754100c9.system.entry.js → p-61fe999e.system.entry.js} +1 -1
- package/lib/duet/{p-2c999efc.entry.js → p-66da99e1.entry.js} +1 -1
- package/lib/duet/p-681afce7.js +4 -0
- package/lib/duet/{p-b64eb2b3.system.entry.js → p-69bb93ee.system.entry.js} +1 -1
- package/lib/duet/{p-997146fa.system.entry.js → p-6b2a8199.system.entry.js} +2 -2
- package/lib/duet/p-6db337db.entry.js +4 -0
- package/lib/duet/{p-2349ea53.entry.js → p-6f1fc369.entry.js} +1 -1
- package/lib/duet/{p-5cd8706b.entry.js → p-73f290b1.entry.js} +1 -1
- package/lib/duet/p-747505e8.entry.js +4 -0
- package/lib/duet/{p-0b249181.js → p-765f640d.js} +1 -1
- package/lib/duet/{p-0487aadb.system.entry.js → p-77009e02.system.entry.js} +1 -1
- package/lib/duet/{p-c3524f86.system.entry.js → p-7776b2e3.system.entry.js} +1 -1
- package/lib/duet/{p-12155eae.system.entry.js → p-77bd02b8.system.entry.js} +1 -1
- package/lib/duet/{p-a2ddcf90.entry.js → p-7bc8a7ba.entry.js} +1 -1
- package/lib/duet/{p-86f0eef8.system.entry.js → p-7ca5fee5.system.entry.js} +1 -1
- package/lib/duet/{p-62cf9516.entry.js → p-80ebdba0.entry.js} +1 -1
- package/lib/duet/{p-dcf097a9.system.entry.js → p-82557326.system.entry.js} +1 -1
- package/lib/duet/p-83dc6278.entry.js +4 -0
- package/lib/duet/{p-5e2f8206.js → p-8483586d.js} +1 -1
- package/lib/duet/{p-6d11c049.entry.js → p-8575f97e.entry.js} +1 -1
- package/lib/duet/{p-63f80431.system.entry.js → p-86ddbb9f.system.entry.js} +1 -1
- package/lib/duet/{p-8c84e41c.entry.js → p-88a370ef.entry.js} +1 -1
- package/lib/duet/{p-6fde361f.system.entry.js → p-89bc2c76.system.entry.js} +1 -1
- package/lib/duet/{p-6faa9435.system.entry.js → p-8d6d407f.system.entry.js} +1 -1
- package/lib/duet/{p-2fc10b59.entry.js → p-8d7d23ca.entry.js} +1 -1
- package/lib/duet/{p-b5aaa528.system.entry.js → p-8e8ac460.system.entry.js} +1 -1
- package/lib/duet/{p-45d596e8.entry.js → p-907e01e1.entry.js} +1 -1
- package/lib/duet/{p-6a0ed208.entry.js → p-90e39ad6.entry.js} +1 -1
- package/lib/duet/{p-730ac0b8.entry.js → p-912860f0.entry.js} +1 -1
- package/lib/duet/{p-31ee8ad8.entry.js → p-98d9fcfc.entry.js} +1 -1
- package/lib/duet/{p-9d521ea1.system.entry.js → p-995b0ea5.system.entry.js} +1 -1
- package/lib/duet/{p-5e502442.system.entry.js → p-9b70444f.system.entry.js} +1 -1
- package/lib/duet/{p-08727974.entry.js → p-9bbdecc7.entry.js} +1 -1
- package/lib/duet/{p-20a0e98c.entry.js → p-9df917b9.entry.js} +1 -1
- package/lib/duet/{p-86ba2e23.entry.js → p-9f08395f.entry.js} +1 -1
- package/lib/duet/{p-e20b0d90.entry.js → p-9fa9db50.entry.js} +1 -1
- package/lib/duet/{p-d3101c8a.system.js → p-9fdb1552.system.js} +2 -2
- package/lib/duet/{p-541301b8.system.entry.js → p-a2023033.system.entry.js} +1 -1
- package/lib/duet/{p-4ab05bd1.system.entry.js → p-a25f447e.system.entry.js} +1 -1
- package/lib/duet/{p-b839f59a.system.entry.js → p-a37a7f5f.system.entry.js} +1 -1
- package/lib/duet/{p-6e0ff6ff.entry.js → p-a4d2aea7.entry.js} +1 -1
- package/lib/duet/{p-54f1f550.system.entry.js → p-a4d589fb.system.entry.js} +2 -2
- package/lib/duet/{p-04085d32.entry.js → p-a623fa7e.entry.js} +1 -1
- package/lib/duet/{p-8cacd5d4.entry.js → p-a696a103.entry.js} +1 -1
- package/lib/duet/{p-e1e9de91.entry.js → p-a710fd68.entry.js} +1 -1
- package/lib/duet/{p-697c4f57.entry.js → p-a89f11eb.entry.js} +1 -1
- package/lib/duet/{p-9070bf89.system.entry.js → p-ab487d80.system.entry.js} +2 -2
- package/lib/duet/{p-22c7d5ee.entry.js → p-ab5f9de6.entry.js} +1 -1
- package/lib/duet/{p-18766573.entry.js → p-acd9cb61.entry.js} +1 -1
- package/lib/duet/{p-00f584d4.js → p-ae8d9deb.js} +1 -1
- package/lib/duet/p-af311c80.entry.js +4 -0
- package/lib/duet/{p-6e8ebe18.entry.js → p-b01e1603.entry.js} +1 -1
- package/lib/duet/p-b24bbdc0.entry.js +4 -0
- package/lib/duet/{p-cf05a9a4.entry.js → p-b5329846.entry.js} +1 -1
- package/lib/duet/p-b5dabfe2.entry.js +4 -0
- package/lib/duet/{p-eb8bf9ea.entry.js → p-b69d6f0f.entry.js} +1 -1
- package/lib/duet/{p-8507509a.js → p-b6e8a587.js} +1 -1
- package/lib/duet/{p-a4a42c3e.system.entry.js → p-b7efe3b3.system.entry.js} +1 -1
- package/lib/duet/{p-91bf41a8.system.entry.js → p-b97c6e73.system.entry.js} +1 -1
- package/lib/duet/{p-8ab41ea5.entry.js → p-b9ca5786.entry.js} +1 -1
- package/lib/duet/{p-ebca186a.system.entry.js → p-ba7657d2.system.entry.js} +1 -1
- package/lib/duet/p-bb896f73.system.js +4 -0
- package/lib/duet/{p-73170927.entry.js → p-bc188b4d.entry.js} +1 -1
- package/lib/duet/{p-2526c848.entry.js → p-bd60816f.entry.js} +1 -1
- package/lib/duet/{p-337009ba.system.entry.js → p-be7c8c61.system.entry.js} +1 -1
- package/lib/duet/{p-3b668f9d.system.entry.js → p-bff7ece1.system.entry.js} +1 -1
- package/lib/duet/p-c02efffc.system.entry.js +4 -0
- package/lib/duet/p-c162e573.system.entry.js +4 -0
- package/lib/duet/{p-7cc379a7.system.entry.js → p-c1e4c10f.system.entry.js} +1 -1
- package/lib/duet/{p-91374fa5.system.entry.js → p-c999ea8d.system.entry.js} +1 -1
- package/lib/duet/{p-eb8ddb2c.entry.js → p-cb7626f8.entry.js} +1 -1
- package/lib/duet/{p-966bf379.system.entry.js → p-cb833d34.system.entry.js} +1 -1
- package/lib/duet/{p-0853dd3b.system.js → p-d19b027a.system.js} +1 -1
- package/lib/duet/p-d1c6861d.system.entry.js +4 -0
- package/lib/duet/{p-7f96f678.entry.js → p-d2b0c35d.entry.js} +1 -1
- package/lib/duet/{p-de5b2f37.system.js → p-d40e8899.system.js} +1 -1
- package/lib/duet/p-d64e3229.entry.js +4 -0
- package/lib/duet/{p-7e06948d.entry.js → p-d7d9526b.entry.js} +1 -1
- package/lib/duet/{p-fc3f42ab.entry.js → p-d9f0722f.entry.js} +1 -1
- package/lib/duet/{p-191f51da.system.entry.js → p-da60c177.system.entry.js} +1 -1
- package/lib/duet/{p-fe661e98.system.entry.js → p-dd48441b.system.entry.js} +1 -1
- package/lib/duet/{p-c3035dee.system.entry.js → p-deaa6b23.system.entry.js} +1 -1
- package/lib/duet/{p-f368439a.entry.js → p-e021729d.entry.js} +1 -1
- package/lib/duet/{p-d4cf8310.system.entry.js → p-e3bf718e.system.entry.js} +1 -1
- package/lib/duet/{p-01ce7028.system.entry.js → p-e43ff11c.system.entry.js} +1 -1
- package/lib/duet/{p-ecde67f6.entry.js → p-e8daf1e2.entry.js} +1 -1
- package/lib/duet/{p-50428ca6.entry.js → p-ec809c70.entry.js} +1 -1
- package/lib/duet/p-ed4d1a8b.js +4 -0
- package/lib/duet/{p-695da2aa.entry.js → p-ede1eb73.entry.js} +1 -1
- package/lib/duet/{p-2b3b6d33.entry.js → p-ee6bfb1e.entry.js} +1 -1
- package/lib/duet/{p-4f7a0a49.entry.js → p-f00a57c0.entry.js} +1 -1
- package/lib/duet/{p-9d3ef1e0.system.entry.js → p-f3a6603e.system.entry.js} +1 -1
- package/lib/duet/{p-064b79e8.entry.js → p-f4b2f2e8.entry.js} +1 -1
- package/lib/duet/{p-236df5f1.entry.js → p-f7845fea.entry.js} +1 -1
- package/lib/duet/{p-f6c25420.system.entry.js → p-fef50246.system.entry.js} +1 -1
- package/lib/esm/{app-globals-6cbf18ba.js → app-globals-01df0e2e.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +2 -2
- package/lib/esm/duet-alert.entry.js +3 -3
- package/lib/esm/duet-badge.entry.js +3 -3
- package/lib/esm/duet-banner.entry.js +2 -2
- 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 +4 -4
- package/lib/esm/duet-callout.entry.js +4 -4
- package/lib/esm/duet-caption_4.entry.js +6 -6
- package/lib/esm/duet-card.entry.js +1 -1
- 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 → duet-chip_3.entry.js} +327 -3
- package/lib/esm/duet-choice_2.entry.js +3 -3
- package/lib/esm/duet-collapsible.entry.js +2 -2
- package/lib/esm/duet-combobox.entry.js +42 -32
- package/lib/esm/duet-contact-card.entry.js +4 -4
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +4 -4
- package/lib/esm/duet-divider_2.entry.js +2 -2
- package/lib/esm/duet-editable-table_3.entry.js +7 -7
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +5 -5
- package/lib/esm/duet-file-chooser.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +3 -3
- 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 +3 -3
- package/lib/esm/duet-icon.entry.js +4 -4
- package/lib/esm/duet-input_2.entry.js +3 -3
- package/lib/esm/duet-layout.entry.js +7 -10
- 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 +3 -3
- package/lib/esm/duet-menu-bar-link.entry.js +3 -3
- package/lib/esm/duet-menu-bar.entry.js +5 -5
- package/lib/esm/duet-modal.entry.js +10 -10
- 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-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 +13 -13
- package/lib/esm/duet-section-layout.entry.js +5 -6
- 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 +3 -3
- 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 +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 +2 -2
- 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 +6 -6
- 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 +3 -3
- 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 +6 -6
- 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-2a3a0ed1.js → errorcodes.utils-ac65ace8.js} +1 -1
- package/lib/esm/{focus-utils-1e2c1ed7.js → focus-utils-3e81bca4.js} +1 -1
- package/lib/esm/{index-f384e24a.js → index-5d196317.js} +2 -2
- package/lib/esm/{language-utils-b0c1f3cd.js → language-utils-97f0a1bb.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-e698dc9e.js → slot-utils-4442cc08.js} +1 -1
- package/lib/esm-es5/{app-globals-6cbf18ba.js → app-globals-01df0e2e.js} +1 -1
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +2 -2
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +2 -2
- package/lib/esm-es5/duet-checkmark.entry.js +1 -1
- package/lib/esm-es5/duet-chip_3.entry.js +4 -0
- 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 +2 -2
- package/lib/esm-es5/duet-contact-card.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +2 -2
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +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 +2 -2
- package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +1 -1
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-overlay.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +2 -2
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +2 -2
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-section-layout.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
- package/lib/esm-es5/duet-show-more.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +2 -2
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +2 -2
- 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 +1 -1
- 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-2a3a0ed1.js → errorcodes.utils-ac65ace8.js} +1 -1
- package/lib/esm-es5/focus-utils-3e81bca4.js +4 -0
- package/lib/esm-es5/{index-f384e24a.js → index-5d196317.js} +2 -2
- package/lib/esm-es5/{language-utils-b0c1f3cd.js → language-utils-97f0a1bb.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{slot-utils-e698dc9e.js → slot-utils-4442cc08.js} +1 -1
- package/lib/types/components/duet-combobox/duet-combobox-select.d.ts +2 -1
- package/lib/types/components/duet-combobox/duet-combobox.d.ts +3 -1
- package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +7 -2
- package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts +6 -1
- package/lib/types/components.d.ts +15 -6
- package/package.json +4 -4
- package/lib/cjs/duet-popup-menu-item.cjs.entry.js +0 -83
- package/lib/cjs/duet-popup-menu.cjs.entry.js +0 -250
- package/lib/duet/p-053113a9.system.entry.js +0 -4
- package/lib/duet/p-1b5ce17e.system.entry.js +0 -4
- package/lib/duet/p-1c8c9651.entry.js +0 -4
- package/lib/duet/p-22a5ac0a.entry.js +0 -4
- package/lib/duet/p-22cb3c28.system.entry.js +0 -4
- package/lib/duet/p-26c71746.system.js +0 -4
- package/lib/duet/p-2e108879.js +0 -4
- package/lib/duet/p-344d401b.entry.js +0 -4
- package/lib/duet/p-38ab5505.entry.js +0 -4
- package/lib/duet/p-47e4eada.entry.js +0 -4
- package/lib/duet/p-76eec0c0.system.entry.js +0 -4
- package/lib/duet/p-946101a9.js +0 -4
- package/lib/duet/p-a365e326.entry.js +0 -4
- package/lib/duet/p-a81e7736.entry.js +0 -4
- package/lib/duet/p-b93605ee.system.entry.js +0 -4
- package/lib/duet/p-bfb824c6.entry.js +0 -4
- package/lib/duet/p-c2ca9373.entry.js +0 -4
- package/lib/duet/p-cb9d279b.system.entry.js +0 -4
- package/lib/duet/p-e69bd7e8.entry.js +0 -4
- package/lib/duet/p-ea445202.system.entry.js +0 -4
- package/lib/duet/p-f1bf4f9e.entry.js +0 -4
- package/lib/duet/p-f9eb5cbb.system.entry.js +0 -4
- package/lib/esm/duet-popup-menu-item.entry.js +0 -79
- package/lib/esm-es5/duet-chip.entry.js +0 -4
- package/lib/esm-es5/duet-popup-menu-item.entry.js +0 -4
- package/lib/esm-es5/duet-popup-menu.entry.js +0 -4
- package/lib/esm-es5/focus-utils-1e2c1ed7.js +0 -4
- /package/lib/dist-custom-elements/{p-bc933201.js → p-8764aea1.js} +0 -0
|
@@ -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-00f584d4.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:"1fe1ac541aeae071f5684e90937cee1a4be689d6",class:{"duet-list-component":!0,"duet-m-0":"none"===this.margin}},e("slot",{key:"166ca55ff1ca8e804357bf991b84ede3eac45d13"}))}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:"51727fd3a93ff7c60c621ac1d7e7cc81f968c64c",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:"efa1422d25f7b0b30977b274edd33c65ffbb098a"},e("slot",{key:"985fb259b41d4167c1b30101a8774672b3f04366",name:"label"})),e("dd",{key:"b2708677ba4d4b9695f44dea7249243db286552d"},e("slot",{key:"fe82ff7e6aa8ba8862700260087dcc1e4cd9a5ed",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(0, 41, 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, 245, 247)}:host(.duet-list-bordered){border-block-start:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(228, 228, 230)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(228, 228, 230)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(228, 228, 230)}: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-ae8d9deb.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:"be789bab546df8b0ac070d09a5f5c47f5f428afe",class:{"duet-list-component":!0,"duet-m-0":"none"===this.margin}},e("slot",{key:"645ee0c7c623eeed042e25ac2ea7aab51ef1a2bc"}))}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:"8d0b6c3347c4a27c4860fab966fe6bc260b67a86",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:"2240e7c58ae5f995ae07f4ef72d1196e2098a01c"},e("slot",{key:"0bd7d924731a9f4cbe0583160ea8c36ef97cc810",name:"label"})),e("dd",{key:"c4c449fcf008b4d2b068fd36f0d3a982b43a3aac"},e("slot",{key:"a655dde8debcffe6b0569772902072ede9790cab",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(0, 41, 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, 245, 247)}:host(.duet-list-bordered){border-block-start:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(228, 228, 230)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(228, 228, 230)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(228, 228, 230)}: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,i,a){function d(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function n(e){try{s(a.next(e))}catch(e){o(e)}}function r(e){try{s(a["throw"](e))}catch(e){o(e)}}function s(e){e.done?i(e.value):d(e.value).then(n,r)}s((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,d,o,n;return n={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function r(e){return function(t){return s([e,t])}}function s(r){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,r[0]&&(i=0)),i)try{if(a=1,d&&(o=r[0]&2?d["return"]:r[0]?d["throw"]||((o=d["return"])&&o.call(d),0):d.next)&&!(o=o.call(d,r[1])).done)return o;if(d=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;d=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=t.call(e,i)}catch(e){r=[6,e];d=0}finally{a=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-d3101c8a.system.js","./p-49957220.system.js","./p-e216bea4.system.js","./p-cc5e6288.system.js","./p-de5b2f37.system.js","./p-34d7dd10.system.js","./p-0fee15c1.system.js","./p-0853dd3b.system.js","./p-f6b21d17.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,a,d,o,n,r,s,u,l,m,c,h,p,f,g;return{setters:[function(e){t=e.r;i=e.c;a=e.h;d=e.g},function(e){o=e.d;n=e.e},function(e){r=e.i},function(e){s=e.a},function(e){u=e.f},function(e){l=e.f},function(e){m=e.a;c=e.g;h=e.c;p=e.d},function(e){f=e.h},function(e){g=e.T},function(){}],execute:function(){var b='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){.duet-modal.slide-up{border-radius:16px 16px 0 0}}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);border-radius:4px 4px 0 0}@media (max-width: 35.9375em){.duet-modal-sticky-header{border-radius:16px 16px 0 0}}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';var y=b;var v=600;var x=e("duet_modal",function(){function e(e){t(this,e);this.duetOpen=i(this,"duetOpen",7);this.duetClose=i(this,"duetClose",7);this.duetCloseComplete=i(this,"duetCloseComplete",7);this.duetBeforeClose=i(this,"duetBeforeClose",7);var a,d;this.hasStickyHeader=false;this.isAndroidDevice=((d=(a=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||a===void 0?void 0:a.toLowerCase())===null||d===void 0?void 0:d.indexOf("android"))>-1||null;this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.accessibleLoaderAnnouncementDefaults=s;this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"};this.handleAndroidResizeEvents=function(){if(document.activeElement.tagName=="INPUT"){window.setTimeout((function(){var e;try{(e=document===null||document===void 0?void 0:document.activeElement)===null||e===void 0?void 0:e.scrollIntoViewIfNeeded(true)}catch(e){}}),100)}};this.open=false;this.language=m();this.accessibleCloseLabel=c(this.accessibleCloseLabelDefaults,this.language);this.accessibleLoaderAnnouncement=c(this.accessibleLoaderAnnouncementDefaults,this.language);this.size="medium";this.accessibleDescribedBy=undefined;this.accessibleLabelledBy=undefined;this.accessibleLabel=undefined;this.accessibleDetails=undefined;this.accessibleDescription=undefined;this.variation="default";this.gutterSize="medium";this.theme="";this.heading="";this.headingLevel="h3";this.headingVisualLevel=undefined;this.icon="";this.color="";this.active=false;this.closeOnBlur=false}e.prototype.openChanged=function(){var e=this;if(this.open){if(this.modalEl&&this.modalEl.scrollTop){this.modalEl.scrollTop=0}this.focusedElBeforeOpen=document.activeElement;o(this.variation==="slide-up"?this.modalContentEl:this.modalEl,{reserveScrollBarGap:true});this.teleport.makeSiblingsInert();this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.remove()}));setTimeout((function(){if(e.variation==="loader"){e.addMessage(e.accessibleLoaderAnnouncement,false)}else{if(e.isAndroidDevice){e.modalEl.focus()}else{e.buttonEl.setFocus()}}}),v);setTimeout((function(){e.modalEl.classList.add("duet-disable-transitions")}),v+200);if(this.isAndroidDevice){window.addEventListener("resize",this.handleAndroidResizeEvents)}this.duetOpen.emit()}else{this.modalEl.classList.remove("duet-disable-transitions");this.modalEl.addEventListener("transitionend",(function(){return e.duetCloseComplete.emit()}),{once:true});n(this.variation==="slide-up"?this.modalContentEl:this.modalEl);this.duetClose.emit();this.teleport.removeInertFromSiblings();setTimeout((function(){u(e.focusedElBeforeOpen)}),v);if(this.isAndroidDevice){window.removeEventListener("resize",this.handleAndroidResizeEvents)}}};e.prototype.activeChanged=function(){this.open=this.active};e.prototype.componentWillLoad=function(){this.hasStickyHeader=f(this.element,"sticky-header");r(this)};e.prototype.componentDidLoad=function(){if(this.active){this.open=true;this.modalEl.classList.add("duet-disable-transitions")}};e.prototype.connectedCallback=function(){if(!this.teleport){this.teleport=new g(this.element)}if(this.teleport){this.teleport.activate()}h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])};e.prototype.disconnectedCallback=function(){p(this);if(this.modalEl){n(this.modalEl)}};e.prototype.handleKeyUp=function(e){if(this.open){if(l(e)){this.closeModal(e)}}};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;return[2]}))}))};e.prototype.scrollToTop=function(){return __awaiter(this,arguments,void 0,(function(e){var t,i,a,d;if(e===void 0){e=true}return __generator(this,(function(o){i=e?"smooth":"auto";if(this.variation==="slide-up"){a=((t=this.modalEl.querySelector(".duet-modal-sticky-header"))===null||t===void 0?void 0:t.clientHeight)||0;d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop="".concat(a+d.value,"px");this.slotContainerEl.scrollIntoView({behavior:i})}else{this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:i})}return[2]}))}))};e.prototype.addMessage=function(e){return __awaiter(this,arguments,void 0,(function(e,t){var i;var a=this;if(t===void 0){t=true}return __generator(this,(function(d){i=document.createElement(t?"duet-paragraph":"duet-visually-hidden");i.textContent=e;i.classList.add("duet-loader-message");if(t){setTimeout((function(){a.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.classList.remove("show")}));i.classList.add("show")}),10)}this.slotContainerEl.appendChild(i);return[2]}))}))};e.prototype.closeModal=function(e){var t=this;this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"});if(!e.defaultPrevented){setTimeout((function(){t.hide()}),1)}};e.prototype.render=function(){var e,t;var i=this;var d,o;var n="primary";var r="secondary";var s=a("div",{key:"1dbe12d292a5d852cc15d465a9a66f5965af9430",class:"duet-modal-close"},a("duet-button",{key:"468e6a8ffbaebd63b3b4a8ee7af2a56adc95ca33",ref:function(e){return i.buttonEl=e},variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:r,iconSize:"large",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:function(e){return i.closeModal(e)},fixed:true}));if(this.theme==="turva"){n="primary-turva";r="secondary-turva"}return a("div",{key:"71d788e920473696ea1178fd1f4d531332c0278d",ref:function(e){return i.modalEl=e},"aria-label":(d=this.accessibleLabel)!==null&&d!==void 0?d:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:this.variation==="loader"?"alert":"dialog","aria-modal":this.isSafariBrowser?false:true,tabindex:"-1",class:{"duet-modal-container":true,"duet-theme-turva":this.theme==="turva","duet-modal-active":this.open,"duet-modal-slide-up":this.variation==="slide-up","duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{key:"dc0d466574cf07bd5b2442a969e2309d1f4c3b84","z-index":"-1",visible:this.open,variation:this.variation==="loader"?"white":"default"}),a("div",{key:"9412b5b6e861150f01c81fbd495a1deca1576301",ref:function(e){return i.modalInnerEl=e},class:(e={"duet-modal-inner":true},e[this.size]=true,e["duet-modal-slide-up"]=this.variation==="slide-up",e),onClick:function(e){if(i.closeOnBlur){var t=e.target||e.srcElement;if(t===i.modalInnerEl){i.closeModal(e)}}}},a("div",{key:"cd7f79907611d3f5d06c95b9288d3d078e12c825",ref:function(e){return i.modalContentEl=e},class:(t={"duet-modal":true,"duet-modal-has-sticky-header":this.hasStickyHeader},t[this.size]=true,t[this.variation]=true,t)},this.gutterSize!=="none"&&!this.hasStickyHeader&&a("duet-spacer",{key:"7836985c408c6f18fc389f3965a4b41d6eb59b3d"}),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},s,a("slot",{name:"sticky-header"})):s,a("div",{key:"9d54f33d50e94607e2ef8517670f723e6602b628",class:{"duet-modal-body":true,"duet-modal-gutter-none":this.gutterSize==="none","duet-modal-gutter-small":this.gutterSize==="small","duet-modal-gutter-medium":this.gutterSize==="medium","duet-modal-gutter-large":this.gutterSize==="large"}},a("div",{key:"ad9468551b2c57c08c2a4a0e412de18472d59795",class:"duet-modal-header"},a("span",{key:"9c6269ee1ca066e75d630a033692daa3d7e45e2c",class:"duet-modal-inner-slot-top"},a("slot",{key:"59df4f56690160cbf5540000a4df88079d934cdb",name:"top"})),this.icon&&a("duet-icon",{key:"686b798b952df7dbc87a678bc20a46d2856bd047",name:this.icon,size:"xx-large",color:this.color||n}),this.heading&&a("duet-heading",{key:"d54b10219d4a823f7d60ace3ee304e920578ed19","visual-level":(o=this.headingVisualLevel)!==null&&o!==void 0?o:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),this.variation==="loader"&&a("div",{key:"86418e12b9d65d5812eb3ced0f08a9d1cd9d3427",class:"duet-modal-spinner"},a("duet-spinner",{key:"3aeda44a3313984a91ec59d3f9455408aa4b7fe7",size:"large",color:"primary"})),a("div",{key:"f130a5ad99bade63e75eb33a6e52d65d5e2267c0",class:"duet-modal-inner-slot-default",ref:function(e){return i.slotContainerEl=e},"aria-live":this.variation==="loader"?"assertive":"off"},a("slot",{key:"38d1e37735093ca54cefb2c0fcea95bcf5031e7d"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["openChanged"],active:["activeChanged"]}},enumerable:false,configurable:true});return e}());x.style=y}}}));
|
|
4
|
+
*/System.register(["./p-9fdb1552.system.js","./p-49957220.system.js","./p-e216bea4.system.js","./p-cc5e6288.system.js","./p-d40e8899.system.js","./p-34d7dd10.system.js","./p-0c12d3cd.system.js","./p-d19b027a.system.js","./p-f6b21d17.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,a,d,o,n,r,s,u,l,m,c,h,f,p,g;return{setters:[function(e){t=e.r;i=e.c;a=e.h;d=e.g},function(e){o=e.d;n=e.e},function(e){r=e.i},function(e){s=e.a},function(e){u=e.f},function(e){l=e.f},function(e){m=e.a;c=e.g;h=e.c;f=e.d},function(e){p=e.h},function(e){g=e.T},function(){}],execute:function(){var b='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){.duet-modal.slide-up{border-radius:16px 16px 0 0}}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);border-radius:4px 4px 0 0}@media (max-width: 35.9375em){.duet-modal-sticky-header{border-radius:16px 16px 0 0}}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';var y=b;var v=600;var x=e("duet_modal",function(){function e(e){t(this,e);this.duetOpen=i(this,"duetOpen",7);this.duetClose=i(this,"duetClose",7);this.duetCloseComplete=i(this,"duetCloseComplete",7);this.duetBeforeClose=i(this,"duetBeforeClose",7);var a,d;this.hasStickyHeader=false;this.isAndroidDevice=((d=(a=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||a===void 0?void 0:a.toLowerCase())===null||d===void 0?void 0:d.indexOf("android"))>-1||null;this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.accessibleLoaderAnnouncementDefaults=s;this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"};this.handleAndroidResizeEvents=function(){if(document.activeElement.tagName=="INPUT"){window.setTimeout((function(){var e;try{(e=document===null||document===void 0?void 0:document.activeElement)===null||e===void 0?void 0:e.scrollIntoViewIfNeeded(true)}catch(e){}}),100)}};this.open=false;this.language=m();this.accessibleCloseLabel=c(this.accessibleCloseLabelDefaults,this.language);this.accessibleLoaderAnnouncement=c(this.accessibleLoaderAnnouncementDefaults,this.language);this.size="medium";this.accessibleDescribedBy=undefined;this.accessibleLabelledBy=undefined;this.accessibleLabel=undefined;this.accessibleDetails=undefined;this.accessibleDescription=undefined;this.variation="default";this.gutterSize="medium";this.theme="";this.heading="";this.headingLevel="h3";this.headingVisualLevel=undefined;this.icon="";this.color="";this.active=false;this.closeOnBlur=false}e.prototype.openChanged=function(){var e=this;if(this.open){if(this.modalEl&&this.modalEl.scrollTop){this.modalEl.scrollTop=0}this.focusedElBeforeOpen=document.activeElement;o(this.variation==="slide-up"?this.modalContentEl:this.modalEl,{reserveScrollBarGap:true});this.teleport.makeSiblingsInert();this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.remove()}));setTimeout((function(){if(e.variation==="loader"){e.addMessage(e.accessibleLoaderAnnouncement,false)}else{if(e.isAndroidDevice){e.modalEl.focus()}else{e.buttonEl.setFocus()}}}),v);setTimeout((function(){e.modalEl.classList.add("duet-disable-transitions")}),v+200);if(this.isAndroidDevice){window.addEventListener("resize",this.handleAndroidResizeEvents)}this.duetOpen.emit()}else{this.modalEl.classList.remove("duet-disable-transitions");this.modalEl.addEventListener("transitionend",(function(){return e.duetCloseComplete.emit()}),{once:true});n(this.variation==="slide-up"?this.modalContentEl:this.modalEl);this.duetClose.emit();this.teleport.removeInertFromSiblings();setTimeout((function(){u(e.focusedElBeforeOpen)}),v);if(this.isAndroidDevice){window.removeEventListener("resize",this.handleAndroidResizeEvents)}}};e.prototype.activeChanged=function(){this.open=this.active};e.prototype.componentWillLoad=function(){this.hasStickyHeader=p(this.element,"sticky-header");r(this)};e.prototype.componentDidLoad=function(){if(this.active){this.open=true;this.modalEl.classList.add("duet-disable-transitions")}};e.prototype.connectedCallback=function(){if(!this.teleport){this.teleport=new g(this.element)}if(this.teleport){this.teleport.activate()}h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])};e.prototype.disconnectedCallback=function(){f(this);if(this.modalEl){n(this.modalEl)}};e.prototype.handleKeyUp=function(e){if(this.open){if(l(e)){this.closeModal(e)}}};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;return[2]}))}))};e.prototype.scrollToTop=function(){return __awaiter(this,arguments,void 0,(function(e){var t,i,a,d;if(e===void 0){e=true}return __generator(this,(function(o){i=e?"smooth":"auto";if(this.variation==="slide-up"){a=((t=this.modalEl.querySelector(".duet-modal-sticky-header"))===null||t===void 0?void 0:t.clientHeight)||0;d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop="".concat(a+d.value,"px");this.slotContainerEl.scrollIntoView({behavior:i})}else{this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:i})}return[2]}))}))};e.prototype.addMessage=function(e){return __awaiter(this,arguments,void 0,(function(e,t){var i;var a=this;if(t===void 0){t=true}return __generator(this,(function(d){i=document.createElement(t?"duet-paragraph":"duet-visually-hidden");i.textContent=e;i.classList.add("duet-loader-message");if(t){setTimeout((function(){a.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.classList.remove("show")}));i.classList.add("show")}),10)}this.slotContainerEl.appendChild(i);return[2]}))}))};e.prototype.closeModal=function(e){var t=this;this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"});if(!e.defaultPrevented){setTimeout((function(){t.hide()}),1)}};e.prototype.render=function(){var e,t;var i=this;var d,o;var n="primary";var r="secondary";var s=a("div",{key:"1da278102e1c18bced35701804e9217102015179",class:"duet-modal-close"},a("duet-button",{key:"8a90526b27671c22fc55532ddcb94fd3c1e32606",ref:function(e){return i.buttonEl=e},variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:r,iconSize:"large",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:function(e){return i.closeModal(e)},fixed:true}));if(this.theme==="turva"){n="primary-turva";r="secondary-turva"}return a("div",{key:"58c17910a720462e06df9bc4b987c2e889c89d8f",ref:function(e){return i.modalEl=e},"aria-label":(d=this.accessibleLabel)!==null&&d!==void 0?d:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:this.variation==="loader"?"alert":"dialog","aria-modal":this.isSafariBrowser?false:true,tabindex:"-1",class:{"duet-modal-container":true,"duet-theme-turva":this.theme==="turva","duet-modal-active":this.open,"duet-modal-slide-up":this.variation==="slide-up","duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{key:"914408c9f5bd3059edf6197e12bb51827be71395","z-index":"-1",visible:this.open,variation:this.variation==="loader"?"white":"default"}),a("div",{key:"cee4a64292d3212c0913fca099acdd6da119a300",ref:function(e){return i.modalInnerEl=e},class:(e={"duet-modal-inner":true},e[this.size]=true,e["duet-modal-slide-up"]=this.variation==="slide-up",e),onClick:function(e){if(i.closeOnBlur){var t=e.target||e.srcElement;if(t===i.modalInnerEl){i.closeModal(e)}}}},a("div",{key:"10aadd51aa5a43d7158b2ba901e72dec73dff0c1",ref:function(e){return i.modalContentEl=e},class:(t={"duet-modal":true,"duet-modal-has-sticky-header":this.hasStickyHeader},t[this.size]=true,t[this.variation]=true,t)},this.gutterSize!=="none"&&!this.hasStickyHeader&&a("duet-spacer",{key:"fb858b05b255dc1928c79212ac0460dfc0bc2fb7"}),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},s,a("slot",{name:"sticky-header"})):s,a("div",{key:"e30440c57234f2f47213b1443939bc334f6984d2",class:{"duet-modal-body":true,"duet-modal-gutter-none":this.gutterSize==="none","duet-modal-gutter-small":this.gutterSize==="small","duet-modal-gutter-medium":this.gutterSize==="medium","duet-modal-gutter-large":this.gutterSize==="large"}},a("div",{key:"c905a56349275111b507b046c34db4d99befff51",class:"duet-modal-header"},a("span",{key:"481ee67583a42d430318be206b08d3976eb9bb4e",class:"duet-modal-inner-slot-top"},a("slot",{key:"55f8c5bb8575960783ea74eb7ea882aaad8bddea",name:"top"})),this.icon&&a("duet-icon",{key:"c488922a98c16bf38e06085f1e9a673b12cf9b82",name:this.icon,size:"xx-large",color:this.color||n}),this.heading&&a("duet-heading",{key:"b850658878de554dfc27a4978e34bfced4432e00","visual-level":(o=this.headingVisualLevel)!==null&&o!==void 0?o:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),this.variation==="loader"&&a("div",{key:"4355986a4863d9f0d8359b95def6411f65d5c314",class:"duet-modal-spinner"},a("duet-spinner",{key:"cf8f38d7b53c41cca414993f4a16d709c197f95e",size:"large",color:"primary"})),a("div",{key:"08c10e61fe189fb99f218eac37ace4084141b94f",class:"duet-modal-inner-slot-default",ref:function(e){return i.slotContainerEl=e},"aria-live":this.variation==="loader"?"assertive":"off"},a("slot",{key:"f7c981e29d90accd5e7313a3f26de39788225287"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["openChanged"],active:["activeChanged"]}},enumerable:false,configurable:true});return e}());x.style=y}}}));
|
|
@@ -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 a}from"./p-ae8d9deb.js";import{a as s}from"./p-d5c7ae62.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(s.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:"fec25f6c8b5983923f591d756decc5ae3404de5e"},t("nav",{key:"6f812f5da82df3218d6de29f655d2596ed865a4d",class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme,hidden:this.hidden},"aria-label":this.accessibleLabel},this.hasItems&&t("button",{key:"5e8ab90a4e09dbd7746b1405d3ea92615a439dd7",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:"1f2ed95c73d93faf4ba71d7984e00488137250d1",class:"label"},t("slot",{key:"5ca819d2a6f97bb4c9e75f2ea024187f76af67e2",name:"label"}),t("duet-icon",{key:"3b1a4bcac49bec29f344a38e5f743aaeb63f59a0",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"01e35b212a44a4bb39a8fd5cc5a694b94dcb1ccb",class:{"menu-container":!0,hidden:!this.open},role:"presentation"},t("div",{key:"5f94254c66db242ce904ddfd963f6dbe7f4337b6",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:"be03e176ea88bf9b83e506a67470747a4f30b9ee",class:"list",role:this.mobile?"presentation":"list"},t("slot",{key:"1ba101226680d98cffade2702cbe6f6c40432146"}),t("div",{key:"c51c2e13e3f5a24edf28dba162ee0602666ca1f9",class:"list-padding"}))),t("duet-overlay",{key:"5b93e09b26a80acce10526710c818c0017d74627","keep-stacking-context":!0,visible:this.open,"display-device":"not-large",transition:"immediate"}))))}get element(){return a(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(243, 249, 252);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(205, 229, 241)}}.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(0, 41, 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(243, 249, 252);border-bottom:1px solid rgb(207, 210, 212)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(207, 210, 212)}.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, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.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, 245, 247)}.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"./p-
|
|
4
|
+
import"./p-ae8d9deb.js";import{c as e}from"./p-9c3c64b9.js";const t={fi:"fi-FI",en:"en-GB",us:"en-US",sv:"sv-SE"},n={fi:"€",en:"£",us:"$",sv:"€"},r=["fi","en","sv"],o="fi",a=()=>document.documentElement.lang?document.documentElement.lang.toLowerCase():o,s=(e=a())=>r.includes(e)?e:o,i=(e=a())=>s(e),c=e=>{const r={locale:t[e],money:n[e]};if(r.locale&&r.money)return r;throw new Error(`Locale for "${e}" not found`)},u=t=>{if("string"==typeof t)try{return JSON.parse(e(t))}catch(e){console.log("sanitizeString received a string, that didnt parse to json object",t,e)}return t},f=(e,t)=>{const n=u(e);return t?n[s(t)]:n[i()]},d=new Set,l=new WeakMap;new MutationObserver((e=>{let t=o;for(const n of e)if("attributes"===n.type&&"lang"===n.attributeName){t=n.oldValue;break}"false"!==document.documentElement.dataset.duetLangObserve&&d.forEach((e=>{e.language&&(e.language=i()),l.has(e)&&l.get(e).forEach((n=>{e[n.defaults]&&e[n.prop]===e[n.defaults][t]&&(e[n.prop]=f(e[n.defaults]))}))}))})).observe(document.documentElement,{attributeFilter:["lang"],attributeOldValue:!0});const p=(e,t)=>{d.add(e),t&&(Array.isArray(t)||(t=[t]),t.some((t=>!(t.prop in e)||!(t.defaults in e)))&&(console.error("connectLanguageChangeObserver: component must have target.prop and target.defaults properties"),t=t.filter((t=>t.prop in e&&t.defaults in e))),l.set(e,t))},g=e=>{d.delete(e),l.delete(e)};export{i as a,c as b,p as c,g as d,f as g,u as s}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as s,H as i,g as o}from"./p-00f584d4.js";import{i as c}from"./p-aaa7a7bd.js";import{c as l}from"./p-5e59e970.js";import{c as a}from"./p-8507509a.js";import{p as r}from"./p-9c3c64b9.js";function d(e){return"options"in e}function u(e,t){for(var s=0;s<e.length;s++){let i=e[s];if(d(i)&&(i=u(i.options,t)),i&&i.value===t)return i}}const n=class{constructor(s){e(this,s),this.duetChange=t(this,"duetChange",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.selectId=l("DuetSelect"),this.errorId=l("DuetError"),this.labelId=l("DuetLabel"),this.topCaptionId=l("DuetCaptionTop"),this.topCaptionPlaceholderId=l("DuetCaptionPlaceholderTop"),this.onClick=e=>{e.stopPropagation()},this.onChange=()=>{this.value=this.nativeSelect.value,this.duetChange.emit({value:this.value,component:"duet-select"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.getDescribedBy=()=>{const e=[];return this.isCaptionVisible&&this.topCaptionId&&e.push(this.topCaptionId),this.accessibleDescribedBy&&e.push(this.accessibleDescribedBy),this.error&&e.push(this.errorId),e.length>0?e.join(" "):null},this.processedItems=null,this.variation="default",this.accessibleActiveDescendant=void 0,this.accessibleDescribedBy=void 0,this.margin="auto",this.accessibleControls=void 0,this.accessibleOwns=void 0,this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=void 0,this.theme="",this.labelHidden=!1,this.identifier=void 0,this.name=void 0,this.placeholder="",this.caption=void 0,this.echoPlaceholder=!1,this.items=void 0,this.disabled=!1,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.role=void 0,this.tooltip="",this.tooltipDirection="auto"}valueChanged(){this.nativeSelect&&(this.nativeSelect.value=this.value),this.isCaptionVisible=!!this.caption}componentWillLoad(){c(this),this.isCaptionVisible=!!this.caption,a(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}async setFocus(e){this.nativeSelect&&this.nativeSelect.focus(e)}async refresh(){this.processedItems=r(this.items)}getSelectedItemLabel(){let e;return this.processedItems&&(e=u(this.processedItems,this.value)),e?e.label:this.placeholder||""}renderOption(e){return s("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)}renderOptionGroup(e){return s("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((e=>this.renderOption(e))))}render(){const e=this.identifier||this.selectId;return s(i,{onClick:this.onClick,class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand,[`duet-select-variation-${this.variation}`]:!0}},s("div",{class:{"duet-select-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,[`duet-select-variation-${this.variation}`]:!0,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},s("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:e},this.label),this.tooltip&&s("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),s("slot",{name:"tooltip"}),this.caption&&s("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),s("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&s("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),s("select",{ref:e=>this.nativeSelect=e,disabled:this.disabled,name:this.name,id:e,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&s("option",{disabled:!0,selected:!0,value:""},this.placeholder),this.processedItems?this.processedItems.map((e=>d(e)?this.renderOptionGroup(e):this.renderOption(e))):s("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi.")),s("div",{class:{"duet-select":!0,[`duet-select-variation-${this.variation}`]:!0},"aria-hidden":"true"},s("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),"default"===this.variation&&s("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},s("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||s("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"compact"===this.variation?"xxx-small":"xx-small"})),s("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),s("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&s("span",null,this.error))))}get element(){return o(this)}static get watchers(){return{value:["valueChanged"],items:["refresh"]}}};n.style='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{n as duet_select}
|
|
4
|
+
import{r as e,c as t,h as s,H as i,g as o}from"./p-ae8d9deb.js";import{i as c}from"./p-aaa7a7bd.js";import{c as l}from"./p-5e59e970.js";import{c as a}from"./p-b6e8a587.js";import{p as r}from"./p-9c3c64b9.js";function d(e){return"options"in e}function u(e,t){for(var s=0;s<e.length;s++){let i=e[s];if(d(i)&&(i=u(i.options,t)),i&&i.value===t)return i}}const n=class{constructor(s){e(this,s),this.duetChange=t(this,"duetChange",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.selectId=l("DuetSelect"),this.errorId=l("DuetError"),this.labelId=l("DuetLabel"),this.topCaptionId=l("DuetCaptionTop"),this.topCaptionPlaceholderId=l("DuetCaptionPlaceholderTop"),this.onClick=e=>{e.stopPropagation()},this.onChange=()=>{this.value=this.nativeSelect.value,this.duetChange.emit({value:this.value,component:"duet-select"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.getDescribedBy=()=>{const e=[];return this.isCaptionVisible&&this.topCaptionId&&e.push(this.topCaptionId),this.accessibleDescribedBy&&e.push(this.accessibleDescribedBy),this.error&&e.push(this.errorId),e.length>0?e.join(" "):null},this.processedItems=null,this.variation="default",this.accessibleActiveDescendant=void 0,this.accessibleDescribedBy=void 0,this.margin="auto",this.accessibleControls=void 0,this.accessibleOwns=void 0,this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=void 0,this.theme="",this.labelHidden=!1,this.identifier=void 0,this.name=void 0,this.placeholder="",this.caption=void 0,this.echoPlaceholder=!1,this.items=void 0,this.disabled=!1,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.role=void 0,this.tooltip="",this.tooltipDirection="auto"}valueChanged(){this.nativeSelect&&(this.nativeSelect.value=this.value),this.isCaptionVisible=!!this.caption}componentWillLoad(){c(this),this.isCaptionVisible=!!this.caption,a(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}async setFocus(e){this.nativeSelect&&this.nativeSelect.focus(e)}async refresh(){this.processedItems=r(this.items)}getSelectedItemLabel(){let e;return this.processedItems&&(e=u(this.processedItems,this.value)),e?e.label:this.placeholder||""}renderOption(e){return s("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)}renderOptionGroup(e){return s("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((e=>this.renderOption(e))))}render(){const e=this.identifier||this.selectId;return s(i,{onClick:this.onClick,class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand,[`duet-select-variation-${this.variation}`]:!0}},s("div",{class:{"duet-select-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,[`duet-select-variation-${this.variation}`]:!0,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},s("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:e},this.label),this.tooltip&&s("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),s("slot",{name:"tooltip"}),this.caption&&s("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),s("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&s("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),s("select",{ref:e=>this.nativeSelect=e,disabled:this.disabled,name:this.name,id:e,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&s("option",{disabled:!0,selected:!0,value:""},this.placeholder),this.processedItems?this.processedItems.map((e=>d(e)?this.renderOptionGroup(e):this.renderOption(e))):s("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi.")),s("div",{class:{"duet-select":!0,[`duet-select-variation-${this.variation}`]:!0},"aria-hidden":"true"},s("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),"default"===this.variation&&s("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},s("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||s("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"compact"===this.variation?"xxx-small":"xx-small"})),s("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),s("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&s("span",null,this.error))))}get element(){return o(this)}static get watchers(){return{value:["valueChanged"],items:["refresh"]}}};n.style='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{n as duet_select}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,r,i){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,n){function o(e){try{s(i.next(e))}catch(e){n(e)}}function d(e){try{s(i["throw"](e))}catch(e){n(e)}}function s(e){e.done?r(e.value):a(e.value).then(o,d)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,a,n,o;return o={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(e){return function(t){return s([e,t])}}function s(d){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(r=0)),r)try{if(i=1,a&&(n=d[0]&2?a["return"]:d[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,d[1])).done)return n;if(a=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:r.label++;return{value:d[1],done:false};case 5:r.label++;a=d[1];d=[0];continue;case 7:d=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){r=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){r.label=d[1];break}if(d[0]===6&&r.label<n[1]){r.label=n[1];n=d;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(d);break}if(n[2])r.ops.pop();r.trys.pop();continue}d=t.call(e,r)}catch(e){d=[6,e];a=0}finally{i=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-d3101c8a.system.js","./p-e216bea4.system.js","./p-34d7dd10.system.js","./p-0fee15c1.system.js","./p-0c4bbd65.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,r,i,a,n,o,d,s,u,c,l;return{setters:[function(e){t=e.r;r=e.h;i=e.g},function(e){a=e.i},function(e){n=e.s;o=e.u},function(e){d=e.a;s=e.g;u=e.c;c=e.d},function(e){l=e.a},function(){}],execute:function(){var b="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-notification{display:block;padding:16px;color:rgb(0, 41, 77);cursor:pointer;border-bottom:1px solid rgb(225, 227, 230);transition:300ms ease}:host(:last-of-type) .duet-notification{border-bottom:0}.duet-notification.duet-theme-turva{color:rgb(23, 28, 58);border-bottom-color:rgb(228, 228, 230)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(243, 249, 252)}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(245, 245, 247)}@media (min-width: 62em){.duet-notification:hover{background:rgb(243, 249, 252)}.duet-notification:hover.duet-theme-turva{background:rgb(245, 245, 247)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex}.duet-notification-badge-container{position:relative;width:16px}.duet-notification-badge{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva .duet-notification-badge{background:rgb(198, 12, 48)}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(101, 119, 135);text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:rgb(68, 68, 69)}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}";var h=b;var f=e("duet_notification",function(){function e(e){t(this,e);this.language=d();this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"};this.accessibleLabelUnread=s(this.accessibleLabelUnreadDefaults,this.language);this.url="#";this.date="";this.highlight=false;this.external=false;this.theme=""}e.prototype.componentWillLoad=function(){a(this)};e.prototype.connectedCallback=function(){u(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"});n(this)};e.prototype.disconnectedCallback=function(){c(this);o(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.linkElement.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return r("div",{key:"7c7b69217ccc0410e4d2a3b33b241e0657a502d3",role:"listitem",class:{"duet-notification":true,"duet-notification-highlight":this.highlight,"duet-theme-turva":this.theme==="turva"}},r("a",{key:"cdf2aa9efddcb0471a0a967feb2534a3c37a93c4",ref:function(t){return e.linkElement=t},href:this.url,target:this.external?"_blank":"_self"},r("div",{key:"668b15b89a94d14dc95f763e71db811832aa8df9",class:"duet-notification-container"},r("div",{key:"ed6d05d93c06e30bd35b5d0c8e00ea310b6d20a1",class:"duet-notification-badge-container"},this.highlight&&r("div",{key:"28834605820009251e38ab8fc51f6cb91161ada6",class:"duet-notification-badge"},r("duet-visually-hidden",{key:"613ae447d1252abb249ab19e2f08196f86c1a55c"},this.accessibleLabelUnread,":"))),r("div",{key:"dece54d84ef9cb9306bff4932a0373d14fc67bf0",class:"duet-notification-content"},r("slot",{key:"43d66402c4b87e0bc492e56178fd59b57fb2410e"})),r("div",{key:"04a0d2f31316d13ea68ee2b6de3d26f128c63113",class:"duet-notification-date"},this.date))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());f.style=h;var g='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(0, 41, 77);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(225, 227, 230);border-radius:0;-webkit-appearance:none;appearance:none}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background-color:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-drawer-toggle:hover{color:rgb(0, 77, 128)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(68, 68, 69)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-drawer-toggle::after{background:rgb(198, 12, 48)}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 77, 128);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(68, 68, 69);border-color:rgb(245, 245, 247)}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-badge{position:absolute;top:0;right:0;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-drawer-badge{background:rgb(250, 164, 15)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(225, 227, 230)}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(225, 227, 230)}@media (min-width: 62em){.duet-drawer-content{position:absolute;top:100%;z-index:600;display:block;width:450px;max-height:420px;padding-left:0;overflow-y:auto;visibility:hidden;background-color:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;scrollbar-width:none}.duet-drawer-content::-webkit-scrollbar{display:none}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}';var p=g;var m=27;var w=e("duet_notification_drawer",function(){function e(e){var r=this;t(this,e);this.handleKeyDown=function(e){if(r.isOpen&&e.keyCode===m){r.close()}};this.toggleMenu=function(e){e.stopPropagation();r.isOpen?r.close():r.open()};this.updateNotificationState=function(){r.hasNotifications=r.element.children.length>0};this.isOpen=false;this.hasNotifications=undefined;this.icon="";this.label="Label";this.language=d();this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"};this.accessibleLabelNotifications=s(this.accessibleLabelNotificationsDefaults);this.badge=false;this.theme="";this.direction="left"}e.prototype.componentWillLoad=function(){a(this);this.updateNotificationState()};e.prototype.connectedCallback=function(){this.observer=new MutationObserver(this.updateNotificationState);this.observer.observe(this.element,{childList:true});n(this)};e.prototype.disconnectedCallback=function(){this.observer.disconnect();this.observer=null;o(this)};e.prototype.handleClickFocusOutside=function(e){var t=e.target;if(this.isOpen&&!this.element.contains(t)){this.close(false)}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.drawerButtonEl.focus(e);return[2]}))}))};e.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.element.closest("duet-header");if(e){e.closeMenus()}this.isOpen=true;this.drawerContentEl.scrollTop=0;return[2]}))}))};e.prototype.close=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(t){this.isOpen=false;if(e){this.setFocus({preventScroll:true})}return[2]}))}))};e.prototype.render=function(){var e=this;return r("div",{key:"9630eb1dc5e08775957ccac9822cb72c129e524b",class:{"duet-drawer":true,"duet-theme-turva":this.theme==="turva"},onKeyDown:this.handleKeyDown},r("button",{key:"8b07b937da50cf3ad1d3dc447fd1ed96402f251d",ref:function(t){return e.drawerButtonEl=t},type:"button",class:"duet-drawer-toggle",id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&r("div",{key:"c11b7256d445ad06da88c8b4f58eec225c1ae7d9",class:"duet-drawer-icon"},r("duet-icon",{key:"dd2f20c37d01b52572bb4928770cb9259b2c6a50",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&r("div",{key:"d4da99aeb8bf07b4840ac76ce3d0691be3dedcd2",class:"duet-drawer-badge"})),r("span",{key:"47c6df40631ba9b0410acf27f88c229d97d31ec9",class:"duet-drawer-label"},this.label),r("div",{key:"efa2f3f60ae80b313069e37711bbced9d2a850eb",class:"duet-drawer-caret"},r("duet-icon",{key:"22a85823a808bf6bdff1342476ed39ef53bc18f3",margin:"none",size:"auto",icon:l.svg,color:"currentColor"}))),r("div",{key:"31645dd77653b2a31b175a527b3c392580904813",id:"duet-drawer-content",class:{"duet-drawer-content":true,"duet-drawer-right":this.direction==="right","duet-drawer-left":this.direction==="left","duet-drawer-open":this.isOpen},ref:function(t){return e.drawerContentEl=t}},this.hasNotifications?r("div",{role:"list"},r("slot",null)):r("duet-empty-state",{size:"small"},r("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());w.style=p}}}));
|
|
4
|
+
*/System.register(["./p-9fdb1552.system.js","./p-e216bea4.system.js","./p-34d7dd10.system.js","./p-0c12d3cd.system.js","./p-0c4bbd65.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,r,i,a,n,o,d,s,u,c,f;return{setters:[function(e){t=e.r;r=e.h;i=e.g},function(e){a=e.i},function(e){n=e.s;o=e.u},function(e){d=e.a;s=e.g;u=e.c;c=e.d},function(e){f=e.a},function(){}],execute:function(){var l="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-notification{display:block;padding:16px;color:rgb(0, 41, 77);cursor:pointer;border-bottom:1px solid rgb(225, 227, 230);transition:300ms ease}:host(:last-of-type) .duet-notification{border-bottom:0}.duet-notification.duet-theme-turva{color:rgb(23, 28, 58);border-bottom-color:rgb(228, 228, 230)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(243, 249, 252)}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(245, 245, 247)}@media (min-width: 62em){.duet-notification:hover{background:rgb(243, 249, 252)}.duet-notification:hover.duet-theme-turva{background:rgb(245, 245, 247)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex}.duet-notification-badge-container{position:relative;width:16px}.duet-notification-badge{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva .duet-notification-badge{background:rgb(198, 12, 48)}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(101, 119, 135);text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:rgb(68, 68, 69)}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}";var b=l;var h=e("duet_notification",function(){function e(e){t(this,e);this.language=d();this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"};this.accessibleLabelUnread=s(this.accessibleLabelUnreadDefaults,this.language);this.url="#";this.date="";this.highlight=false;this.external=false;this.theme=""}e.prototype.componentWillLoad=function(){a(this)};e.prototype.connectedCallback=function(){u(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"});n(this)};e.prototype.disconnectedCallback=function(){c(this);o(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.linkElement.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return r("div",{key:"422e04582691291269942900a1279c343aef0fd6",role:"listitem",class:{"duet-notification":true,"duet-notification-highlight":this.highlight,"duet-theme-turva":this.theme==="turva"}},r("a",{key:"ca0b58b6e37c962ed94b50f7ec8984b2213f1156",ref:function(t){return e.linkElement=t},href:this.url,target:this.external?"_blank":"_self"},r("div",{key:"dc7f017341005cc24213cdd7bc205e379b8887eb",class:"duet-notification-container"},r("div",{key:"a6b105d9df9c08ab0b3080bf80d65c695fe6acd8",class:"duet-notification-badge-container"},this.highlight&&r("div",{key:"9a65564d31555396c437147ff3f69811c358ff8a",class:"duet-notification-badge"},r("duet-visually-hidden",{key:"b37d3a8df717072e9a8b1df03966f7f3874f5b57"},this.accessibleLabelUnread,":"))),r("div",{key:"efedb3045f0522eb5350fd987da79b3247470bdf",class:"duet-notification-content"},r("slot",{key:"8ccf0b0088d6fe2729948d5bca6fd4b35db7b7d1"})),r("div",{key:"a752d182e944651bf0c5e6531d992a03acb743b0",class:"duet-notification-date"},this.date))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());h.style=b;var g='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(0, 41, 77);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(225, 227, 230);border-radius:0;-webkit-appearance:none;appearance:none}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background-color:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-drawer-toggle:hover{color:rgb(0, 77, 128)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(68, 68, 69)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-drawer-toggle::after{background:rgb(198, 12, 48)}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 77, 128);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(68, 68, 69);border-color:rgb(245, 245, 247)}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-badge{position:absolute;top:0;right:0;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-drawer-badge{background:rgb(250, 164, 15)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(225, 227, 230)}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(225, 227, 230)}@media (min-width: 62em){.duet-drawer-content{position:absolute;top:100%;z-index:600;display:block;width:450px;max-height:420px;padding-left:0;overflow-y:auto;visibility:hidden;background-color:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;scrollbar-width:none}.duet-drawer-content::-webkit-scrollbar{display:none}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}';var p=g;var m=27;var w=e("duet_notification_drawer",function(){function e(e){var r=this;t(this,e);this.handleKeyDown=function(e){if(r.isOpen&&e.keyCode===m){r.close()}};this.toggleMenu=function(e){e.stopPropagation();r.isOpen?r.close():r.open()};this.updateNotificationState=function(){r.hasNotifications=r.element.children.length>0};this.isOpen=false;this.hasNotifications=undefined;this.icon="";this.label="Label";this.language=d();this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"};this.accessibleLabelNotifications=s(this.accessibleLabelNotificationsDefaults);this.badge=false;this.theme="";this.direction="left"}e.prototype.componentWillLoad=function(){a(this);this.updateNotificationState()};e.prototype.connectedCallback=function(){this.observer=new MutationObserver(this.updateNotificationState);this.observer.observe(this.element,{childList:true});n(this)};e.prototype.disconnectedCallback=function(){this.observer.disconnect();this.observer=null;o(this)};e.prototype.handleClickFocusOutside=function(e){var t=e.target;if(this.isOpen&&!this.element.contains(t)){this.close(false)}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.drawerButtonEl.focus(e);return[2]}))}))};e.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.element.closest("duet-header");if(e){e.closeMenus()}this.isOpen=true;this.drawerContentEl.scrollTop=0;return[2]}))}))};e.prototype.close=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(t){this.isOpen=false;if(e){this.setFocus({preventScroll:true})}return[2]}))}))};e.prototype.render=function(){var e=this;return r("div",{key:"181a6a82f04afb895830cf36e265a4f770f05188",class:{"duet-drawer":true,"duet-theme-turva":this.theme==="turva"},onKeyDown:this.handleKeyDown},r("button",{key:"f4276d12063ff62d10998b80cd7621c3ceadc302",ref:function(t){return e.drawerButtonEl=t},type:"button",class:"duet-drawer-toggle",id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&r("div",{key:"0c1a27d913b2ba53d8f6ef2eef3f0d05c251fabc",class:"duet-drawer-icon"},r("duet-icon",{key:"c32b7ae6a90f0d32f0d6b46aad6e9ba0fb0bf952",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&r("div",{key:"e698da96829cac38cfeab0a15734f3be7a679455",class:"duet-drawer-badge"})),r("span",{key:"2725ba4970bcc2e6213f69c64d25a3dc7d9f005b",class:"duet-drawer-label"},this.label),r("div",{key:"71ae5369660c95fed7635cb7d5ae25fa5b9dde7a",class:"duet-drawer-caret"},r("duet-icon",{key:"1ac223f256804f95ff4a35f8fc115999d86fec8c",margin:"none",size:"auto",icon:f.svg,color:"currentColor"}))),r("div",{key:"aaa99d0c45b1f8218f0f999c9558f374799dc6a5",id:"duet-drawer-content",class:{"duet-drawer-content":true,"duet-drawer-right":this.direction==="right","duet-drawer-left":this.direction==="left","duet-drawer-open":this.isOpen},ref:function(t){return e.drawerContentEl=t}},this.hasNotifications?r("div",{role:"list"},r("slot",null)):r("duet-empty-state",{size:"small"},r("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());w.style=p}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as e,h as o,H as n,g as u}from"./p-00f584d4.js";import{i as r}from"./p-aaa7a7bd.js";import{D as i,b as d}from"./p-beeb12f1.js";import{a,g as s,c as b,d as l}from"./p-5e2f8206.js";import{g as p}from"./p-e95fa292.js";import"./p-9c3c64b9.js";import"./p-50c83774.js";const h=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.handleClick=t=>{!this.url&&this.element.closest("form")&&(t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()},this.accessibleLabel=void 0,this.accessibleControls=void 0,this.accessiblePopup="false",this.accessibleActiveDescendant=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleExpanded=void 0,this.accessiblePressed=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.name=void 0,this.value=void 0,this.identifier=void 0,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=i,this.accessibleLabelExternal=s(this.accessibleLabelExternalDefaults),this.accessibleLabelLoadingDefaults=d,this.accessibleLabelLoading=s(this.accessibleLabelLoadingDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.url=void 0}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){this.proxyButton=document.createElement("button"),this.proxyButton.style.display="none",this.syncToProxyButton(),b(this,[{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"},{prop:"accessibleLabelLoading",defaults:"accessibleLabelLoadingDefaults"}]),!this.url&&this.element.closest("form")&&this.element.insertAdjacentElement("beforebegin",this.proxyButton)}disconnectedCallback(){this.proxyButton&&this.proxyButton.remove(),this.proxyButton=null,l(this)}syncToProxyButton(){!1===this.disabled&&this.element.removeAttribute("disabled"),this.proxyButton.type=this.getButtonType(),this.proxyButton.disabled=this.disabled,null!=this.name?this.proxyButton.name=this.name:this.proxyButton.removeAttribute("name"),null!=this.value?this.proxyButton.value=this.value:this.proxyButton.removeAttribute("value")}getButtonType(){return this.submit?"submit":"button"}getButtonIconSize(){switch(this.iconSize){case"small":return"small";case"medium-small":return"medium-small";case"medium":default:return"medium";case"large":return"large"}}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){var t,e;const u=this.external&&this.url,r=u?"action-new-window":this.icon,i=!!u||this.iconRight,d=o("span",{key:"175bb8af989887b1f3c09549b95757984fafda22",class:{"duet-button-contents":!0,"icon-right":i},style:{color:p(this.color)}},r&&o("span",{key:"c27d4012076d19e697ca12056499d02bbaaf5667","aria-hidden":"true",class:{"duet-button-icon":!0,left:!i,right:i,[this.getButtonIconSize()]:!0}},o("duet-icon",{key:"55ff5f4e621ff4396287b2478b626805f6b4cc18",size:"auto",margin:"none",name:r,color:"currentColor"})),o("span",{key:"2686f673bf2aa13133b810e9aa8e2a2041e426b3",class:"duet-button-contents-slot"},o("slot",{key:"11a7a6dac5f579e19e7ded9914c954d0edd1e8db"}))),a="medium"==this.size||"small"==this.size||"x-small"==this.size?this.size:"medium",s={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,[`duet-button-size-${a}`]:!0,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,"input-button":null===(t=this.variation)||void 0===t?void 0:t.startsWith("input-button"),disabled:this.disabled,icon:!!r,"icon-right":i,"icon-left":!!r&&!i,[this.getButtonIconSize()]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(n,{key:"00b0b4bff689bbe5c51d3fabdfb8093c13816cd0",onClick:this.handleClick,class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-x-small":"x-small"===this.size,"duet-fixed":this.fixed,"duet-expand":this.expand,[this.variation]:!0,"input-button":null===(e=this.variation)||void 0===e?void 0:e.startsWith("input-button")}},o("span",{key:"21b30db85548fad9886350e172f74455407d9f6d",class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},s,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),d,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},s,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,"aria-disabled":this.disabled}),d,this.loading&&o("duet-visually-hidden",null," ",this.accessibleLabelLoading," ")),this.loading&&o("duet-spinner",{key:"dc75e3801e61c06621520d7589945b59a61664fc",color:"currentColor"})))}get element(){return u(this)}static get watchers(){return{disabled:["syncToProxyButton"],submit:["syncToProxyButton"],value:["syncToProxyButton"],name:["syncToProxyButton"]}}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(207, 210, 212)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(228, 228, 230) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-embedded{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(228, 228, 230) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}.duet-button.plain:hover{color:rgb(0, 77, 128) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(148, 9, 37) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(207, 210, 212);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(228, 228, 230)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;outline-color:rgb(225, 227, 230) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important;outline-color:rgb(228, 228, 230) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}';const m=class{constructor(e){t(this,e),this.accessibleLabel=void 0,this.color="gray-lightest",this.size="small",this.theme=""}componentWillLoad(){r(this)}render(){const t="currentColor"===this.color?"currentColor":p(this.color);return o(n,{key:"6fc0f9fa723de55cc61a5d730b22703c4822e0cd",class:{"duet-custom-color":"currentColor"!==this.color&&"turva"!==this.theme&&"default"!==this.theme,"duet-theme-turva":"turva"===this.theme&&"currentColor"!==this.color,"duet-theme-default":"default"===this.theme&&"currentColor"!==this.color}},o("div",{key:"7a00a397a9d0ef913cb644f458cf5d79d1db49d3",class:{"duet-spinner":!0,[this.size]:!0},style:{color:t},"aria-label":this.accessibleLabel}))}};m.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}';export{h as duet_button,m as duet_spinner}
|
|
4
|
+
import{r as t,c as e,h as o,H as n,g as u}from"./p-ae8d9deb.js";import{i as r}from"./p-aaa7a7bd.js";import{D as i,b as d}from"./p-beeb12f1.js";import{a,g as s,c as b,d as l}from"./p-8483586d.js";import{g as p}from"./p-e95fa292.js";import"./p-9c3c64b9.js";import"./p-50c83774.js";const h=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.handleClick=t=>{!this.url&&this.element.closest("form")&&(t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()},this.accessibleLabel=void 0,this.accessibleControls=void 0,this.accessiblePopup="false",this.accessibleActiveDescendant=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleExpanded=void 0,this.accessiblePressed=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.name=void 0,this.value=void 0,this.identifier=void 0,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=i,this.accessibleLabelExternal=s(this.accessibleLabelExternalDefaults),this.accessibleLabelLoadingDefaults=d,this.accessibleLabelLoading=s(this.accessibleLabelLoadingDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.url=void 0}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){this.proxyButton=document.createElement("button"),this.proxyButton.style.display="none",this.syncToProxyButton(),b(this,[{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"},{prop:"accessibleLabelLoading",defaults:"accessibleLabelLoadingDefaults"}]),!this.url&&this.element.closest("form")&&this.element.insertAdjacentElement("beforebegin",this.proxyButton)}disconnectedCallback(){this.proxyButton&&this.proxyButton.remove(),this.proxyButton=null,l(this)}syncToProxyButton(){!1===this.disabled&&this.element.removeAttribute("disabled"),this.proxyButton.type=this.getButtonType(),this.proxyButton.disabled=this.disabled,null!=this.name?this.proxyButton.name=this.name:this.proxyButton.removeAttribute("name"),null!=this.value?this.proxyButton.value=this.value:this.proxyButton.removeAttribute("value")}getButtonType(){return this.submit?"submit":"button"}getButtonIconSize(){switch(this.iconSize){case"small":return"small";case"medium-small":return"medium-small";case"medium":default:return"medium";case"large":return"large"}}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){var t,e;const u=this.external&&this.url,r=u?"action-new-window":this.icon,i=!!u||this.iconRight,d=o("span",{key:"175bb8af989887b1f3c09549b95757984fafda22",class:{"duet-button-contents":!0,"icon-right":i},style:{color:p(this.color)}},r&&o("span",{key:"c27d4012076d19e697ca12056499d02bbaaf5667","aria-hidden":"true",class:{"duet-button-icon":!0,left:!i,right:i,[this.getButtonIconSize()]:!0}},o("duet-icon",{key:"55ff5f4e621ff4396287b2478b626805f6b4cc18",size:"auto",margin:"none",name:r,color:"currentColor"})),o("span",{key:"2686f673bf2aa13133b810e9aa8e2a2041e426b3",class:"duet-button-contents-slot"},o("slot",{key:"11a7a6dac5f579e19e7ded9914c954d0edd1e8db"}))),a="medium"==this.size||"small"==this.size||"x-small"==this.size?this.size:"medium",s={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,[`duet-button-size-${a}`]:!0,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,"input-button":null===(t=this.variation)||void 0===t?void 0:t.startsWith("input-button"),disabled:this.disabled,icon:!!r,"icon-right":i,"icon-left":!!r&&!i,[this.getButtonIconSize()]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(n,{key:"00b0b4bff689bbe5c51d3fabdfb8093c13816cd0",onClick:this.handleClick,class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-x-small":"x-small"===this.size,"duet-fixed":this.fixed,"duet-expand":this.expand,[this.variation]:!0,"input-button":null===(e=this.variation)||void 0===e?void 0:e.startsWith("input-button")}},o("span",{key:"21b30db85548fad9886350e172f74455407d9f6d",class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},s,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),d,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},s,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,"aria-disabled":this.disabled}),d,this.loading&&o("duet-visually-hidden",null," ",this.accessibleLabelLoading," ")),this.loading&&o("duet-spinner",{key:"dc75e3801e61c06621520d7589945b59a61664fc",color:"currentColor"})))}get element(){return u(this)}static get watchers(){return{disabled:["syncToProxyButton"],submit:["syncToProxyButton"],value:["syncToProxyButton"],name:["syncToProxyButton"]}}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(207, 210, 212)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(228, 228, 230) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-embedded{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(228, 228, 230) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}.duet-button.plain:hover{color:rgb(0, 77, 128) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(148, 9, 37) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(207, 210, 212);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(228, 228, 230)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;outline-color:rgb(225, 227, 230) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important;outline-color:rgb(228, 228, 230) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}';const m=class{constructor(e){t(this,e),this.accessibleLabel=void 0,this.color="gray-lightest",this.size="small",this.theme=""}componentWillLoad(){r(this)}render(){const t="currentColor"===this.color?"currentColor":p(this.color);return o(n,{key:"aeea2098d956a68366b4671b449702d6f28c45a0",class:{"duet-custom-color":"currentColor"!==this.color&&"turva"!==this.theme&&"default"!==this.theme,"duet-theme-turva":"turva"===this.theme&&"currentColor"!==this.color,"duet-theme-default":"default"===this.theme&&"currentColor"!==this.color}},o("div",{key:"2073bfea9ac6ef08ff83f350bd0984f0aeda883a",class:{"duet-spinner":!0,[this.size]:!0},style:{color:t},"aria-label":this.accessibleLabel}))}};m.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}';export{h as duet_button,m as duet_spinner}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function o(e){try{c(i.next(e))}catch(e){a(e)}}function u(e){try{c(i["throw"](e))}catch(e){a(e)}}function c(e){e.done?n(e.value):r(e.value).then(o,u)}c((i=i.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:[]},i,r,a,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(t){return c([e,t])}}function c(u){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(i=1,r&&(a=u[0]&2?r["return"]:u[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,u[1])).done)return a;if(r=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4: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{i=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-9fdb1552.system.js","./p-e216bea4.system.js"],(function(e){"use strict";var t,n,i,r,a;return{setters:[function(e){t=e.r;n=e.h;i=e.H;r=e.g},function(e){a=e.i}],execute:function(){var o='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}: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;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[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 u=o;var c=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"}e.prototype.componentWillLoad=function(){a(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:"61c0988644daa9a5cbd52db81fe2b158347d691c",role:"listitem"},n(t,{key:"dc943150a89fbd84b002cfc41e5158403aa24dc9",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.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined},this.leadingIcon&&n("duet-icon",{key:"575cc29397b227cbcf0299c53cb7f2aa5ab535b3",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),n("slot",{key:"53dbb1f8f6348906f6cf5a58b3e4f9670b0294fa"}),this.trailingIcon&&n("duet-icon",{key:"7ee1c4e3032e1fe1f9a27a5b03cf4457a797534c",class:{"trailing-icon":true,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small",rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon,margin:"none",size:"auto",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());c.style=u}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,o,r){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function i(t){try{d(r.next(t))}catch(t){a(t)}}function u(t){try{d(r["throw"](t))}catch(t){a(t)}}function d(t){t.done?o(t.value):n(t.value).then(i,u)}d((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,i;return i={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function u(t){return function(e){return d([t,e])}}function d(u){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,u[0]&&(o=0)),o)try{if(r=1,n&&(a=u[0]&2?n["return"]:u[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,u[1])).done)return a;if(n=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:o.label++;return{value:u[1],done:false};case 5:o.label++;n=u[1];u=[0];continue;case 7:u=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){o=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){o.label=u[1];break}if(u[0]===6&&o.label<a[1]){o.label=a[1];a=u;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(u);break}if(a[2])o.ops.pop();o.trys.pop();continue}u=e.call(t,o)}catch(t){u=[6,t];n=0}finally{r=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-9fdb1552.system.js","./p-e216bea4.system.js","./p-34d7dd10.system.js"],(function(t){"use strict";var e,o,r,n,a,i;return{setters:[function(t){e=t.r;o=t.h;r=t.H;n=t.g},function(t){a=t.i},function(t){i=t.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%}.duet-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(0, 41, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:93%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:8px;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button:hover{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(205, 229, 241)}.duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.duet-theme-turva.negative button:hover{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon{color:rgb(244, 207, 214)}';var d=u;var b=t("duet_toolbar_dropdown",function(){function t(t){var o=this;e(this,t);this.onClick=function(){o.open=!o.open};this.theme="";this.variation="default";this.accessibleLabel=undefined;this.active=false;this.open=false;this.icon=undefined}t.prototype.handleFocus=function(t){var e=this;var o=t.composedPath().every((function(t){return t!==e.element}));if(o){this.open=false}};t.prototype.componentWillLoad=function(){a(this)};t.prototype.handleEscape=function(t){if(i(t)){this.open=false;this.setFocus()}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.button.focus(t);return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n="right";if(this.element&&this.element.parentElement){n=this.element.parentElement.getAttribute("slot")==="left"?"right":"left"}var a=this.variation==="negative"?"negative":"white";return o(r,{key:"71c0427eecb0676263c35bff4557210701d27e6f",role:"listitem"},o("div",{key:"a5038335629483dcf2d049129ebfed49eae6a457",class:(t={"duet-toolbar-dropdown":true,"duet-theme-turva":this.theme==="turva"},t[n]=true,t[a]=true,t)},o("button",{key:"5be6ce290e94c6e03c8c49336f4ef50e4283a92a",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,id:"button",type:"button",class:{active:this.active,open:this.open},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&o("duet-icon",{key:"e4e5076e21a084d205cb550946f6a7914911a4e9",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("span",{key:"4a79cbc7d59d30c5f763050c44c61c03ae502e74",class:"label"},o("slot",{key:"adecb2560eba25c9bdb1872fedc29c6b98c4d343",name:"label"}),o("duet-icon",{key:"ef92b887f19bd4145ae89b3d6ab05be6c3b2fcd0",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),o("div",{key:"61bb1eff472548331aab26b636fb4606fbc982f7",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},o("slot",{key:"bdbb39527038baf411f9f4770cf594bdb3e86378"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());b.style=d}}}));
|