@duetds/components 8.0.0 → 8.0.2
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 +23 -234
- package/lib/cjs/duet-action-button.cjs.entry.js +1 -5
- package/lib/cjs/duet-alert.cjs.entry.js +2 -5
- package/lib/cjs/duet-badge.cjs.entry.js +1 -5
- package/lib/cjs/duet-banner.cjs.entry.js +1 -5
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -5
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
- package/lib/cjs/duet-button_2.cjs.entry.js +1 -5
- package/lib/cjs/duet-callout.cjs.entry.js +1 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +1 -14
- package/lib/cjs/duet-card.cjs.entry.js +1 -5
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -5
- package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
- package/lib/cjs/duet-chip.cjs.entry.js +1 -5
- package/lib/cjs/duet-choice_2.cjs.entry.js +3 -9
- package/lib/cjs/duet-collapsible.cjs.entry.js +1 -5
- package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
- package/lib/cjs/duet-contact-card.cjs.entry.js +1 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -5
- package/lib/cjs/duet-date-picker.cjs.entry.js +2 -6
- package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +1 -8
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -5
- package/lib/cjs/duet-fieldset.cjs.entry.js +1 -5
- package/lib/cjs/duet-footer.cjs.entry.js +1 -5
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +1 -5
- package/lib/cjs/duet-hero.cjs.entry.js +1 -5
- package/lib/cjs/duet-icon.cjs.entry.js +1 -5
- package/lib/cjs/duet-input_2.cjs.entry.js +1 -6
- package/lib/cjs/duet-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +1 -5
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -5
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +1 -5
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +1 -5
- package/lib/cjs/duet-menu-bar.cjs.entry.js +1 -3
- package/lib/cjs/duet-modal.cjs.entry.js +2 -4
- package/lib/cjs/duet-multiselect.cjs.entry.js +1 -5
- package/lib/cjs/duet-nav.cjs.entry.js +1 -1
- package/lib/cjs/duet-notification_2.cjs.entry.js +1 -8
- package/lib/cjs/duet-number-input.cjs.entry.js +1 -5
- package/lib/cjs/duet-page-heading.cjs.entry.js +1 -5
- package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -4
- package/lib/cjs/duet-popup-menu-item.cjs.entry.js +1 -5
- package/lib/cjs/duet-popup-menu.cjs.entry.js +1 -1
- package/lib/cjs/duet-progress.cjs.entry.js +1 -5
- package/lib/cjs/duet-promo-card.cjs.entry.js +1 -5
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -5
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -5
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -7
- package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +1 -5
- package/lib/cjs/duet-shaped-image.cjs.entry.js +1 -1
- package/lib/cjs/duet-show-more.cjs.entry.js +1 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -5
- package/lib/cjs/duet-slideout-link.cjs.entry.js +1 -5
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -5
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +2 -6
- package/lib/cjs/duet-slideout.cjs.entry.js +2 -4
- package/lib/cjs/duet-step_2.cjs.entry.js +1 -8
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +1 -5
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -5
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +1 -5
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +1 -5
- package/lib/cjs/duet-textarea.cjs.entry.js +1 -5
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -5
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -5
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +1 -5
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -5
- package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +2 -9
- package/lib/cjs/duet-tooltip.cjs.entry.js +1 -3
- package/lib/cjs/duet-tray.cjs.entry.js +1 -5
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -8
- package/lib/cjs/duet-upload-item.cjs.entry.js +1 -5
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -5
- package/lib/cjs/duet.cjs.js +1 -1
- package/lib/cjs/{focus-utils-cc0e6f8e.js → focus-utils-b3f9c253.js} +1 -1
- package/lib/cjs/{index-83a4e16a.js → index-6daa7c8e.js} +1 -1
- package/lib/cjs/loader.cjs.js +1 -1
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -6
- package/lib/collection/components/duet-alert/duet-alert.js +2 -5
- package/lib/collection/components/duet-badge/duet-badge.js +0 -4
- package/lib/collection/components/duet-banner/duet-banner.js +0 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +0 -4
- package/lib/collection/components/duet-button/duet-button.js +5 -9
- package/lib/collection/components/duet-callout/duet-callout.js +0 -4
- package/lib/collection/components/duet-caption/duet-caption.js +1 -5
- package/lib/collection/components/duet-card/duet-card.js +3 -7
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -7
- package/lib/collection/components/duet-chip/duet-chip.js +4 -8
- package/lib/collection/components/duet-choice/duet-choice.js +4 -7
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +0 -4
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -7
- package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +0 -4
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -5
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -8
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -9
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -5
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +0 -4
- package/lib/collection/components/duet-footer/duet-footer.js +7 -11
- package/lib/collection/components/duet-grid/duet-grid.js +3 -3
- package/lib/collection/components/duet-header/duet-header.js +15 -19
- package/lib/collection/components/duet-heading/duet-heading.js +1 -5
- package/lib/collection/components/duet-hero/duet-hero.js +5 -9
- package/lib/collection/components/duet-icon/duet-icon.js +1 -5
- package/lib/collection/components/duet-input/duet-input.js +8 -10
- package/lib/collection/components/duet-label/duet-label.js +2 -6
- package/lib/collection/components/duet-layout/duet-layout.js +1 -1
- package/lib/collection/components/duet-link/duet-link.js +0 -4
- package/lib/collection/components/duet-list/duet-list.js +3 -3
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -3
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +0 -4
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +0 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +0 -4
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +0 -4
- package/lib/collection/components/duet-modal/duet-modal.js +3 -5
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -9
- package/lib/collection/components/duet-notification/duet-notification.js +0 -4
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -5
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -8
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +0 -4
- package/lib/collection/components/duet-pagination/duet-pagination.js +2 -4
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -7
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +1 -1
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -6
- package/lib/collection/components/duet-progress/duet-progress.js +0 -4
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +0 -4
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +0 -4
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -6
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +1 -3
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +0 -2
- package/lib/collection/components/duet-select/duet-select.js +5 -9
- package/lib/collection/components/duet-show-more/duet-show-more.js +1 -5
- package/lib/collection/components/duet-slideout/duet-slideout.js +1 -3
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +0 -4
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +0 -4
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +0 -4
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +0 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-step/duet-step.js +2 -6
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -5
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +0 -4
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +0 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +0 -4
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +0 -4
- package/lib/collection/components/duet-tab/duet-tab.js +0 -4
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -7
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -8
- package/lib/collection/components/duet-toggle/duet-toggle.js +1 -5
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +0 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +0 -4
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +0 -4
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +0 -4
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +0 -4
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -3
- package/lib/collection/components/duet-tray/duet-tray.js +0 -4
- package/lib/collection/components/duet-upload/duet-upload.js +14 -18
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +0 -7
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +1 -5
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +0 -4
- package/lib/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-badge.js +1 -1
- package/lib/dist-custom-elements/duet-banner.js +4 -8
- package/lib/dist-custom-elements/duet-breadcrumb.js +2 -6
- package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +3 -7
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +3 -7
- 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 +2 -6
- package/lib/dist-custom-elements/duet-choice-group.js +8 -12
- package/lib/dist-custom-elements/duet-choice.js +6 -9
- package/lib/dist-custom-elements/duet-collapsible.js +2 -6
- package/lib/dist-custom-elements/duet-combobox.js +2 -2
- package/lib/dist-custom-elements/duet-contact-card.js +8 -12
- package/lib/dist-custom-elements/duet-cookie-consent.js +6 -10
- package/lib/dist-custom-elements/duet-date-picker.js +12 -16
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +7 -11
- 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-footer.js +4 -8
- package/lib/dist-custom-elements/duet-grid-item.js +1 -1
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +8 -12
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +9 -13
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-label.js +1 -1
- package/lib/dist-custom-elements/duet-layout.js +1 -1
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-list-item.js +1 -1
- package/lib/dist-custom-elements/duet-list.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +2 -6
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -6
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +2 -6
- package/lib/dist-custom-elements/duet-menu-bar-link.js +2 -6
- package/lib/dist-custom-elements/duet-menu-bar.js +2 -4
- package/lib/dist-custom-elements/duet-modal.js +7 -9
- package/lib/dist-custom-elements/duet-multiselect.js +10 -14
- package/lib/dist-custom-elements/duet-nav.js +1 -1
- package/lib/dist-custom-elements/duet-notification-drawer.js +4 -8
- package/lib/dist-custom-elements/duet-notification.js +2 -6
- package/lib/dist-custom-elements/duet-number-input.js +11 -15
- package/lib/dist-custom-elements/duet-page-heading.js +2 -6
- package/lib/dist-custom-elements/duet-pagination.js +13 -15
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu-item.js +2 -6
- package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
- package/lib/dist-custom-elements/duet-progress.js +1 -1
- package/lib/dist-custom-elements/duet-promo-card.js +3 -7
- package/lib/dist-custom-elements/duet-radio-group.js +8 -12
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +2 -6
- package/lib/dist-custom-elements/duet-range-stepper.js +4 -6
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +1 -1
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
- package/lib/dist-custom-elements/duet-show-more.js +5 -9
- package/lib/dist-custom-elements/duet-slideout-lang.js +2 -6
- package/lib/dist-custom-elements/duet-slideout-link.js +2 -6
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -6
- package/lib/dist-custom-elements/duet-slideout-panel.js +2 -6
- package/lib/dist-custom-elements/duet-slideout.js +2 -4
- 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 -8
- package/lib/dist-custom-elements/duet-stepper.js +2 -6
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -6
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +2 -6
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +2 -6
- package/lib/dist-custom-elements/duet-submenu-bar.js +2 -6
- package/lib/dist-custom-elements/duet-tab-group.js +13 -15
- package/lib/dist-custom-elements/duet-tab.js +1 -5
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +10 -14
- package/lib/dist-custom-elements/duet-toggle.js +2 -6
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -6
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -6
- package/lib/dist-custom-elements/duet-toolbar-link.js +2 -6
- package/lib/dist-custom-elements/duet-toolbar.js +1 -1
- 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 +3 -7
- 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 +18 -22
- package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/index.js +1 -1
- package/lib/dist-custom-elements/{p-8d7e2f66.js → p-0059a17c.js} +3 -7
- package/lib/dist-custom-elements/{p-a79c1568.js → p-11805f8e.js} +1 -5
- package/lib/dist-custom-elements/{p-162263aa.js → p-1cd6ccc0.js} +1 -1
- package/lib/dist-custom-elements/{p-659bf49b.js → p-1db9b4e0.js} +1 -1
- package/lib/dist-custom-elements/{p-0e282936.js → p-22ec1739.js} +5 -7
- package/lib/dist-custom-elements/{p-01270b45.js → p-2729945f.js} +6 -9
- package/lib/dist-custom-elements/{p-74e94bc1.js → p-2ffde01d.js} +1 -1
- package/lib/dist-custom-elements/{p-ba7a34cd.js → p-31f2b544.js} +10 -14
- package/lib/dist-custom-elements/{p-d0cac9bf.js → p-3cff1466.js} +2 -6
- package/lib/dist-custom-elements/{p-ef176315.js → p-569556c9.js} +1 -1
- package/lib/dist-custom-elements/{p-6c16fe57.js → p-5c15155e.js} +1 -1
- package/lib/dist-custom-elements/{p-480a5be7.js → p-5f426542.js} +1 -5
- package/lib/dist-custom-elements/{p-32b30c68.js → p-66bc5722.js} +4 -8
- package/lib/dist-custom-elements/{p-55b3b241.js → p-67166d85.js} +1 -1
- package/lib/dist-custom-elements/{p-22af2160.js → p-69ce95bd.js} +1 -1
- package/lib/dist-custom-elements/{p-dabae35a.js → p-82be1f91.js} +2 -9
- package/lib/dist-custom-elements/{p-71297fec.js → p-8bfad3e0.js} +1 -5
- package/lib/dist-custom-elements/{p-46ff61f9.js → p-8c89e5bb.js} +1 -5
- package/lib/dist-custom-elements/{p-24aae259.js → p-95a50166.js} +1 -5
- package/lib/dist-custom-elements/{p-1c02d280.js → p-9fb89b86.js} +10 -12
- package/lib/dist-custom-elements/{p-ce7a0836.js → p-aa9b5c36.js} +1 -1
- package/lib/dist-custom-elements/{p-abd29848.js → p-c0a4a783.js} +1 -5
- package/lib/dist-custom-elements/{p-a64a4c3b.js → p-c0d5adf0.js} +8 -12
- package/lib/dist-custom-elements/{p-9e520c3a.js → p-c24dd06b.js} +3 -7
- package/lib/dist-custom-elements/{p-7b274ffe.js → p-c9499905.js} +1 -5
- package/lib/dist-custom-elements/{p-8ac1057e.js → p-cc0415a6.js} +3 -7
- package/lib/dist-custom-elements/{p-bf9ea499.js → p-d940a49d.js} +1 -1
- package/lib/dist-custom-elements/{p-2f3372c0.js → p-dcbe235f.js} +1 -1
- package/lib/dist-custom-elements/{p-d019896a.js → p-e43d5ffc.js} +1 -1
- package/lib/dist-custom-elements/{p-6c770205.js → p-e698b935.js} +2 -6
- package/lib/dist-custom-elements/{p-84c65409.js → p-e93f5581.js} +2 -6
- package/lib/dist-custom-elements/{p-925ad8ed.js → p-f9547527.js} +1 -5
- package/lib/dist-custom-elements/{p-d363a6c4.js → p-fb79c0df.js} +2 -6
- package/lib/dist-custom-elements/{p-78b427e2.js → p-fcfc2821.js} +5 -7
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/p-009fba8e.system.entry.js +4 -0
- package/lib/duet/p-02660cf2.system.entry.js +4 -0
- package/lib/duet/p-05525f40.entry.js +4 -0
- package/lib/duet/p-070ec8bb.entry.js +4 -0
- package/lib/duet/p-0a85de9e.entry.js +4 -0
- package/lib/duet/p-11eb90f6.entry.js +4 -0
- package/lib/duet/p-1294e538.entry.js +4 -0
- package/lib/duet/p-133f98ce.system.entry.js +4 -0
- package/lib/duet/p-186337f1.system.entry.js +4 -0
- package/lib/duet/p-19ea7a51.entry.js +4 -0
- package/lib/duet/p-1b93d773.entry.js +4 -0
- package/lib/duet/p-1c85d5b3.system.entry.js +4 -0
- package/lib/duet/p-1dc41676.system.entry.js +4 -0
- package/lib/duet/p-1eb49427.system.entry.js +4 -0
- package/lib/duet/p-1ef0d77b.entry.js +4 -0
- package/lib/duet/{p-23e577ac.entry.js → p-24617c6d.entry.js} +1 -1
- package/lib/duet/{p-74a48271.entry.js → p-2525f10f.entry.js} +1 -1
- package/lib/duet/{p-4b63bf44.system.entry.js → p-25a2a3f4.system.entry.js} +1 -1
- package/lib/duet/p-276afe9f.system.entry.js +4 -0
- package/lib/duet/p-28a91d37.entry.js +4 -0
- package/lib/duet/p-29bc9659.entry.js +4 -0
- package/lib/duet/p-2b1e39d0.entry.js +4 -0
- package/lib/duet/p-2d59e4c7.entry.js +4 -0
- package/lib/duet/p-2dbc77bb.entry.js +4 -0
- package/lib/duet/p-2e6fb207.entry.js +4 -0
- package/lib/duet/p-2fd27387.system.entry.js +4 -0
- package/lib/duet/p-32b04990.system.entry.js +4 -0
- package/lib/duet/p-32f094f1.system.entry.js +4 -0
- package/lib/duet/p-337fd9bc.entry.js +4 -0
- package/lib/duet/p-365e7732.system.entry.js +4 -0
- package/lib/duet/p-36e94f5b.entry.js +4 -0
- package/lib/duet/p-37b3373f.system.entry.js +4 -0
- package/lib/duet/p-381ac995.system.entry.js +4 -0
- package/lib/duet/p-38c8826f.entry.js +4 -0
- package/lib/duet/p-3c334925.system.entry.js +4 -0
- package/lib/duet/p-3f09ae37.entry.js +4 -0
- package/lib/duet/p-3f654f99.entry.js +4 -0
- package/lib/duet/p-3f7a1de2.entry.js +4 -0
- package/lib/duet/p-3ff41d7f.system.entry.js +4 -0
- package/lib/duet/p-43a1bc71.entry.js +4 -0
- package/lib/duet/p-44f25642.entry.js +4 -0
- package/lib/duet/p-45b44159.system.entry.js +4 -0
- package/lib/duet/p-46750b7e.system.entry.js +4 -0
- package/lib/duet/p-48897c78.system.entry.js +4 -0
- package/lib/duet/p-4cb86860.entry.js +4 -0
- package/lib/duet/p-4d22780e.system.entry.js +4 -0
- package/lib/duet/p-4f419ad9.system.entry.js +4 -0
- package/lib/duet/p-4f5556f2.entry.js +4 -0
- package/lib/duet/{p-84a8f374.system.entry.js → p-51912824.system.entry.js} +1 -1
- package/lib/duet/p-521e45af.system.entry.js +4 -0
- package/lib/duet/p-52a0423d.system.entry.js +4 -0
- package/lib/duet/p-52d86f7b.entry.js +4 -0
- package/lib/duet/p-5360a081.entry.js +4 -0
- package/lib/duet/p-5435c3b4.system.entry.js +4 -0
- package/lib/duet/p-549587ba.entry.js +4 -0
- package/lib/duet/p-5b16cb2f.system.entry.js +4 -0
- package/lib/duet/p-5b71a670.entry.js +4 -0
- package/lib/duet/p-5e5e2608.entry.js +4 -0
- package/lib/duet/p-5f7c6c4b.system.entry.js +4 -0
- package/lib/duet/p-607aaab1.entry.js +4 -0
- package/lib/duet/p-60c18c57.system.entry.js +4 -0
- package/lib/duet/{p-bec61f61.system.entry.js → p-61ab82cd.system.entry.js} +1 -1
- package/lib/duet/p-61cd81d5.system.entry.js +4 -0
- package/lib/duet/p-6233ba02.entry.js +4 -0
- package/lib/duet/p-65273068.system.entry.js +4 -0
- package/lib/duet/p-6a696095.entry.js +4 -0
- package/lib/duet/{p-bae4cd54.system.entry.js → p-6a69b1af.system.entry.js} +1 -1
- package/lib/duet/p-6d05c93e.entry.js +4 -0
- package/lib/duet/p-700f811b.system.entry.js +4 -0
- package/lib/duet/p-7229c899.system.entry.js +4 -0
- package/lib/duet/p-75fb4f1c.entry.js +4 -0
- package/lib/duet/p-7614d35e.system.entry.js +4 -0
- package/lib/duet/p-77462571.system.entry.js +4 -0
- package/lib/duet/p-77e47450.system.entry.js +4 -0
- package/lib/duet/p-7a1192d3.system.entry.js +4 -0
- package/lib/duet/p-7eca4788.entry.js +4 -0
- package/lib/duet/p-83e0a9ad.system.entry.js +4 -0
- package/lib/duet/p-8418063c.entry.js +4 -0
- package/lib/duet/{p-bdfdecdf.system.entry.js → p-8885bcbe.system.entry.js} +1 -1
- package/lib/duet/p-89d82d24.system.entry.js +4 -0
- package/lib/duet/p-8c6ffecd.entry.js +4 -0
- package/lib/duet/p-939b757e.entry.js +4 -0
- package/lib/duet/{p-55d8afce.entry.js → p-944101a8.entry.js} +1 -1
- package/lib/duet/p-94795921.system.entry.js +4 -0
- package/lib/duet/p-954180c5.system.entry.js +4 -0
- package/lib/duet/p-96a6a8f4.system.entry.js +4 -0
- package/lib/duet/{p-2365860c.system.entry.js → p-99311d82.system.entry.js} +1 -1
- package/lib/duet/{p-1c05d649.system.js → p-9ad4c219.system.js} +1 -1
- package/lib/duet/p-9dfdcbb2.entry.js +4 -0
- package/lib/duet/p-9e700d1c.entry.js +4 -0
- package/lib/duet/p-9fd48fe0.entry.js +4 -0
- package/lib/duet/p-a1582631.entry.js +4 -0
- package/lib/duet/{p-439a6589.entry.js → p-a2502dab.entry.js} +1 -1
- package/lib/duet/{p-f832d9f4.js → p-a313db30.js} +1 -1
- package/lib/duet/p-a6078084.system.entry.js +4 -0
- package/lib/duet/p-a757e8de.entry.js +4 -0
- package/lib/duet/{p-ba876000.entry.js → p-a79f55dd.entry.js} +1 -1
- package/lib/duet/p-b14e2cef.entry.js +4 -0
- package/lib/duet/p-b2418385.system.entry.js +4 -0
- package/lib/duet/p-b384dd4d.entry.js +4 -0
- package/lib/duet/p-b39afb39.system.entry.js +4 -0
- package/lib/duet/p-b672aa2d.system.entry.js +4 -0
- package/lib/duet/p-b8c0ac2b.entry.js +4 -0
- package/lib/duet/{p-e413a6de.system.js → p-b9095610.system.js} +1 -1
- package/lib/duet/p-b98d7858.entry.js +4 -0
- package/lib/duet/p-ba11b37a.entry.js +4 -0
- package/lib/duet/{p-f35b1e67.entry.js → p-bbab3ec2.entry.js} +1 -1
- package/lib/duet/p-bcbc90ea.entry.js +4 -0
- package/lib/duet/p-bdb92ce7.system.entry.js +4 -0
- package/lib/duet/p-c0c4fa47.entry.js +4 -0
- package/lib/duet/p-c48612d3.entry.js +4 -0
- package/lib/duet/p-c4b6a0ac.entry.js +4 -0
- package/lib/duet/p-c4f604fd.entry.js +4 -0
- package/lib/duet/p-c832a424.entry.js +4 -0
- package/lib/duet/p-c8acef00.system.entry.js +4 -0
- package/lib/duet/{p-8bb82291.system.entry.js → p-caeda12e.system.entry.js} +1 -1
- package/lib/duet/p-cb345a69.system.entry.js +4 -0
- package/lib/duet/p-ccf99f79.system.entry.js +4 -0
- package/lib/duet/p-cf633362.entry.js +4 -0
- package/lib/duet/p-cfebfeaa.entry.js +4 -0
- package/lib/duet/{p-cc833893.system.entry.js → p-d0dd892b.system.entry.js} +1 -1
- package/lib/duet/{p-23d0d56b.entry.js → p-d2735e6f.entry.js} +1 -1
- package/lib/duet/{p-8a6d783c.entry.js → p-d42a8f2d.entry.js} +1 -1
- package/lib/duet/{p-77db8b7e.entry.js → p-d525fe08.entry.js} +1 -1
- package/lib/duet/p-d70156aa.entry.js +4 -0
- package/lib/duet/p-d827cdf2.system.entry.js +4 -0
- package/lib/duet/{p-159c8e28.system.entry.js → p-d8c1605f.system.entry.js} +1 -1
- package/lib/duet/p-d94decde.system.entry.js +4 -0
- package/lib/duet/p-dabc2694.entry.js +4 -0
- package/lib/duet/{p-8df0d238.system.entry.js → p-dace5770.system.entry.js} +1 -1
- package/lib/duet/p-daf1c188.system.entry.js +4 -0
- package/lib/duet/p-dc9a63fe.system.entry.js +4 -0
- package/lib/duet/{p-fdbe53c6.system.entry.js → p-de9fd52c.system.entry.js} +1 -1
- package/lib/duet/p-e1593168.system.entry.js +4 -0
- package/lib/duet/p-e4643be5.entry.js +4 -0
- package/lib/duet/{p-24f340af.entry.js → p-e467f932.entry.js} +1 -1
- package/lib/duet/{p-e3698acb.system.js → p-e6af2ec8.system.js} +1 -1
- package/lib/duet/p-e8614366.system.entry.js +4 -0
- package/lib/duet/p-e876de11.system.entry.js +4 -0
- package/lib/duet/{p-c40681e4.system.entry.js → p-ebe7e977.system.entry.js} +1 -1
- package/lib/duet/p-ee45535e.system.entry.js +4 -0
- package/lib/duet/p-f04ed25e.entry.js +4 -0
- package/lib/duet/p-f353af2c.system.entry.js +4 -0
- package/lib/duet/p-f479fc15.system.entry.js +4 -0
- package/lib/duet/{p-052388fa.entry.js → p-f5f9d249.entry.js} +1 -1
- package/lib/duet/{p-75a7542b.entry.js → p-f6c715f8.entry.js} +1 -1
- package/lib/duet/p-f7c41718.system.entry.js +4 -0
- package/lib/duet/p-f7c420fd.entry.js +4 -0
- package/lib/duet/p-fa55105b.system.entry.js +4 -0
- package/lib/duet/p-fc5b6b9d.system.entry.js +4 -0
- package/lib/duet/p-fc93dae3.system.entry.js +4 -0
- package/lib/duet/p-fc9a7037.entry.js +4 -0
- package/lib/duet/p-fcf0a09b.system.entry.js +4 -0
- package/lib/duet/{p-8341e3d0.js → p-fd2cc5ae.js} +1 -1
- package/lib/duet/p-fdb743cd.entry.js +4 -0
- package/lib/duet/p-fea258a3.system.entry.js +4 -0
- package/lib/duet/{p-1ab09b3e.entry.js → p-fed2032f.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +1 -5
- package/lib/esm/duet-alert.entry.js +2 -5
- package/lib/esm/duet-badge.entry.js +1 -5
- package/lib/esm/duet-banner.entry.js +1 -5
- package/lib/esm/duet-breadcrumb.entry.js +1 -5
- package/lib/esm/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm/duet-button_2.entry.js +1 -5
- package/lib/esm/duet-callout.entry.js +1 -5
- package/lib/esm/duet-caption_4.entry.js +1 -14
- package/lib/esm/duet-card.entry.js +1 -5
- package/lib/esm/duet-checkbox.entry.js +1 -5
- package/lib/esm/duet-checkmark.entry.js +1 -1
- package/lib/esm/duet-chip.entry.js +1 -5
- package/lib/esm/duet-choice_2.entry.js +3 -9
- package/lib/esm/duet-collapsible.entry.js +1 -5
- package/lib/esm/duet-combobox.entry.js +1 -1
- package/lib/esm/duet-contact-card.entry.js +1 -5
- package/lib/esm/duet-cookie-consent.entry.js +1 -5
- package/lib/esm/duet-date-picker.entry.js +2 -6
- package/lib/esm/duet-divider_2.entry.js +1 -1
- package/lib/esm/duet-editable-table_3.entry.js +1 -8
- package/lib/esm/duet-empty-state.entry.js +1 -5
- package/lib/esm/duet-fieldset.entry.js +1 -5
- package/lib/esm/duet-footer.entry.js +1 -5
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +1 -5
- package/lib/esm/duet-hero.entry.js +1 -5
- package/lib/esm/duet-icon.entry.js +1 -5
- package/lib/esm/duet-input_2.entry.js +1 -6
- package/lib/esm/duet-layout.entry.js +1 -1
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-menu-bar-button.entry.js +1 -5
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -5
- package/lib/esm/duet-menu-bar-dropdown.entry.js +1 -5
- package/lib/esm/duet-menu-bar-link.entry.js +1 -5
- package/lib/esm/duet-menu-bar.entry.js +1 -3
- package/lib/esm/duet-modal.entry.js +2 -4
- package/lib/esm/duet-multiselect.entry.js +1 -5
- package/lib/esm/duet-nav.entry.js +1 -1
- package/lib/esm/duet-notification_2.entry.js +1 -8
- package/lib/esm/duet-number-input.entry.js +1 -5
- package/lib/esm/duet-page-heading.entry.js +1 -5
- package/lib/esm/duet-pagination_2.entry.js +1 -4
- package/lib/esm/duet-popup-menu-item.entry.js +1 -5
- package/lib/esm/duet-popup-menu.entry.js +1 -1
- package/lib/esm/duet-progress.entry.js +1 -5
- package/lib/esm/duet-promo-card.entry.js +1 -5
- package/lib/esm/duet-radio_2.entry.js +1 -5
- package/lib/esm/duet-range-slider.entry.js +1 -5
- package/lib/esm/duet-scrollable_3.entry.js +1 -7
- package/lib/esm/duet-section-layout.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +1 -5
- package/lib/esm/duet-shaped-image.entry.js +1 -1
- package/lib/esm/duet-show-more.entry.js +1 -5
- package/lib/esm/duet-slideout-lang.entry.js +1 -5
- package/lib/esm/duet-slideout-link.entry.js +1 -5
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -5
- package/lib/esm/duet-slideout-panel.entry.js +2 -6
- package/lib/esm/duet-slideout.entry.js +2 -4
- package/lib/esm/duet-step_2.entry.js +1 -8
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -5
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -5
- package/lib/esm/duet-submenu-bar-link.entry.js +1 -5
- package/lib/esm/duet-submenu-bar.entry.js +1 -5
- package/lib/esm/duet-textarea.entry.js +1 -5
- package/lib/esm/duet-toggle.entry.js +1 -5
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -5
- package/lib/esm/duet-toolbar-dropdown.entry.js +1 -5
- package/lib/esm/duet-toolbar-link.entry.js +1 -5
- package/lib/esm/duet-toolbar.entry.js +1 -1
- package/lib/esm/duet-tooltip-button_2.entry.js +2 -9
- package/lib/esm/duet-tooltip.entry.js +1 -3
- package/lib/esm/duet-tray.entry.js +1 -5
- package/lib/esm/duet-upload-aria-status.entry.js +1 -8
- package/lib/esm/duet-upload-item.entry.js +1 -5
- package/lib/esm/duet-visually-hidden.entry.js +1 -5
- package/lib/esm/duet.js +2 -2
- package/lib/esm/{focus-utils-33e8d53f.js → focus-utils-b5ee5205.js} +1 -1
- package/lib/esm/{index-62aa2798.js → index-bc4e29df.js} +1 -1
- package/lib/esm/loader.js +2 -2
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +2 -2
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +2 -2
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-checkmark.entry.js +1 -1
- package/lib/esm-es5/duet-chip.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-contact-card.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-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 +1 -1
- 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-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-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu-item.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +2 -2
- 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 +1 -1
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +1 -1
- package/lib/esm-es5/duet-step_2.entry.js +2 -2
- 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-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.entry.js +2 -2
- package/lib/esm-es5/duet-textarea.entry.js +2 -2
- package/lib/esm-es5/duet-toggle.entry.js +2 -2
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-upload-item.entry.js +2 -2
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/focus-utils-b5ee5205.js +4 -0
- package/lib/esm-es5/{index-62aa2798.js → index-bc4e29df.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/types/components/duet-action-button/duet-action-button.d.ts +0 -1
- package/lib/types/components/duet-badge/duet-badge.d.ts +0 -1
- package/lib/types/components/duet-banner/duet-banner.d.ts +0 -1
- package/lib/types/components/duet-breadcrumbs/duet-breadcrumb.d.ts +0 -1
- package/lib/types/components/duet-button/duet-button.d.ts +0 -1
- package/lib/types/components/duet-callout/duet-callout.d.ts +0 -1
- package/lib/types/components/duet-caption/duet-caption.d.ts +0 -1
- package/lib/types/components/duet-card/duet-card.d.ts +0 -1
- package/lib/types/components/duet-checkbox/duet-checkbox.d.ts +0 -1
- package/lib/types/components/duet-chip/duet-chip.d.ts +0 -1
- package/lib/types/components/duet-choice/duet-choice.d.ts +0 -1
- package/lib/types/components/duet-choice-group/duet-choice-group.d.ts +0 -1
- package/lib/types/components/duet-collapsible/duet-collapsible.d.ts +0 -1
- package/lib/types/components/duet-contact-card/duet-contact-card.d.ts +0 -1
- package/lib/types/components/duet-cookie-consent/duet-cookie-consent.d.ts +0 -1
- package/lib/types/components/duet-date-picker/duet-date-picker.d.ts +0 -1
- package/lib/types/components/duet-editable-table/duet-editable-table.d.ts +0 -1
- package/lib/types/components/duet-empty-state/duet-empty-state.d.ts +0 -1
- package/lib/types/components/duet-fieldset/duet-fieldset.d.ts +0 -1
- package/lib/types/components/duet-footer/duet-footer.d.ts +0 -1
- package/lib/types/components/duet-header/duet-header.d.ts +0 -1
- package/lib/types/components/duet-heading/duet-heading.d.ts +0 -1
- package/lib/types/components/duet-hero/duet-hero.d.ts +0 -1
- package/lib/types/components/duet-icon/duet-icon.d.ts +0 -1
- package/lib/types/components/duet-label/duet-label.d.ts +0 -1
- package/lib/types/components/duet-link/duet-link.d.ts +0 -1
- package/lib/types/components/duet-menu-bar-button/duet-menu-bar-button.d.ts +0 -1
- package/lib/types/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.d.ts +0 -1
- package/lib/types/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.d.ts +0 -1
- package/lib/types/components/duet-menu-bar-link/duet-menu-bar-link.d.ts +0 -1
- package/lib/types/components/duet-multiselect/duet-multiselect.d.ts +0 -1
- package/lib/types/components/duet-notification/duet-notification.d.ts +0 -1
- package/lib/types/components/duet-notification-drawer/duet-notification-drawer.d.ts +0 -1
- package/lib/types/components/duet-number-input/duet-number-input.d.ts +0 -1
- package/lib/types/components/duet-page-heading/duet-page-heading.d.ts +0 -1
- package/lib/types/components/duet-paragraph/duet-paragraph.d.ts +0 -1
- package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts +0 -1
- package/lib/types/components/duet-progress/duet-progress.d.ts +0 -1
- package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +0 -1
- package/lib/types/components/duet-radio-group/duet-radio-group.d.ts +0 -1
- package/lib/types/components/duet-range-slider/duet-range-slider.d.ts +0 -1
- package/lib/types/components/duet-select/duet-select.d.ts +0 -1
- package/lib/types/components/duet-show-more/duet-show-more.d.ts +0 -1
- package/lib/types/components/duet-slideout-lang/duet-slideout-lang.d.ts +0 -1
- package/lib/types/components/duet-slideout-link/duet-slideout-link.d.ts +0 -1
- package/lib/types/components/duet-slideout-panel/duet-slideout-panel.d.ts +0 -1
- package/lib/types/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.d.ts +0 -1
- package/lib/types/components/duet-step/duet-step.d.ts +0 -1
- package/lib/types/components/duet-stepper/duet-stepper.d.ts +0 -1
- package/lib/types/components/duet-submenu-bar/duet-submenu-bar.d.ts +0 -1
- package/lib/types/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.d.ts +0 -1
- package/lib/types/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.d.ts +0 -1
- package/lib/types/components/duet-submenu-bar-link/duet-submenu-bar-link.d.ts +0 -1
- package/lib/types/components/duet-tab/duet-tab.d.ts +0 -1
- package/lib/types/components/duet-textarea/duet-textarea.d.ts +0 -1
- package/lib/types/components/duet-toggle/duet-toggle.d.ts +0 -1
- package/lib/types/components/duet-toolbar-dropdown/duet-toolbar-dropdown.d.ts +0 -1
- package/lib/types/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.d.ts +0 -1
- package/lib/types/components/duet-toolbar-link/duet-toolbar-link.d.ts +0 -1
- package/lib/types/components/duet-tooltip/duet-tooltip-button.d.ts +0 -1
- package/lib/types/components/duet-tooltip/duet-tooltip-popup.d.ts +0 -1
- package/lib/types/components/duet-tray/duet-tray.d.ts +0 -1
- package/lib/types/components/duet-upload/duet-upload.d.ts +0 -1
- package/lib/types/components/duet-upload-aria-status/duet-upload-aria-status.d.ts +0 -4
- package/lib/types/components/duet-upload-item/duet-upload-item.d.ts +0 -1
- package/lib/types/components/duet-visually-hidden/duet-visually-hidden.d.ts +0 -1
- package/lib/types/stencil-public-runtime.d.ts +2 -2
- package/package.json +5 -5
- package/lib/cjs/nudge-84818dad.js +0 -15
- package/lib/collection/utils/nudge.js +0 -11
- package/lib/dist-custom-elements/p-432baa8a.js +0 -13
- package/lib/duet/p-049a6e11.system.entry.js +0 -4
- package/lib/duet/p-0521fafd.system.entry.js +0 -4
- package/lib/duet/p-0717c4c7.entry.js +0 -4
- package/lib/duet/p-080eb720.system.entry.js +0 -4
- package/lib/duet/p-0a29f14a.entry.js +0 -4
- package/lib/duet/p-0c40e7e7.system.entry.js +0 -4
- package/lib/duet/p-11dba68c.system.entry.js +0 -4
- package/lib/duet/p-155b532a.system.js +0 -4
- package/lib/duet/p-1b446001.system.entry.js +0 -4
- package/lib/duet/p-1fcdd1b4.system.entry.js +0 -4
- package/lib/duet/p-216daf71.system.entry.js +0 -4
- package/lib/duet/p-22879034.system.entry.js +0 -4
- package/lib/duet/p-25ce6276.entry.js +0 -4
- package/lib/duet/p-278295a6.entry.js +0 -4
- package/lib/duet/p-2b18fb02.entry.js +0 -4
- package/lib/duet/p-2c360aa2.entry.js +0 -4
- package/lib/duet/p-2f7f41b7.entry.js +0 -4
- package/lib/duet/p-307ad618.entry.js +0 -4
- package/lib/duet/p-32128bec.system.entry.js +0 -4
- package/lib/duet/p-33842a71.system.entry.js +0 -4
- package/lib/duet/p-3432e6d7.entry.js +0 -4
- package/lib/duet/p-3452a600.system.entry.js +0 -4
- package/lib/duet/p-3636a303.entry.js +0 -4
- package/lib/duet/p-36625239.entry.js +0 -4
- package/lib/duet/p-36e2660a.system.entry.js +0 -4
- package/lib/duet/p-373da7e9.system.entry.js +0 -4
- package/lib/duet/p-3823931d.system.entry.js +0 -4
- package/lib/duet/p-3a8e9b7d.entry.js +0 -4
- package/lib/duet/p-3da3807f.entry.js +0 -4
- package/lib/duet/p-3e12c85b.entry.js +0 -4
- package/lib/duet/p-3ef4e70b.system.entry.js +0 -4
- package/lib/duet/p-432baa8a.js +0 -4
- package/lib/duet/p-43b5a747.system.entry.js +0 -4
- package/lib/duet/p-46007ea5.system.entry.js +0 -4
- package/lib/duet/p-4a8c2fbd.entry.js +0 -4
- package/lib/duet/p-4d457562.entry.js +0 -4
- package/lib/duet/p-4d469e8a.entry.js +0 -4
- package/lib/duet/p-4dee86cc.system.entry.js +0 -4
- package/lib/duet/p-4f387d8d.system.entry.js +0 -4
- package/lib/duet/p-55daf42a.entry.js +0 -4
- package/lib/duet/p-579599b1.entry.js +0 -4
- package/lib/duet/p-597b4abf.system.entry.js +0 -4
- package/lib/duet/p-5988794d.system.entry.js +0 -4
- package/lib/duet/p-5cf4e9fa.entry.js +0 -4
- package/lib/duet/p-5d2d1ee9.entry.js +0 -4
- package/lib/duet/p-6099439d.entry.js +0 -4
- package/lib/duet/p-60e24406.entry.js +0 -4
- package/lib/duet/p-64ae892b.entry.js +0 -4
- package/lib/duet/p-655c5ef8.system.entry.js +0 -4
- package/lib/duet/p-657d12c6.system.entry.js +0 -4
- package/lib/duet/p-68eefbc0.entry.js +0 -4
- package/lib/duet/p-6a28213a.entry.js +0 -4
- package/lib/duet/p-6c0a2ef4.entry.js +0 -4
- package/lib/duet/p-6c13d426.entry.js +0 -4
- package/lib/duet/p-6c20accb.entry.js +0 -4
- package/lib/duet/p-6d35c23c.system.entry.js +0 -4
- package/lib/duet/p-70688378.entry.js +0 -4
- package/lib/duet/p-71a45359.system.entry.js +0 -4
- package/lib/duet/p-73093b97.entry.js +0 -4
- package/lib/duet/p-76bdf878.system.entry.js +0 -4
- package/lib/duet/p-77c137be.entry.js +0 -4
- package/lib/duet/p-77de34a7.entry.js +0 -4
- package/lib/duet/p-78958e35.system.entry.js +0 -4
- package/lib/duet/p-78dce48d.entry.js +0 -4
- package/lib/duet/p-7bcb3908.system.entry.js +0 -4
- package/lib/duet/p-7c19a049.entry.js +0 -4
- package/lib/duet/p-7d5115f0.system.entry.js +0 -4
- package/lib/duet/p-7db54371.system.entry.js +0 -4
- package/lib/duet/p-7e2f1643.system.entry.js +0 -4
- package/lib/duet/p-80734ccb.entry.js +0 -4
- package/lib/duet/p-812b9a45.system.entry.js +0 -4
- package/lib/duet/p-819906af.system.entry.js +0 -4
- package/lib/duet/p-821002cc.system.entry.js +0 -4
- package/lib/duet/p-8542bb1d.entry.js +0 -4
- package/lib/duet/p-87d24f60.system.entry.js +0 -4
- package/lib/duet/p-8ab86b55.system.entry.js +0 -4
- package/lib/duet/p-8ac1659f.entry.js +0 -4
- package/lib/duet/p-8c2eb582.system.entry.js +0 -4
- package/lib/duet/p-8c6bc7ce.system.entry.js +0 -4
- package/lib/duet/p-8dbc6fec.system.entry.js +0 -4
- package/lib/duet/p-923302a6.entry.js +0 -4
- package/lib/duet/p-92f87d29.system.entry.js +0 -4
- package/lib/duet/p-94260821.entry.js +0 -4
- package/lib/duet/p-95e2628e.entry.js +0 -4
- package/lib/duet/p-973db87a.system.entry.js +0 -4
- package/lib/duet/p-97db51fd.system.entry.js +0 -4
- package/lib/duet/p-9dd2e8b7.entry.js +0 -4
- package/lib/duet/p-9f11fac6.system.entry.js +0 -4
- package/lib/duet/p-a077314f.system.entry.js +0 -4
- package/lib/duet/p-a36d79bb.system.entry.js +0 -4
- package/lib/duet/p-a834b129.system.entry.js +0 -4
- package/lib/duet/p-a83f7b5d.entry.js +0 -4
- package/lib/duet/p-abe3d970.system.entry.js +0 -4
- package/lib/duet/p-adf27b5b.entry.js +0 -4
- package/lib/duet/p-aec26ab1.system.entry.js +0 -4
- package/lib/duet/p-b0f26d1f.entry.js +0 -4
- package/lib/duet/p-b5b09897.system.entry.js +0 -4
- package/lib/duet/p-b8873438.entry.js +0 -4
- package/lib/duet/p-bc56ef14.entry.js +0 -4
- package/lib/duet/p-bc6b41df.entry.js +0 -4
- package/lib/duet/p-bd190b40.system.entry.js +0 -4
- package/lib/duet/p-bdaebb9e.entry.js +0 -4
- package/lib/duet/p-bf3be553.system.entry.js +0 -4
- package/lib/duet/p-c078dccf.entry.js +0 -4
- package/lib/duet/p-c346eab9.system.entry.js +0 -4
- package/lib/duet/p-c4421950.entry.js +0 -4
- package/lib/duet/p-c531901e.entry.js +0 -4
- package/lib/duet/p-c67f6e71.entry.js +0 -4
- package/lib/duet/p-c876c531.entry.js +0 -4
- package/lib/duet/p-c9624ff8.system.entry.js +0 -4
- package/lib/duet/p-cecf203f.system.entry.js +0 -4
- package/lib/duet/p-cf1897db.entry.js +0 -4
- package/lib/duet/p-d166a0ec.system.entry.js +0 -4
- package/lib/duet/p-d26dbeb9.entry.js +0 -4
- package/lib/duet/p-d3381766.system.entry.js +0 -4
- package/lib/duet/p-d9e7da09.system.entry.js +0 -4
- package/lib/duet/p-dad5df60.entry.js +0 -4
- package/lib/duet/p-dd8cdf29.entry.js +0 -4
- package/lib/duet/p-decbebf5.system.entry.js +0 -4
- package/lib/duet/p-dfe18019.entry.js +0 -4
- package/lib/duet/p-e00b5c40.system.entry.js +0 -4
- package/lib/duet/p-e566241e.system.entry.js +0 -4
- package/lib/duet/p-e854cf9d.system.entry.js +0 -4
- package/lib/duet/p-e9d559ff.entry.js +0 -4
- package/lib/duet/p-ec61f9ab.entry.js +0 -4
- package/lib/duet/p-ed2b16ba.system.entry.js +0 -4
- package/lib/duet/p-fa746683.entry.js +0 -4
- package/lib/duet/p-fcec1712.entry.js +0 -4
- package/lib/duet/p-fe1d73a7.system.entry.js +0 -4
- package/lib/esm/nudge-350af17e.js +0 -13
- package/lib/esm-es5/focus-utils-33e8d53f.js +0 -4
- package/lib/esm-es5/nudge-350af17e.js +0 -4
- package/lib/types/utils/nudge.d.ts +0 -7
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,c as e,h as i,g as a}from"./p-a313db30.js";import{d as o,e as d}from"./p-141e14d0.js";import{i as s}from"./p-d48735b6.js";import{c as n}from"./p-45f71a69.js";import{f as l,F as r}from"./p-fd2cc5ae.js";import{f as m}from"./p-cc1909de.js";import{a as h,g as u,c as p,d as g}from"./p-4883df66.js";import{T as c}from"./p-24853ebf.js";import"./p-1a395a8d.js";const b=class{constructor(i){var a,o;t(this,i),this.duetOpen=e(this,"duetOpen",7),this.duetClose=e(this,"duetClose",7),this.duetBeforeClose=e(this,"duetBeforeClose",7),this.modalId=n("DuetModal"),this.slotDefaultId=n("DuetModal-default-slot"),this.isAndroidDevice=(null===(o=null===(a=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===a?void 0:a.toLowerCase())||void 0===o?void 0:o.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var t;try{null===(t=null===document||void 0===document?void 0:document.activeElement)||void 0===t||t.scrollIntoViewIfNeeded(!0)}catch(t){}}),100)},this.open=!1,this.language=h(),this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.size="medium",this.accessibleDescribedBy=void 0,this.accessibleLabelledBy=void 0,this.accessibleLabel=void 0,this.accessibleDetails=void 0,this.accessibleDescription=void 0,this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.headingVisualLevel=void 0,this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,o(this.modalEl,{reserveScrollBarGap:!0}),this.teleport.go(!0),setTimeout((()=>{this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),d(this.modalEl),this.duetClose.emit(),this.teleport.resume(600),setTimeout((()=>{l(this.focusedElBeforeOpen)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){s(this)}componentDidLoad(){this.teleport=new c(this.element),this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}connectedCallback(){p(this,{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"})}disconnectedCallback(){g(this),d(this.modalEl)}handleKeyUp(t){this.open&&m(t)&&this.closeModal(t)}async show(){this.open=!0}async hide(){this.open=!1}closeModal(t){this.duetBeforeClose.emit({originalEvent:t,component:"duet-modal"}),t.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){var t;let e="primary",a="secondary";return"turva"===this.theme&&(e="primary-turva",a="secondary-turva"),i("div",{ref:t=>this.modalEl=t,"aria-label":this.accessibleLabel,"aria-labelledby":!!this.heading&&this.modalId,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1","aria-flowto":this.slotDefaultId,class:{"duet-modal-overlay":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open}},i(r,{moveFocusTo:this.buttonEl}),i("div",{ref:t=>this.modalInnerEl=t,class:{"duet-modal-inner":!0,"duet-modal-large":"large"===this.size},onClick:t=>{this.closeOnBlur&&(t.target||t.srcElement)===this.modalInnerEl&&this.closeModal(t)}},i("div",{class:{"duet-modal":!0,[this.size]:!0}},"none"!==this.gutterSize&&i("duet-spacer",null),i("div",{class:"duet-modal-close"},i("duet-button",{ref:t=>this.buttonEl=t,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:a,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:t=>this.closeModal(t),fixed:!0})),i("div",{class:{"duet-modal-body":!0,"duet-modal-gutter-none":"none"===this.gutterSize,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize}},i("div",{class:"duet-modal-header"},i("span",{class:"duet-modal-inner-slot-top"},i("slot",{name:"top"})),this.icon&&i("duet-icon",{name:this.icon,size:"xx-large",color:this.color||e}),this.heading&&i("duet-heading",{"visual-level":null!==(t=this.headingVisualLevel)&&void 0!==t?t:this.headingLevel,level:this.headingLevel,theme:this.theme,id:this.modalId},this.heading)),i("span",{class:"duet-modal-inner-slot-default",id:this.slotDefaultId},i("slot",null))))),i(r,{moveFocusTo:this.buttonEl}))}get element(){return a(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.85);opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-overlay.duet-theme-turva{background:rgba(23, 28, 58, 0.85)}.duet-modal-overlay.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-overlay.duet-disable-transitions{transition:none}::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}}@media (max-width: 35.9375em){.duet-modal-inner.duet-modal-large{padding-right:0;padding-left:0}}.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-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:focus{outline:0}.duet-modal-body{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body{padding:36px}.duet-modal-body.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body{padding:36px 48px}}.duet-modal-header{text-align:center}.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}';export{b as duet_modal}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as d,g as e}from"./p-
|
|
4
|
+
import{r as t,h as i,H as d,g as e}from"./p-a313db30.js";import{i as a}from"./p-268171f7.js";const n=class{constructor(i){t(this,i),this.hasSidebar=!1,this.hasTop=!1,this.sticky=!1,this.margin="auto",this.stickyDistance="with-links",this.center=!1,this.tabs=!1,this.middle=!1,this.paddingBreakpoint=void 0}componentWillLoad(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']"),this.hasTop=!!this.element.querySelector("[slot='top']"),this.element.querySelector("[slot='main']")||console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}render(){return i(d,{class:{"duet-middle":this.middle,"duet-ie":a()}},this.hasTop&&i("div",{class:{"duet-layout-top":!0,"duet-m-0":"none"===this.margin,"duet-center":this.center}},i("div",{class:"duet-layout-top-wrapper"},i("slot",{name:"top"}))),i("div",{class:{"duet-layout":!0,"duet-layout-has-top":this.hasTop,"has-sidebar":this.hasSidebar,"duet-m-0":"none"===this.margin,"duet-center":this.center,[`padding-${this.paddingBreakpoint}`]:!!this.paddingBreakpoint}},i("main",{class:"duet-main"},i("slot",{name:"main"})),this.hasSidebar&&i("aside",{class:"duet-sidebar"},i("div",{class:{"duet-sidebar-container":!0,"has-tabs":this.tabs,sticky:this.sticky,[this.stickyDistance]:this.sticky}},i("slot",{name:"sidebar"})))))}get element(){return e(this)}};n.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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";export{n as duet_layout}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,h as e,H as o,g as n}from"./p-a313db30.js";import{a}from"./p-64d43840.js";import{i as r}from"./p-d48735b6.js";import{f as i}from"./p-cc1909de.js";const d=class{constructor(e){t(this,e),this.mql=[window.matchMedia(a.replace(/'/g,""))],this.boundMqlFunctions=[],this.changeIconSize=()=>{this.iconSize=this.mql[0].matches?"x-small":"small"},this.onClick=()=>{this.open=!this.open},this.getVariant=()=>(this.element.parentElement.getAttribute("slot"),"right"),this.iconSize="x-small",this.accessibleLabel=void 0,this.theme="",this.open=!1,this.icon=void 0}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.open=!1)}componentWillLoad(){r(this)}connectedCallback(){this.changeIconSize();for(let t=0;t<this.mql.length;t++)if(this.mql[t].addEventListener){const e=this.changeIconSize.bind(this);this.mql[t].addEventListener("change",e),this.boundMqlFunctions[t]=e}}disconnectedCallback(){for(let t=0;t<this.mql.length;t++)this.mql[t].removeEventListener&&this.mql[t].removeEventListener("change",this.boundMqlFunctions[t]);this.boundMqlFunctions=[]}handleEscape(t){i(t)&&(this.open=!1,this.setFocus())}async setFocus(t){this.button.focus(t)}render(){return e(o,null,e("div",{class:{"duet-menu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open,[`duet-menu-bar-dropdown--slot-${this.getVariant()}`]:!0}},e("button",{ref:t=>this.button=t,"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:t=>this.handleEscape(t)},this.icon&&e("duet-icon",{theme:this.theme,name:this.icon,size:this.iconSize,margin:"none",color:"currentColor"}),e("div",{class:"label"},e("slot",{name:"label"}),e("duet-icon",{class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),e("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},e("slot",null))))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .items{position:absolute;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:1rem 0;color:rgb(0, 41, 77);background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(245, 245, 247)}';export{d as duet_menu_bar_dropdown}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function i(t){try{s(n.next(t))}catch(t){a(t)}}function u(t){try{s(n["throw"](t))}catch(t){a(t)}}function s(t){t.done?o(t.value):r(t.value).then(i,u)}s((n=n.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:[]},n,r,a,i;return i={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function u(t){return function(e){return s([t,e])}}function s(u){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,u[0]&&(o=0)),o)try{if(n=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:o.label++;return{value:u[1],done:false};case 5:o.label++;r=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];r=0}finally{n=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* Built with Duet Design System
|
|
4
|
+
*/System.register(["./p-9ad4c219.system.js","./p-77b6e4ba.system.js","./p-8d0d6e06.system.js"],(function(t){"use strict";var e,o,n,r,a,i;return{setters:[function(t){e=t.r;o=t.h;n=t.H;r=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:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:rgb(0, 41, 77);background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.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(245, 245, 247)}';var s=t("duet_toolbar_dropdown",function(){function t(t){var o=this;e(this,t);this.onClick=function(){o.open=!o.open};this.theme="";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 r="right";if(this.element&&this.element.parentElement){r=this.element.parentElement.getAttribute("slot")==="left"?"right":"left"}return o(n,null,o("div",{class:(t={"duet-toolbar-dropdown":true,"duet-theme-turva":this.theme==="turva"},t[r]=true,t)},o("button",{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",{theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("div",{class:"label"},o("slot",{name:"label"}),o("duet-icon",{class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),o("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},o("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());s.style=u}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,h as e,H as o,g as a,c as i}from"./p-a313db30.js";import{i as n}from"./p-d48735b6.js";import{g as r,c as s,d,a as l}from"./p-4883df66.js";import{c as b}from"./p-45f71a69.js";import{d as c,b as u,a as h,c as p}from"./p-cc1909de.js";import"./p-1a395a8d.js";const g=class{constructor(e){t(this,e),this.currentIndex=0,this.tabListElement=void 0,this.tabListClass="duet-scrollable-list",this.hasCollapseButtonLabelSlot=!1,this.resizeObserver=new ResizeObserver((t=>{var e,o,a,i;if(1===(null==t?void 0:t.length)){const n=null===(o=null===(e=t[0])||void 0===e?void 0:e.target)||void 0===o?void 0:o.getBoundingClientRect().width,r=null===(i=null===(a=t[0])||void 0===a?void 0:a.target)||void 0===i?void 0:i.scrollWidth;this.isTabContentSmallerThanWrapper=r>n+5}})),this.collapsedOnClick=()=>{this.collapsed=!this.collapsed},this.tablistAtStart=!0,this.isTabContentSmallerThanWrapper=!1,this.tablistAtEnd=!1,this.childrenData={},this.theme="",this.identifier="",this.collapsed=!1,this.buttons=!0,this.center=!1,this.selected=0}watchPropHandler(t){this.scrollToTab(t,"center")}componentWillLoad(){n(this),this.hasCollapseButtonLabelSlot=!!this.element.querySelector(":scope > [slot='collapse-button-label']");const t=this.element.querySelectorAll(":scope > :not([slot='collapse-button-label'])");this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}}componentDidLoad(){this.resizeObserver.observe(this.tabListElement)}disconnectedCallback(){this.resizeObserver.disconnect()}getLastVisibleElement(){const t=this.tabListElement.clientWidth;return Array.from(this.element.querySelectorAll("button")).findIndex((e=>e.getBoundingClientRect().x>t))}getFirstVisibleElement(){const t=this.element.querySelectorAll("button");return Array.from(t).map((t=>t.getBoundingClientRect().x-t.getBoundingClientRect().width)).findIndex((t=>t>0))}updateScrollButtons(t=this.tabListElement){this.buttons&&(t.scrollLeft<=0?this.tablistAtStart=!0:t.scrollLeft>0&&(this.tablistAtStart=!1),t.clientWidth+t.scrollLeft+10>=t.scrollWidth?this.tablistAtEnd=!0:t.clientWidth+t.scrollLeft+10<t.scrollWidth&&(this.tablistAtEnd=!1))}scrollToTab(t=this.currentIndex,e){if(!this.childrenData.hasChildren)return;t+1>=this.childrenData.numberOfChildren&&(t=this.childrenData.numberOfChildren-1),t<0&&(t=0);const o=this.element.querySelectorAll("button");let a=o[0].getBoundingClientRect().x,i=5;const n=()=>{if(o[0].getBoundingClientRect().x===a){if(i--,0!==i)return void window.requestAnimationFrame(n);this.updateScrollButtons()}else window.requestAnimationFrame(n),a=o[0].getBoundingClientRect().x};o[t].scrollIntoView({behavior:"smooth",inline:e}),window.requestAnimationFrame(n)}scrollLeft(){this.tablistAtEnd=!1;const t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")}scrollRight(){this.tablistAtStart=!1;const t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")}render(){return e(o,{class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},this.hasCollapseButtonLabelSlot&&e("div",{class:{collapse:!0,hide:!this.isTabContentSmallerThanWrapper&&!this.collapsed}},e("duet-button",{variation:"plain",margin:"none","center-text":!0,onClick:()=>this.collapsedOnClick()},e("slot",{name:"collapse-button-label"}))),e("div",{class:{"duet-scrollable-items":!0,buttons:this.buttons,center:this.center}},e("button",{part:`${this.identifier}-button-left`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--left":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollLeft(),disabled:this.tablistAtStart,tabindex:"-1",hidden:!this.buttons},e("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),e("div",{class:{[this.tabListClass]:!0,collapsed:this.collapsed},onScroll:()=>this.updateScrollButtons(),ref:t=>this.tabListElement=t},e("slot",null)),e("button",{part:`${this.identifier}-button-right`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--right":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollRight(),disabled:this.tablistAtEnd,tabindex:"-1",hidden:!this.buttons},e("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))}get element(){return a(this)}static get watchers(){return{selected:["watchPropHandler"]}}};g.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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{visibility:hidden}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";const m=class{constructor(e){t(this,e),this.label=void 0,this.caption=void 0,this.selected=void 0,this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?r(this.accessibleDescriptionDefault):null}connectedCallback(){s(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"})}disconnectedCallback(){d(this)}render(){return e("div",{role:"tabpanel",class:{"duet-tab":!0,selected:this.selected},"aria-description":this.accessibleDescription},e("slot",null))}get element(){return a(this)}};m.style=".sc-duet-tab-h{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-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";const k=class{constructor(o){t(this,o),this.duetChange=i(this,"duetChange",3),this.duetTabChange=i(this,"duetTabChange",7),this.duetTabChangeRequested=i(this,"duetTabChangeRequested",7),this.id=b("DuetTabGroup"),this.handleKeyDown=t=>{let e;c(t)||u(t)?e=t.target.previousElementSibling:(h(t)||p(t))&&(e=t.target.nextElementSibling),e&&(t.preventDefault(),e.click(),e.focus())},this.onTabSelect=t=>{this.tabChangeConfirm?t!==this.selected&&this.duetTabChangeRequested.emit({value:t,component:"duet-tab-group"}):this.openTab(t)},this.scrollToActive=()=>{"checked"!==this.variation&&"plain-scrolling"!==this.variation||setTimeout((()=>{const t=this.tabsContainer.querySelector(".selected");t&&t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}),50)},this.renderTab=()=>{const t=this.tabs.map(((t,o)=>e("button",{role:"tab",id:this.getButtonId(o),"aria-controls":this.getTabId(o),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(o),tabindex:0===o?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,"stackable-tab":"checked"===this.variation&&this.tabs.length<=3,selected:t.selected},onClick:()=>this.onTabSelect(o),onKeyDown:t=>this.handleKeyDown(t)},"checked"===this.variation?e("div",{class:{"checked-tab-content":!0,"stackable-checked-tab-content":this.tabs.length<=3}},e("div",{class:{"checked-tab-description":!0,"stackable-description":this.tabs.length<=3}},e("p",null,t.label),e("p",{class:{"tab-caption":!0,selected:t.selected}},t.caption)),e("div",{class:{"stackable-checkmark":this.tabs.length<=3}},e("duet-checkmark",{theme:this.theme,checked:t.selected,type:"radio","presentation-only":!0,center:!0}))):t.label)));return this.scrolls?e("duet-scrollable",{selected:this.selected,identifier:this.identifier},t):t},this.tabs=[],this.selected=void 0,this.theme="",this.scrolls=!1,this.collapses=!0,this.accessibleLabel=void 0,this.variation="default",this.language=l(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=r(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.setTabIndex=!1,this.tabChangeConfirm=!1}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){n(this)}componentDidLoad(){this.scrollToActive()}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,o)=>{e.selected=o===t})),this.scrollToActive();const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.id}-button-${t}`}getTabId(t){return`${this.id}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){this.selected=void 0,this.tabs=this.getTabs(),this.tabs.forEach(((t,e)=>{t.id=this.getTabId(e),t.setAttribute("aria-labelledby",this.getButtonId(e)),t.selected&&(void 0===this.selected?this.selected=e:t.selected=!1)})),void 0===this.selected&&(this.selected=0,this.tabs[0].selected=!0)}render(){const t="checked"===this.variation||"plain-scrolling"===this.variation;return e("div",{class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,["plain-scrolling"===this.variation?"duet-tab-variation-plain":`duet-tab-variation-${this.variation}`]:!0,"duet-tab-plain-scrolling":"plain-scrolling"===this.variation,"duet-tab-group-scrolls":this.scrolls,"duet-tab-group-collapses":this.collapses},"aria-label":this.accessibleLabel},!t&&this.tabs.length>3&&this.collapses&&e("duet-select",{value:this.selected.toString(),expand:!0,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:t=>this.onTabSelect(Number(t.detail.value)),items:this.tabs.map(((t,e)=>({label:t.label,value:e.toString()})))}),e("div",{role:"tablist",class:{"duet-m-0":"none"===this.margin||"checked"===this.variation,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3&&!t,"duet-tab-group-collapses":this.collapses},ref:t=>{this.tabsContainer=t}},this.renderTab()),e("div",{role:"tabpanel",tabindex:this.setTabIndex?null:"0",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin,"checked-group-content":"checked"===this.variation}},e("slot",null)))}get element(){return a(this)}};k.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;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-weight:600;line-height:1.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-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);border-color:rgb(228, 228, 230)}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(68, 68, 69)}';export{g as duet_scrollable,m as duet_tab,k as duet_tab_group}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,c as t,h as s,H as i,g as c}from"./p-a313db30.js";import{i as o}from"./p-d48735b6.js";import{c as l}from"./p-45f71a69.js";import{p as a}from"./p-1a395a8d.js";function r(e){return"options"in e}function d(e,t){for(var s=0;s<e.length;s++){let i=e[s];if(r(i)&&(i=d(i.options,t)),i&&i.value===t)return i}}const u=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.role=void 0,this.tooltip="",this.tooltipDirection="auto"}valueChanged(){this.nativeSelect&&(this.nativeSelect.value=this.value),this.isCaptionVisible=!!this.caption}componentWillLoad(){o(this),this.isCaptionVisible=!!this.caption,this.refresh()}async setFocus(e){this.nativeSelect&&this.nativeSelect.focus(e)}async refresh(){this.processedItems=a(this.items)}getSelectedItemLabel(){let e;return this.processedItems&&(e=d(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},id:this.labelId,for:e},this.label),this.tooltip&&s("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.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=>r(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 c(this)}static get watchers(){return{value:["valueChanged"],items:["refresh"]}}};u.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{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select{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 #0077b3}.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{u as duet_select}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,c as e,h as d,H as s,g as o}from"./p-a313db30.js";import{i}from"./p-d48735b6.js";import{c as g}from"./p-45f71a69.js";const u=class{constructor(d){t(this,d),this.duetChange=e(this,"duetChange",3),this.toggleId=g("DuetToggle"),this.onClick=t=>{t.preventDefault(),this.setFocus(),this.checked=!this.checked},this.theme="",this.margin="auto",this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.label="label",this.labelPosition="top",this.required=!1,this.disabled=!1,this.checked=!1,this.value=void 0,this.identifier=void 0,this.name=void 0,this.role=void 0}checkedChanged(t){this.duetChange.emit({checked:t,value:this.value,component:"duet-toggle"})}componentWillLoad(){i(this),void 0===this.value&&(this.value=this.identifier)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.toggleId;return d(s,{onClick:this.disabled?void 0:this.onClick,class:{"duet-m-0":"none"===this.margin}},d("div",{class:{"duet-toggle":!0,"duet-theme-turva":"turva"===this.theme,"duet-side-label":"top"!==this.labelPosition,"duet-reverse-label":"right"===this.labelPosition}},d("duet-label",{theme:this.theme,for:t,margin:"top"===this.labelPosition?"auto":"none"},this.label),d("label",{class:"duet-switch",htmlFor:t},d("input",{type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled,ref:t=>this.nativeInput=t}),d("div",{class:"duet-slider"}))))}get element(){return o(this)}static get watchers(){return{checked:["checkedChanged"]}}};u.style='*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-side-label.sc-duet-toggle{display:flex;gap:12px;align-items:center}.duet-side-label.sc-duet-toggle duet-label.sc-duet-toggle{width:auto !important}.duet-reverse-label.sc-duet-toggle{flex-direction:row-reverse}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(198, 12, 48)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#c8cacc}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#bababa}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#80bbd9}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#e38698}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(144, 149, 153);border-radius:24px;transition:background-color 300ms ease}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{background-color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}';export{u as duet_toggle}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,c as t,h as o,H as i,g as n}from"./p-a313db30.js";import{i as a}from"./p-d48735b6.js";const u=class{constructor(o){e(this,o),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-popup-menu-item"})},this.focus=!1,this.accessibleLabel=void 0,this.theme="",this.url=void 0,this.external=!1,this.value=void 0,this.leadingIcon=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1}componentWillLoad(){a(this)}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}async isFocused(){return this.focus}render(){return o(i,null,o(this.url?"a":"button",{ref:e=>this.itemElement=e,tabIndex:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"menuitem","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0},this.leadingIcon&&o("duet-icon",{name:this.leadingIcon,size:"xx-small",color:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),o("span",{class:"duet-popup-menu-item-label"},o("slot",null)),this.trailingIcon&&o("duet-icon",{name:this.trailingIcon,size:"xx-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&o("span",{class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return n(this)}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:8px;align-items:center;height:100%;padding:8px 20px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.active,.duet-popup-menu-item.active:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-popup-menu-item.active.duet-theme-turva,.duet-popup-menu-item.active:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}';export{u as duet_popup_menu_item}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,h as t,H as i,g as o}from"./p-a313db30.js";import{i as a}from"./p-d48735b6.js";const n=class{constructor(t){e(this,t),this.accessibleLabel=void 0,this.theme="",this.targetLanguage=void 0,this.active=!1,this.href="#",this.icon=void 0,this.size="inherit",this.caret=!1,this.menuItem=!1}componentWillLoad(){a(this)}render(){return t(i,null,t("a",{class:{"duet-slideout-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[this.size]:!0},href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.accessibleLabel},this.icon&&t("duet-icon",{name:this.icon,color:"secondary",size:this.menuItem?"x-small":"medium",margin:"none"}),t("div",{class:"label"},t("span",null,t("slot",null),t("slot",{name:"description"})),this.caret&&t("duet-icon",{name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))}get element(){return o(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(101, 119, 135)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(68, 68, 69)}';export{n as duet_slideout_link}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function s(e){try{u(i.next(e))}catch(e){r(e)}}function o(e){try{u(i["throw"](e))}catch(e){r(e)}}function u(e){e.done?n(e.value):a(e.value).then(s,o)}u((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return u([e,t])}}function u(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;a=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){n.label=o[1];break}if(o[0]===6&&n.label<r[1]){n.label=r[1];r=o;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(o);break}if(r[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];a=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* Built with Duet Design System
|
|
4
|
+
*/System.register(["./p-9ad4c219.system.js","./p-77b6e4ba.system.js","./p-8972381a.system.js","./p-7671b7b7.system.js","./p-b99c00fa.system.js"],(function(e){"use strict";var t,n,i,a,r,s;return{setters:[function(e){t=e.r;n=e.h;i=e.g},function(e){a=e.i},function(e){r=e.g},function(e){s=e.a},function(){}],execute:function(){var o=function(e,t){if(t===void 0){t=2}if(e===0){return"0 Bytes"}var n=1024;var i=t<0?0:t;var a=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"];var r=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,r)).toFixed(i))+" "+a[r]};var u=".file-link::part(duet-link){text-decoration:none}";var c=e("duet_upload_item",function(){function e(e){var n=this;t(this,e);this.fileUploadingInfo={fi:"Tiedosto latautuu",sv:"Filen laddas upp",en:"File is uploading"};this.onLinkClick=function(e){var t=n.data,i=t.url,a=t.meta;if(!!n.linkClickEvent){e.preventDefault();n.linkClickEvent.emit({component:"duet-upload",data:{name:n.data.item.name,url:i,meta:a}})}};this.theme="";this.data=undefined;this.type=undefined;this.showLinks=undefined;this.actions=undefined;this.label=undefined;this.categoryLabel=undefined;this.errorCodes=undefined;this.showCategory=undefined;this.linkClickEvent=undefined}e.prototype.componentWillLoad=function(){a(this)};e.prototype.focusActionButton=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.actionButton)return[3,2];return[4,this.actionButton.setFocus({preventScroll:true})];case 1:e.sent();this.actionButton.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"});e.label=2;case 2:return[2]}}))}))};e.prototype.getFileNameLine=function(){var e=this.data,t=e.item,i=e.size,a=e.uploaded,u=e.url,c=e.progress,l=e.error;var d=t.name;var h=n("span",{class:"duet-upload-item-name"},n("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),d);var f=n("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",o(i),")");switch(this.type){case"inprogress":return n("span",{class:"duet-upload-item-name",role:"status"},n("duet-paragraph",{class:"duet-upload-item-name",color:"gray-darker",margin:"none",weight:"semi-bold"},n("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),d),n("duet-visually-hidden",null,n("duet-paragraph",null,r(this.fileUploadingInfo))),n("duet-progress",{progress:Math.ceil(c),"aria-hidden":true}));case"pending":return n("span",{class:"duet-upload-item-name"},n("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),d);case"failure":return n("span",{class:"duet-upload-item-error",role:"status"},n("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},n("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),d),n("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},s(l.type,this.errorCodes)));default:return a&&u&&this.showLinks?n("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},n("duet-link",{class:"file-link",onClick:this.onLinkClick,url:u},h),n("duet-spacer",{size:"xx-small",direction:"horizontal"}),f):n("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},h,n("duet-spacer",{size:"xx-small",direction:"horizontal"}),f)}};e.prototype.render=function(){var e=this;var t=this.data,i=t.uid,a=t.meta,s=t.item;var o=a&&a.badges?n("span",null,a.badges.map((function(e){return n("duet-badge",{color:"primary"},e)}))):undefined;var u="".concat(a&&a.badges?a.badges.join(","):""," ").concat(s.name);return n("div",{class:{"upload-item-row":true}},this.showCategory&&n("div",{class:"item-categories"},n("duet-heading",{class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},r(this.categoryLabel)),o),n("div",{class:{"item-name":true,"no-category":!this.showCategory}},!!this.label&&n("duet-heading",{class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},r(this.label)),this.getFileNameLine()),n("div",{class:"item-actions"},this.actions.map((function(t){return n("duet-action-button",{actionMeta:Object.assign({},a||{}),actionId:i||null,actionName:t.name,theme:e.theme,iconName:t.icon,iconColor:t.color,iconSize:t.size,background:t.background,"accessible-label":"".concat(u," ").concat(r(t.label)," "),accessibleTitle:false,ref:function(t){return e.actionButton=t}})}))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());c.style=u}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(i,t,e,d){function r(i){return i instanceof e?i:new e((function(t){t(i)}))}return new(e||(e=Promise))((function(e,n){function a(i){try{u(d.next(i))}catch(i){n(i)}}function g(i){try{u(d["throw"](i))}catch(i){n(i)}}function u(i){i.done?e(i.value):r(i.value).then(a,g)}u((d=d.apply(i,t||[])).next())}))};var __generator=this&&this.__generator||function(i,t){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},d,r,n,a;return a={next:g(0),throw:g(1),return:g(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function g(i){return function(t){return u([i,t])}}function u(g){if(d)throw new TypeError("Generator is already executing.");while(a&&(a=0,g[0]&&(e=0)),e)try{if(d=1,r&&(n=g[0]&2?r["return"]:g[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,g[1])).done)return n;if(r=0,n)g=[g[0]&2,n.value];switch(g[0]){case 0:case 1:n=g;break;case 4:e.label++;return{value:g[1],done:false};case 5:e.label++;r=g[1];g=[0];continue;case 7:g=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(g[0]===6||g[0]===2)){e=0;continue}if(g[0]===3&&(!n||g[1]>n[0]&&g[1]<n[3])){e.label=g[1];break}if(g[0]===6&&e.label<n[1]){e.label=n[1];n=g;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(g);break}if(n[2])e.ops.pop();e.trys.pop();continue}g=t.call(i,e)}catch(i){g=[6,i];r=0}finally{d=n=0}if(g[0]&5)throw g[1];return{value:g[0]?g[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-1c05d649.system.js","./p-885b38a9.system.js","./p-8e1da663.system.js","./p-77b6e4ba.system.js"],(function(i){"use strict";var t,e,d,r,n,a,g,u,o,s;return{setters:[function(i){t=i.r;e=i.h;d=i.H;r=i.g},function(i){n=i.a;a=i.m;g=i.b},function(i){u=i.w;o=i.a},function(i){s=i.i}],execute:function(){var m=".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-grid-variation-flex.sc-duet-grid-h{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}@media (max-width: 22.5em){.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}.duet-grid-variation-grid.sc-duet-grid-h{display:grid;grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;align-items:flex-start;justify-content:center;margin:0 20px}@media (min-width: 36em){.duet-grid-variation-grid.sc-duet-grid-h{gap:24px;margin:0 40px}}@media (min-width: 48em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(8, 55px);gap:24px 32px;margin:0 auto}}@media (min-width: 62em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, minmax(0, 1fr));margin:0 64px}}@media (min-width: 76.25em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, 55px);gap:40px;margin:0 auto}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:3/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:2/span 10}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 12}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:9/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:5/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:5/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:7/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:5/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:9/span 4}}";function l(i){return i.tagName.toLowerCase()==="duet-grid-item"}var c=i("duet_grid",function(){function i(i){t(this,i);this.mql=[window.matchMedia(n.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,"")),window.matchMedia(g.replace(/'/g,""))];this.distributeFormElement=false;this.responsive=false;this.breakpoint="small";this.direction="horizontal";this.rowReverse=false;this.alignment="top";this.distribution="default";this.mobile="";this.gridTemplate=null}i.prototype.outerHeight=function(i){var t=i.offsetHeight,e=window.getComputedStyle(i);return["top","bottom"].map((function(i){return parseInt(e["margin-".concat(i)])})).reduce((function(i,t){return i+t}),t)};i.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var i,t;var e=this;return __generator(this,(function(d){i=this.element;this.distributeFormElement=this.alignment==="form_distribute";this.mutationO=u(i,"duet-grid-item",(function(){e.updateGridItems()}));if(this.distributeFormElement){this.mutation1=o(i,"duet-input",(function(){e.updateGridItemsWithInputFields()}));for(t=0;t<this.mql.length;t++){if(this.mql[t].addEventListener){this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}}this.updateGridItems();return[2]}))}))};i.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.mutation1){this.mutation1.disconnect();this.mutation1=undefined}for(var i=0;i<this.mql.length;i++){if(this.mql[i].removeEventListener){this.mql[i].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}};i.prototype.updateGridItems=function(){return __awaiter(this,void 0,void 0,(function(){var i;var t=this;return __generator(this,(function(e){i=Array.from(this.element.children).filter(l);i.forEach((function(i){i.responsive=t.responsive;i.breakpoint=t.breakpoint;i.direction=t.direction}));return[2]}))}))};i.prototype.updateGridItemsWithInputFields=function(){return __awaiter(this,void 0,void 0,(function(){var i,t,e,d;var r=this;return __generator(this,(function(n){i=Array.from(this.element.children).filter(l);t=window?window.getComputedStyle(this.element).flexDirection==="column":false;e=0;d=[];i.forEach((function(i){var t=i.querySelector("span.duet-input-error");var e=t?r.outerHeight(t):0;d.push(e)}));e=Math.max.apply(Math,d);i.forEach((function(i){var d=i.querySelector("span.duet-input-error");var n=d?r.outerHeight(d):0;if(n<e&&!t){i.setAttribute("style","padding-bottom: ".concat(e-n,"px;"))}else if(n===e||t){i.setAttribute("style","padding-bottom: 0px;")}}));return[2]}))}))};i.prototype.render=function(){var i;return e(d,{class:(i={"duet-grid":true,"duet-no-stacking":!this.responsive,"duet-grid-align-top":this.alignment==="top","duet-grid-align-bottom":this.alignment==="bottom"||this.alignment==="form_distribute","duet-grid-align-center":this.alignment==="center","duet-grid-align-stretch":this.alignment==="stretch","duet-grid-align-baseline":this.alignment==="baseline","duet-grid-distribution-left":this.distribution==="left","duet-grid-distribution-right":this.distribution==="right","duet-grid-distribution-center":this.distribution==="center","duet-grid-distribution-between":this.distribution==="space-between","duet-grid-distribution-around":this.distribution==="space-around","duet-grid-distribution-evenly":this.distribution==="space-evenly","duet-grid-mobile-left":this.mobile==="left","duet-grid-mobile-center":this.mobile==="center","duet-grid-mobile-right":this.mobile==="right","duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-breakpoint-x-small":this.breakpoint==="x-small","duet-grid-breakpoint-small":this.breakpoint==="small","duet-grid-breakpoint-medium":this.breakpoint==="medium","duet-grid-breakpoint-large":this.breakpoint==="large","duet-grid-breakpoint-x-large":this.breakpoint==="x-large","duet-grid-row-reverse":this.rowReverse},i["duet-grid-variation-".concat(this.gridTemplate?"grid":"flex")]=true,i["duet-grid-template-".concat(this.gridTemplate)]=true,i)},e("slot",null))};Object.defineProperty(i.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}},enumerable:false,configurable:true});return i}());c.style=m;var h='.sc-duet-grid-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-of-type{padding-left:0}.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-m-0.sc-duet-grid-item-h{padding:0 !important;margin:0 !important}';var p=i("duet_grid_item",function(){function i(i){t(this,i);this.fill=false;this.maxWidth=undefined;this.minWidth=undefined;this.theme="";this.margin="auto";this.responsive=false;this.direction="horizontal";this.breakpoint="small"}i.prototype.componentWillLoad=function(){s(this)};i.prototype.render=function(){return e(d,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":this.margin==="none","duet-theme-turva":this.theme==="turva","duet-grid-item":true,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-item-br-x-small":this.breakpoint==="x-small","duet-grid-item-br-small":this.breakpoint==="small","duet-grid-item-br-medium":this.breakpoint==="medium","duet-grid-item-br-large":this.breakpoint==="large","duet-grid-item-br-x-large":this.breakpoint==="x-large"}})};return i}());p.style=h}}}));
|
|
4
|
+
*/System.register(["./p-9ad4c219.system.js","./p-885b38a9.system.js","./p-8e1da663.system.js","./p-77b6e4ba.system.js"],(function(i){"use strict";var t,e,d,r,n,a,g,u,o,s;return{setters:[function(i){t=i.r;e=i.h;d=i.H;r=i.g},function(i){n=i.a;a=i.m;g=i.b},function(i){u=i.w;o=i.a},function(i){s=i.i}],execute:function(){var m=".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-grid-variation-flex.sc-duet-grid-h{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}@media (max-width: 22.5em){.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}.duet-grid-variation-grid.sc-duet-grid-h{display:grid;grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;align-items:flex-start;justify-content:center;margin:0 20px}@media (min-width: 36em){.duet-grid-variation-grid.sc-duet-grid-h{gap:24px;margin:0 40px}}@media (min-width: 48em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(8, 55px);gap:24px 32px;margin:0 auto}}@media (min-width: 62em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, minmax(0, 1fr));margin:0 64px}}@media (min-width: 76.25em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, 55px);gap:40px;margin:0 auto}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:3/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:2/span 10}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 12}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:9/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:5/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:5/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:7/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:5/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:9/span 4}}";function l(i){return i.tagName.toLowerCase()==="duet-grid-item"}var c=i("duet_grid",function(){function i(i){t(this,i);this.mql=[window.matchMedia(n.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,"")),window.matchMedia(g.replace(/'/g,""))];this.distributeFormElement=false;this.responsive=false;this.breakpoint="small";this.direction="horizontal";this.rowReverse=false;this.alignment="top";this.distribution="default";this.mobile="";this.gridTemplate=null}i.prototype.outerHeight=function(i){var t=i.offsetHeight,e=window.getComputedStyle(i);return["top","bottom"].map((function(i){return parseInt(e["margin-".concat(i)])})).reduce((function(i,t){return i+t}),t)};i.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var i,t;var e=this;return __generator(this,(function(d){i=this.element;this.distributeFormElement=this.alignment==="form_distribute";this.mutationO=u(i,"duet-grid-item",(function(){e.updateGridItems()}));if(this.distributeFormElement){this.mutation1=o(i,"duet-input",(function(){e.updateGridItemsWithInputFields()}));for(t=0;t<this.mql.length;t++){if(this.mql[t].addEventListener){this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}}this.updateGridItems();return[2]}))}))};i.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.mutation1){this.mutation1.disconnect();this.mutation1=undefined}for(var i=0;i<this.mql.length;i++){if(this.mql[i].removeEventListener){this.mql[i].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}};i.prototype.updateGridItems=function(){return __awaiter(this,void 0,void 0,(function(){var i;var t=this;return __generator(this,(function(e){i=Array.from(this.element.children).filter(l);i.forEach((function(i){i.responsive=t.responsive;i.breakpoint=t.breakpoint;i.direction=t.direction}));return[2]}))}))};i.prototype.updateGridItemsWithInputFields=function(){return __awaiter(this,void 0,void 0,(function(){var i,t,e,d;var r=this;return __generator(this,(function(n){i=Array.from(this.element.children).filter(l);t=window?window.getComputedStyle(this.element).flexDirection==="column":false;e=0;d=[];i.forEach((function(i){var t=i.querySelector("span.duet-input-error");var e=t?r.outerHeight(t):0;d.push(e)}));e=Math.max.apply(Math,d);i.forEach((function(i){var d=i.querySelector("span.duet-input-error");var n=d?r.outerHeight(d):0;if(n<e&&!t){i.setAttribute("style","padding-bottom: ".concat(e-n,"px;"))}else if(n===e||t){i.setAttribute("style","padding-bottom: 0px;")}}));return[2]}))}))};i.prototype.render=function(){var i;return e(d,{class:(i={"duet-grid":true,"duet-no-stacking":!this.responsive,"duet-grid-align-top":this.alignment==="top","duet-grid-align-bottom":this.alignment==="bottom"||this.alignment==="form_distribute","duet-grid-align-center":this.alignment==="center","duet-grid-align-stretch":this.alignment==="stretch","duet-grid-align-baseline":this.alignment==="baseline","duet-grid-distribution-left":this.distribution==="left","duet-grid-distribution-right":this.distribution==="right","duet-grid-distribution-center":this.distribution==="center","duet-grid-distribution-between":this.distribution==="space-between","duet-grid-distribution-around":this.distribution==="space-around","duet-grid-distribution-evenly":this.distribution==="space-evenly","duet-grid-mobile-left":this.mobile==="left","duet-grid-mobile-center":this.mobile==="center","duet-grid-mobile-right":this.mobile==="right","duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-breakpoint-x-small":this.breakpoint==="x-small","duet-grid-breakpoint-small":this.breakpoint==="small","duet-grid-breakpoint-medium":this.breakpoint==="medium","duet-grid-breakpoint-large":this.breakpoint==="large","duet-grid-breakpoint-x-large":this.breakpoint==="x-large","duet-grid-row-reverse":this.rowReverse},i["duet-grid-variation-".concat(this.gridTemplate?"grid":"flex")]=true,i["duet-grid-template-".concat(this.gridTemplate)]=true,i)},e("slot",null))};Object.defineProperty(i.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}},enumerable:false,configurable:true});return i}());c.style=m;var h='.sc-duet-grid-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-of-type{padding-left:0}.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-m-0.sc-duet-grid-item-h{padding:0 !important;margin:0 !important}';var p=i("duet_grid_item",function(){function i(i){t(this,i);this.fill=false;this.maxWidth=undefined;this.minWidth=undefined;this.theme="";this.margin="auto";this.responsive=false;this.direction="horizontal";this.breakpoint="small"}i.prototype.componentWillLoad=function(){s(this)};i.prototype.render=function(){return e(d,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":this.margin==="none","duet-theme-turva":this.theme==="turva","duet-grid-item":true,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-item-br-x-small":this.breakpoint==="x-small","duet-grid-item-br-small":this.breakpoint==="small","duet-grid-item-br-medium":this.breakpoint==="medium","duet-grid-item-br-large":this.breakpoint==="large","duet-grid-item-br-x-large":this.breakpoint==="x-large"}})};return i}());p.style=h}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{u(n.next(t))}catch(t){a(t)}}function s(t){try{u(n["throw"](t))}catch(t){a(t)}}function u(t){t.done?i(t.value):r(t.value).then(o,s)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return u([t,e])}}function u(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(n=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];r=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* Built with Duet Design System
|
|
4
|
+
*/System.register(["./p-9ad4c219.system.js","./p-77b6e4ba.system.js","./p-1a91e22a.system.js","./p-8972381a.system.js","./p-b99c00fa.system.js"],(function(t){"use strict";var e,i,n,r,a,o,s,u,c,d;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H;a=t.g},function(t){o=t.i},function(t){s=t.c},function(t){u=t.g;c=t.c;d=t.d},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%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding: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:1rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.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);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:rgb(250, 164, 15)}.duet-alert.danger{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-alert.success{background:#f2f9f7;border-color:rgb(0, 135, 90)}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:rgb(8, 135, 78)}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}';var f=t("duet_alert",function(){function t(t){var n=this;e(this,t);this.duetDismiss=i(this,"duetDismiss",7);this.descriptiveId=s("DuetAlert");this.handleDismiss=function(t){n.handleHide();n.duetDismiss.emit({component:"duet-alert",originalEvent:t})};this.handleShow=function(){n.isDismissed=false};this.handleHide=function(){n.isDismissed=true};this.theme="";this.isDismissed=false;this.timeoutID=undefined;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=u(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.autoDismiss=undefined;this.margin="auto";this.padding="auto";this.variation="default";this.dismissible=false;this.focusable=false}t.prototype.componentWillLoad=function(){o(this)};t.prototype.componentDidLoad=function(){var t=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return t.handleDismiss()}),this.autoDismiss)}};t.prototype.connectedCallback=function(){c(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"})};t.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}d(this)};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleShow();return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleHide();return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.alertContainer.focus(t);return[2]}))}))};t.prototype.render=function(){var t;var e=this;var i=this.theme==="turva"?"secondary-turva":"secondary";return n(r,{class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":undefined},n("div",{class:(t={"duet-alert":true,"duet-alert-has-icon":!!this.icon,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[this.variation]=true,t["duet-theme-turva"]=this.theme==="turva",t)},n("div",{class:"duet-alert-container",ref:function(t){e.alertContainer=t},tabindex:this.focusable?"0":undefined},this.icon&&n("div",{class:"duet-alert-icon"},n("duet-icon",{size:"auto",name:this.icon,color:"currentColor"})),n("span",{id:this.descriptiveId},n("slot",null))),this.dismissible&&n("div",{class:"duet-alert-dismiss"},n("duet-button",{variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:i,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true}))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());f.style=l}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function r(t){try{u(n.next(t))}catch(t){a(t)}}function s(t){try{u(n["throw"](t))}catch(t){a(t)}}function u(t){t.done?i(t.value):o(t.value).then(r,s)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,o,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return u([t,e])}}function u(s){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(i=0)),i)try{if(n=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];o=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* Built with Duet Design System
|
|
4
|
+
*/System.register(["./p-9ad4c219.system.js","./p-77b6e4ba.system.js","./p-8972381a.system.js","./p-1a91e22a.system.js","./p-8d0d6e06.system.js","./p-b99c00fa.system.js"],(function(t){"use strict";var e,i,n,o,a,r,s,u,d,c,l,b,h,p,f;return{setters:[function(t){e=t.r;i=t.h;n=t.H;o=t.g;a=t.c},function(t){r=t.i},function(t){s=t.g;u=t.c;d=t.d;c=t.a},function(t){l=t.c},function(t){b=t.d;h=t.b;p=t.a;f=t.c},function(){}],execute:function(){var g="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{visibility:hidden}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";var m=t("duet_scrollable",function(){function t(t){var i=this;e(this,t);this.currentIndex=0;this.tabListElement=undefined;this.tabListClass="duet-scrollable-list";this.hasCollapseButtonLabelSlot=false;this.resizeObserver=new ResizeObserver((function(t){var e,n,o,a;if((t===null||t===void 0?void 0:t.length)===1){var r=(n=(e=t[0])===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.getBoundingClientRect().width;var s=(a=(o=t[0])===null||o===void 0?void 0:o.target)===null||a===void 0?void 0:a.scrollWidth;i.isTabContentSmallerThanWrapper=s>r+5}}));this.collapsedOnClick=function(){i.collapsed=!i.collapsed};this.tablistAtStart=true;this.isTabContentSmallerThanWrapper=false;this.tablistAtEnd=false;this.childrenData={};this.theme="";this.identifier="";this.collapsed=false;this.buttons=true;this.center=false;this.selected=0}t.prototype.watchPropHandler=function(t){this.scrollToTab(t,"center")};t.prototype.componentWillLoad=function(){r(this);this.hasCollapseButtonLabelSlot=!!this.element.querySelector(":scope > [slot='collapse-button-label']");var t=this.element.querySelectorAll(":scope > :not([slot='collapse-button-label'])");this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.tabListElement)};t.prototype.disconnectedCallback=function(){this.resizeObserver.disconnect()};t.prototype.getLastVisibleElement=function(){var t=this.tabListElement.clientWidth;var e=Array.from(this.element.querySelectorAll("button")).findIndex((function(e){return e.getBoundingClientRect().x>t}));return e};t.prototype.getFirstVisibleElement=function(){var t=this.element.querySelectorAll("button");var e=Array.from(t).map((function(t){return t.getBoundingClientRect().x-t.getBoundingClientRect().width}));var i=e.findIndex((function(t){return t>0}));return i};t.prototype.updateScrollButtons=function(t){if(t===void 0){t=this.tabListElement}if(!this.buttons){return}if(t.scrollLeft<=0){this.tablistAtStart=true}else if(t.scrollLeft>0){this.tablistAtStart=false}if(t.clientWidth+t.scrollLeft+10>=t.scrollWidth){this.tablistAtEnd=true}else if(t.clientWidth+t.scrollLeft+10<t.scrollWidth){this.tablistAtEnd=false}};t.prototype.scrollToTab=function(t,e){var i=this;if(t===void 0){t=this.currentIndex}if(!this.childrenData.hasChildren){return}if(t+1>=this.childrenData.numberOfChildren){t=this.childrenData.numberOfChildren-1}if(t<0){t=0}var n=this.element.querySelectorAll("button");var o=n[0].getBoundingClientRect().x;var a=5;var r=function(){if(n[0].getBoundingClientRect().x===o){a--;if(a!==0){window.requestAnimationFrame(r);return}i.updateScrollButtons()}else{window.requestAnimationFrame(r);o=n[0].getBoundingClientRect().x}};n[t].scrollIntoView({behavior:"smooth",inline:e});window.requestAnimationFrame(r)};t.prototype.scrollLeft=function(){this.tablistAtEnd=false;var t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")};t.prototype.scrollRight=function(){this.tablistAtStart=false;var t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")};t.prototype.render=function(){var t;var e=this;return i(n,{class:{"duet-theme-turva":this.theme==="turva","duet-theme-default":this.theme==="default"}},this.hasCollapseButtonLabelSlot&&i("div",{class:{collapse:true,hide:!this.isTabContentSmallerThanWrapper&&!this.collapsed}},i("duet-button",{variation:"plain",margin:"none","center-text":true,onClick:function(){return e.collapsedOnClick()}},i("slot",{name:"collapse-button-label"}))),i("div",{class:{"duet-scrollable-items":true,buttons:this.buttons,center:this.center}},i("button",{part:"".concat(this.identifier,"-button-left"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--left":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return e.scrollLeft()},disabled:this.tablistAtStart,tabindex:"-1",hidden:!this.buttons},i("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),i("div",{class:(t={},t[this.tabListClass]=true,t.collapsed=this.collapsed,t),onScroll:function(){return e.updateScrollButtons()},ref:function(t){return e.tabListElement=t}},i("slot",null)),i("button",{part:"".concat(this.identifier,"-button-right"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--right":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return e.scrollRight()},disabled:this.tablistAtEnd,tabindex:"-1",hidden:!this.buttons},i("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["watchPropHandler"]}},enumerable:false,configurable:true});return t}());m.style=g;var v=".sc-duet-tab-h{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-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";var k=t("duet_tab",function(){function t(t){e(this,t);this.label=undefined;this.caption=undefined;this.selected=undefined;this.accessibleDescriptionDefault=null;this.accessibleDescription=this.accessibleDescriptionDefault?s(this.accessibleDescriptionDefault):null}t.prototype.connectedCallback=function(){u(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"})};t.prototype.disconnectedCallback=function(){d(this)};t.prototype.render=function(){{return i("div",{role:"tabpanel",class:{"duet-tab":true,selected:this.selected},"aria-description":this.accessibleDescription},i("slot",null))}};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());k.style=v;var w='*,*::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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;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-weight:600;line-height:1.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-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);border-color:rgb(228, 228, 230)}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(68, 68, 69)}';var x=t("duet_tab_group",function(){function t(t){var n=this;e(this,t);this.duetChange=a(this,"duetChange",3);this.duetTabChange=a(this,"duetTabChange",7);this.duetTabChangeRequested=a(this,"duetTabChangeRequested",7);this.id=l("DuetTabGroup");this.handleKeyDown=function(t){var e;if(b(t)||h(t)){e=t.target.previousElementSibling}else if(p(t)||f(t)){e=t.target.nextElementSibling}if(e){t.preventDefault();e.click();e.focus()}};this.onTabSelect=function(t){if(n.tabChangeConfirm){if(t!==n.selected){var e={value:t,component:"duet-tab-group"};n.duetTabChangeRequested.emit(e)}}else{n.openTab(t)}};this.scrollToActive=function(){if(n.variation==="checked"||n.variation==="plain-scrolling"){setTimeout((function(){var t=n.tabsContainer.querySelector(".selected");if(t){t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}}),50)}};this.renderTab=function(){var t=n.tabs.map((function(t,e){return i("button",{role:"tab",id:n.getButtonId(e),"aria-controls":n.getTabId(e),"aria-selected":t.selected?"true":"false","aria-description":n.getAccessibleDescription(e),tabindex:e===0?"0":"-1",part:"".concat(n.identifier,"-button ").concat(t.selected?"".concat(n.identifier,"-button--selected"):""),type:"button",class:{"duet-p-0":n.padding==="none","duet-tab-button":true,"stackable-tab":n.variation==="checked"&&n.tabs.length<=3,selected:t.selected},onClick:function(){return n.onTabSelect(e)},onKeyDown:function(t){return n.handleKeyDown(t)}},n.variation==="checked"?i("div",{class:{"checked-tab-content":true,"stackable-checked-tab-content":n.tabs.length<=3}},i("div",{class:{"checked-tab-description":true,"stackable-description":n.tabs.length<=3}},i("p",null,t.label),i("p",{class:{"tab-caption":true,selected:t.selected}},t.caption)),i("div",{class:{"stackable-checkmark":n.tabs.length<=3}},i("duet-checkmark",{theme:n.theme,checked:t.selected,type:"radio","presentation-only":true,center:true}))):t.label)}));if(n.scrolls){return i("duet-scrollable",{selected:n.selected,identifier:n.identifier},t)}return t};this.tabs=[];this.selected=undefined;this.theme="";this.scrolls=false;this.collapses=true;this.accessibleLabel=undefined;this.variation="default";this.language=c();this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"};this.label=s(this.labelDefaults,this.language);this.labelHidden=true;this.identifier=this.id;this.margin="auto";this.padding="auto";this.setTabIndex=false;this.tabChangeConfirm=false}t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(typeof MutationObserver!=="undefined"){this.mutationO=new MutationObserver((function(){t.updateTabs()}));this.mutationO.observe(this.element,{attributes:true,attributeFilter:["label"],childList:true,characterData:true,subtree:true})}return[4,this.updateTabs()];case 1:e.sent();return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.componentWillLoad=function(){r(this)};t.prototype.componentDidLoad=function(){this.scrollToActive()};t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index ".concat(t," is out of bounds of tabs length"))}this.selected=t;this.tabs.forEach((function(e,i){e.selected=i===t}));this.scrollToActive();e={value:t,component:"duet-tab-group"};this.duetChange.emit(e);this.duetTabChange.emit(e);return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");return[2]}))}))};t.prototype.getTabs=function(){var t=this;var e=Array.from(this.element.querySelectorAll("duet-tab"));var i=e.filter((function(e){return e.closest("duet-tab-group")===t.element}));if(i.length===0){throw new Error("[duet-tabs] Must have at least one tab")}return i};t.prototype.getButtonId=function(t){return"".concat(this.id,"-button-").concat(t)};t.prototype.getTabId=function(t){return"".concat(this.id,"-tab-").concat(t)};t.prototype.getAccessibleDescription=function(t){var e=this.tabs[t].getAttribute("accessible-description")||null;return e};t.prototype.updateTabs=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.selected=undefined;this.tabs=this.getTabs();this.tabs.forEach((function(e,i){e.id=t.getTabId(i);e.setAttribute("aria-labelledby",t.getButtonId(i));if(e.selected){if(t.selected===undefined){t.selected=i}else{e.selected=false}}}));if(this.selected===undefined){this.selected=0;this.tabs[0].selected=true}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n=this.variation==="plain-scrolling"?"duet-tab-variation-plain":"duet-tab-variation-".concat(this.variation);var o=this.variation==="checked"||this.variation==="plain-scrolling";return i("div",{class:(t={"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"},t[n]=true,t["duet-tab-plain-scrolling"]=this.variation==="plain-scrolling",t["duet-tab-group-scrolls"]=this.scrolls,t["duet-tab-group-collapses"]=this.collapses,t),"aria-label":this.accessibleLabel},!o&&this.tabs.length>3&&this.collapses&&i("duet-select",{value:this.selected.toString(),expand:true,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:function(t){return e.onTabSelect(Number(t.detail.value))},items:this.tabs.map((function(t,e){return{label:t.label,value:e.toString()}}))}),i("div",{role:"tablist",class:{"duet-m-0":this.margin==="none"||this.variation==="checked","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3&&!o,"duet-tab-group-collapses":this.collapses},ref:function(t){e.tabsContainer=t}},this.renderTab()),i("div",{role:"tabpanel",tabindex:this.setTabIndex?null:"0",class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none","checked-group-content":this.variation==="checked"}},i("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());x.style=w}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,c,h as t,H as o,g as i}from"./p-a313db30.js";import{i as d}from"./p-d48735b6.js";import{h}from"./p-f8c76b25.js";import{D as s}from"./p-dade978b.js";import{c as r}from"./p-45f71a69.js";import{F as a}from"./p-fd2cc5ae.js";import{i as u,h as n,f as l}from"./p-cc1909de.js";import{g as b,a as p,c as g,d as m}from"./p-4883df66.js";import"./p-1a395a8d.js";const f=class{constructor(t){e(this,t),this.duetChoiceReady=c(this,"duetChoiceReady",7),this.duetChoiceRemove=c(this,"duetChoiceRemove",7),this.duetChange=c(this,"duetChange",7),this.duetFocus=c(this,"duetFocus",7),this.duetBlur=c(this,"duetBlur",7),this.hasHeader=!1,this.choiceId=r("DuetChoice"),this.expandId=r("DuetChoiceExpand"),this.headerId=r("DuetChoiceHeader"),this.infoButtonId=r("DuetChoiceInfoButton"),this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{u(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.nativeInput.checked||!1,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||(this.isInfoOpen=!1,"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}))},this.isHovering=!1,this.isInfoOpen=!1,this.isBlurred=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=s,this.accessibleLabelInfoButton=b(this.accessibleLabelInfoButtonDefaults),this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.value=void 0,this.type="checkbox",this.name=void 0,this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.identifier=void 0,this.groupDirection=void 0,this.groupDisabled=void 0,this.groupResponsive=void 0,this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=b(this.infoLabelDefaults,p())}componentWillLoad(){d(this),this.hasInfo=h(this.element,"info"),this.hasHeader=h(this.element,"header"),this.hasAdditional=h(this.element,"additional"),this.hasLabel=h(this.element,"label"),this.hasBeforeText=h(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){g(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"}]),this.duetChoiceReady.emit()}disconnectedCallback(){m(this),this.duetChoiceRemove.emit()}handleHostBlur(e){this.hasInfo&&this.isInfoOpen&&this.isKeyDown&&(this.element.contains(null==e?void 0:e.relatedTarget)||this.toggleInfo())}handleHostKeyDown(){this.isKeyDown=!0}handleHostKeyUp(e){this.isKeyDown=!1,l(e)&&this.isInfoOpen&&this.toggleInfo()}async setFocus(e){this.nativeInput.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:this.collapsible||this.hasInfo?this.hasHeader?this.headerId:this.expandId:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}render(){const e=this.element.closest("duet-choice-group"),c=e?e.label:void 0,i=this.identifier||this.choiceId;return t(o,{class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},t("div",{class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},t("div",{class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},t("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.getDisabled(),required:this.required,id:i,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:e=>this.nativeInput=e}),t("label",{htmlFor:i,class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&t("slot",{name:"before-text"}),this.icon&&t("div",{class:"duet-choice-card-icon"},t("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),t("div",{class:"duet-choice-card-text"},c&&t("duet-visually-hidden",null,c,", "),t("div",null,this.hasLabel?t("slot",{name:"label"}):this.label),this.caption&&t("div",null,t("duet-spacer",{size:"xx-small"}),t("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&t("div",null,t("duet-spacer",{size:"xx-small"}),t("slot",{name:"additional"}))),t("div",null,t("div",{class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&t("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&t("button",{ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,"aria-flowto":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button"},t("duet-visually-hidden",{"aria-hidden":this.isBlurred?"false":"true"},this.accessibleLabelInfoButton),t("div",{class:"duet-choice-info-icon"},t("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>',margin:"none",size:"small",color:"currentColor"})))),this.collapsible||this.hasInfo?t("div",{class:this.getClassNames(),id:this.expandId},t("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},t("span",{id:this.headerId},t("slot",{name:"header"})),this.hasInfo?t("span",{ref:e=>this.infoContainer=e,tabindex:"0",class:"duet-choice-info-container"},t("span",{"aria-relevant":"all","aria-atomic":"true","aria-live":this.isInfoOpen?"polite":"off"},t("slot",{name:"info"})),t("slot",null)):t("span",null,t("slot",null))),this.isInfoOpen&&t(a,{moveFocusTo:this.infoButtonEl})):null)}get element(){return i(this)}};f.style='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;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:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid rgb(225, 227, 230);border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{color:rgb(0, 119, 179) !important;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px);border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(144, 149, 153)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(0, 41, 77);border:2px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 4px 4px}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible.checked.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice .duet-choice-info-container.sc-duet-choice:focus{outline:none}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 245, 247)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(116, 116, 117)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}';const k=class{constructor(c){e(this,c),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const c=e.target;c&&this.choices.has(c)&&(this.value=c.value)},this.onChoiceReady=e=>{const c=e.target;c.closest("duet-choice-group")!==this.element||this.choices.has(c)||(this.choices.add(c),this.updateChoices())},this.onChoiceRemove=e=>{this.choices.delete(e.target),this.updateChoices()},this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.name=void 0,this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.value=void 0,this.disabled=void 0}async connectedCallback(){this.initialValue=this.value,this.updateChoices()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){d(this)}async updateChoices(){var e;const c=null!==(e=this.value)&&void 0!==e?e:this.initialValue;let t=!1;for(const e of this.choices)e.name=this.name,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive,t||e.value!==c?e.checked=!1:(t=!0,e.checked=!0,void 0===this.value&&(this.value=c));t||(this.value=void 0)}render(){return t(o,{onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,onDuetChoiceRemove:this.onChoiceRemove,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},t("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme},this.tooltip&&t("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),t("div",{class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},t("slot",null))))}get element(){return i(this)}static get watchers(){return{value:["updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};k.style="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{f as duet_choice,k as duet_choice_group}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,h as o,H as e,g as a}from"./p-a313db30.js";import{i as n}from"./p-d48735b6.js";const i=class{constructor(o){t(this,o),this.hasAuthorSlot=!1,this.theme="",this.margin="auto"}componentWillLoad(){n(this),this.hasAuthorSlot=!!this.element.querySelector('[slot="author"]')}render(){return o(e,null,o("div",{class:{"duet-callout":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin}},o("figure",{class:"container"},o("duet-icon",{class:"callout-icon",shape:"brand-rotated",background:"primary-lighter","background-opacity":"0.75","background-rotation":"turva"===this.theme?"0":"7",color:"secondary",icon:'<svg viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>\n </svg>\n ',size:"auto",margin:"none",theme:this.theme}),o("blockquote",null,o("duet-paragraph",{variation:"intro",weight:"semi-bold",margin:"none",theme:this.theme},o("slot",null))),this.hasAuthorSlot&&o("figcaption",{class:"author"},o("span",null,"— "),o("span",null,o("slot",{name:"author"}))))))}get element(){return a(this)}};i.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout .author{color:rgb(0, 41, 77)}.duet-callout.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-callout.duet-theme-turva .author{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}';export{i as duet_callout}
|