@duetds/components 10.0.0-alpha.21 → 10.0.0-alpha.22
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 +687 -352
- package/hydrate/index.mjs +687 -352
- package/lib/cjs/{a11y-utils-qqRC-Gci.js → a11y-utils-DrU-H4zQ.js} +1 -1
- package/lib/cjs/{app-globals-B6AFACoz.js → app-globals-D7ZqN2ux.js} +1 -1
- package/lib/cjs/{common-strings-BhhnIQp3.js → common-strings-DQ3xONmA.js} +6 -0
- package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-alert.cjs.entry.js +32 -9
- package/lib/cjs/duet-badge.cjs.entry.js +5 -5
- package/lib/cjs/duet-banner.cjs.entry.js +5 -5
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +6 -6
- package/lib/cjs/duet-button_2.cjs.entry.js +14 -16
- package/lib/cjs/duet-callout.cjs.entry.js +6 -6
- package/lib/cjs/duet-caption_4.cjs.entry.js +21 -18
- package/lib/cjs/duet-card.cjs.entry.js +7 -7
- package/lib/cjs/duet-checkbox.cjs.entry.js +5 -5
- package/lib/cjs/duet-checkmark.cjs.entry.js +5 -5
- package/lib/cjs/duet-chip.cjs.entry.js +13 -6
- package/lib/cjs/duet-choice_2.cjs.entry.js +22 -16
- package/lib/cjs/duet-collapsible.cjs.entry.js +6 -6
- package/lib/cjs/duet-combobox.cjs.entry.js +5 -5
- package/lib/cjs/duet-contact-card.cjs.entry.js +6 -6
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +4 -4
- package/lib/cjs/duet-date-picker.cjs.entry.js +9 -9
- package/lib/cjs/duet-divider_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +70 -10
- package/lib/cjs/duet-empty-state.cjs.entry.js +5 -5
- package/lib/cjs/duet-fieldset.cjs.entry.js +7 -7
- package/lib/cjs/duet-file-chooser.cjs.entry.js +3 -3
- package/lib/cjs/duet-footer.cjs.entry.js +10 -10
- package/lib/cjs/duet-grid_2.cjs.entry.js +38 -9
- package/lib/cjs/duet-header_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-hero.cjs.entry.js +37 -11
- package/lib/cjs/duet-icon.cjs.entry.js +6 -6
- package/lib/cjs/duet-input_2.cjs.entry.js +14 -13
- package/lib/cjs/duet-layout.cjs.entry.js +7 -7
- package/lib/cjs/duet-list_2.cjs.entry.js +15 -6
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +9 -9
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar.cjs.entry.js +6 -6
- package/lib/cjs/duet-modal.cjs.entry.js +13 -13
- package/lib/cjs/duet-multiselect.cjs.entry.js +11 -11
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +9 -9
- package/lib/cjs/duet-number-input.cjs.entry.js +7 -7
- package/lib/cjs/duet-overlay.cjs.entry.js +4 -4
- package/lib/cjs/duet-page-heading.cjs.entry.js +5 -5
- package/lib/cjs/duet-pagination_2.cjs.entry.js +18 -18
- package/lib/cjs/duet-phone-input.cjs.entry.js +17 -15
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +41 -13
- package/lib/cjs/duet-progress.cjs.entry.js +4 -4
- package/lib/cjs/duet-promo-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-radio_2.cjs.entry.js +15 -9
- package/lib/cjs/duet-range-slider.cjs.entry.js +7 -7
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +17 -17
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +10 -10
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +22 -0
- package/lib/cjs/duet-share-chart.cjs.entry.js +85 -0
- package/lib/cjs/duet-show-more.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-link.cjs.entry.js +9 -9
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +12 -12
- package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
- package/lib/cjs/duet-status-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-step_2.cjs.entry.js +22 -8
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +8 -8
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +8 -8
- package/lib/cjs/duet-textarea.cjs.entry.js +10 -10
- package/lib/cjs/duet-toggle.cjs.entry.js +7 -7
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +10 -10
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-toolbar.cjs.entry.js +5 -5
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +10 -10
- package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
- package/lib/cjs/duet-tray.cjs.entry.js +6 -6
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-CWkNAdwZ.js → errorcodes.utils-BCVCTW73.js} +1 -1
- package/lib/cjs/{focus-utils-C1gNgKW5.js → focus-utils-B_auBCmH.js} +1 -1
- package/lib/cjs/{index-C-4fRZp1.js → index-DzIZlfK0.js} +9 -1
- package/lib/cjs/{label-BYZNaLK_.js → label-yz2T8WXb.js} +1 -1
- package/lib/cjs/{language-utils-DjPkoVoW.js → language-utils-KOz2utYq.js} +9 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-DYGV7vRF.js → slot-utils-DO9r1K5y.js} +1 -1
- package/lib/cjs/themeable-component-CwVP03Xh.js +23 -0
- package/lib/collection/collection-manifest.json +2 -0
- package/lib/collection/common/themeable-component.js +11 -3
- package/lib/collection/common-strings.js +5 -0
- package/lib/collection/components/duet-action-button/duet-action-button.css +15 -0
- package/lib/collection/components/duet-alert/duet-alert.js +28 -5
- package/lib/collection/components/duet-badge/duet-badge.css +12 -0
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-banner/duet-banner.js +2 -2
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css +11 -0
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-button/duet-button.css +61 -0
- package/lib/collection/components/duet-button/duet-button.js +5 -8
- package/lib/collection/components/duet-callout/duet-callout.css +5 -0
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-caption/duet-caption.css +4 -0
- package/lib/collection/components/duet-caption/duet-caption.js +2 -2
- package/lib/collection/components/duet-card/duet-card.css +13 -0
- package/lib/collection/components/duet-card/duet-card.js +3 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.css +11 -0
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +2 -2
- package/lib/collection/components/duet-chip/duet-chip.css +25 -0
- package/lib/collection/components/duet-chip/duet-chip.js +10 -1
- package/lib/collection/components/duet-choice/duet-checkmark.css +4 -0
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.css +51 -0
- package/lib/collection/components/duet-choice/duet-choice.js +7 -7
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +11 -2
- package/lib/collection/components/duet-collapsible/duet-collapsible.css +8 -0
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +2 -2
- package/lib/collection/components/duet-combobox/duet-combobox.css +7 -0
- package/lib/collection/components/duet-contact-card/duet-contact-card.css +4 -0
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css +9 -0
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.css +37 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +2 -2
- package/lib/collection/components/duet-divider/duet-divider.css +4 -2
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +2 -2
- package/lib/collection/components/duet-empty-state/duet-empty-state.css +4 -0
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +2 -2
- package/lib/collection/components/duet-fieldset/duet-fieldset.css +4 -0
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.css +15 -0
- package/lib/collection/components/duet-footer/duet-footer.js +4 -4
- package/lib/collection/components/duet-grid/duet-grid.js +33 -4
- package/lib/collection/components/duet-grid-item/duet-grid-item.css +4 -0
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
- package/lib/collection/components/duet-header/duet-header.css +69 -0
- package/lib/collection/components/duet-heading/duet-heading.css +4 -0
- package/lib/collection/components/duet-heading/duet-heading.js +2 -2
- package/lib/collection/components/duet-hero/duet-hero.css +17 -0
- package/lib/collection/components/duet-hero/duet-hero.js +32 -6
- package/lib/collection/components/duet-icon/duet-icon.css +7 -0
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-input/duet-input.css +61 -0
- package/lib/collection/components/duet-input/duet-input.js +7 -6
- package/lib/collection/components/duet-label/duet-label.css +4 -0
- package/lib/collection/components/duet-layout/duet-layout.js +5 -5
- package/lib/collection/components/duet-link/duet-link.css +74 -0
- package/lib/collection/components/duet-link/duet-link.js +10 -3
- package/lib/collection/components/duet-list/duet-list.js +1 -1
- package/lib/collection/components/duet-list-item/duet-list-item.css +20 -0
- package/lib/collection/components/duet-list-item/duet-list-item.js +38 -2
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +7 -0
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +2 -2
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.css +6 -0
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.css +13 -0
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.css +7 -0
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.css +15 -0
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.css +12 -0
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.css +10 -2
- package/lib/collection/components/duet-modal/duet-modal.js +6 -6
- package/lib/collection/components/duet-multiselect/duet-multiselect.css +30 -0
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-nav/duet-nav.js +1 -1
- package/lib/collection/components/duet-notification/duet-notification.css +16 -0
- package/lib/collection/components/duet-notification/duet-notification.js +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css +12 -0
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +2 -2
- package/lib/collection/components/duet-number-input/duet-number-input.css +7 -0
- package/lib/collection/components/duet-number-input/duet-number-input.js +2 -2
- package/lib/collection/components/duet-overlay/duet-overlay.css +4 -0
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.css +27 -11
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.css +4 -0
- package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
- package/lib/collection/components/duet-paragraph/duet-paragraph.css +7 -0
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- package/lib/collection/components/duet-phone-input/duet-phone-input.js +13 -11
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.css +8 -0
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +30 -5
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +10 -0
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +5 -2
- package/lib/collection/components/duet-progress/duet-progress.css +19 -0
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
- package/lib/collection/components/duet-radio/duet-radio.css +20 -0
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +10 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.css +40 -0
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.css +4 -0
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.css +7 -0
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.css +33 -0
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.css +82 -0
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +142 -0
- package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +67 -0
- package/lib/collection/components/duet-show-more/duet-show-more.css +4 -0
- package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
- package/lib/collection/components/duet-slideout/duet-slideout.css +28 -0
- package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css +4 -0
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.css +10 -0
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css +20 -0
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css +13 -0
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
- package/lib/collection/components/duet-spinner/duet-spinner.css +3 -0
- package/lib/collection/components/duet-spinner/duet-spinner.js +3 -5
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
- package/lib/collection/components/duet-step/duet-step.css +13 -0
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +24 -6
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +14 -0
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css +31 -0
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css +18 -0
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.css +20 -0
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.css +22 -0
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab/duet-tab.js +2 -2
- package/lib/collection/components/duet-tab-group/duet-tab-group.css +31 -0
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
- package/lib/collection/components/duet-table/duet-table-styles.js +60 -0
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.css +29 -0
- package/lib/collection/components/duet-textarea/duet-textarea.js +5 -5
- package/lib/collection/components/duet-toggle/duet-toggle.css +11 -0
- package/lib/collection/components/duet-toggle/duet-toggle.js +2 -2
- package/lib/collection/components/duet-toolbar/duet-toolbar.css +7 -0
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css +21 -0
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css +10 -0
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css +25 -0
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css +24 -0
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.css +7 -0
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css +25 -0
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
- package/lib/collection/components/duet-tray/duet-tray.css +12 -0
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +2 -2
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/collection/utils/language-utils.js +7 -0
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-fde72aa3.entry.js → p-021ca010.entry.js} +1 -1
- package/lib/duet/p-11a0b4b1.entry.js +4 -0
- package/lib/duet/p-1289085f.entry.js +4 -0
- package/lib/duet/{p-547e30c3.entry.js → p-128fac38.entry.js} +1 -1
- package/lib/duet/{p-2df8b608.entry.js → p-15aeca04.entry.js} +1 -1
- package/lib/duet/p-16e1210a.entry.js +4 -0
- package/lib/duet/p-19163909.entry.js +4 -0
- package/lib/duet/p-1a79adf4.entry.js +4 -0
- package/lib/duet/p-1cb5a9ef.entry.js +4 -0
- package/lib/duet/p-2100f112.entry.js +4 -0
- package/lib/duet/p-249e9a88.entry.js +4 -0
- package/lib/duet/{p-5964d490.entry.js → p-2ae3f776.entry.js} +1 -1
- package/lib/duet/p-2f60185b.entry.js +4 -0
- package/lib/duet/{p-9f48a30c.entry.js → p-306c2a29.entry.js} +1 -1
- package/lib/duet/{p-d064dd2d.entry.js → p-3569fb01.entry.js} +1 -1
- package/lib/duet/{p-294adde1.entry.js → p-38440fec.entry.js} +1 -1
- package/lib/duet/{p-e0fcc26a.entry.js → p-3d998041.entry.js} +1 -1
- package/lib/duet/{p-d74bb3b4.entry.js → p-3ea1b697.entry.js} +1 -1
- package/lib/duet/p-41438696.entry.js +4 -0
- package/lib/duet/{p-4ec38183.entry.js → p-426ad459.entry.js} +1 -1
- package/lib/duet/p-428ea355.entry.js +4 -0
- package/lib/duet/p-44e3dd4d.entry.js +4 -0
- package/lib/duet/p-4d4c8e31.entry.js +4 -0
- package/lib/duet/{p-722eb4b8.entry.js → p-4f832459.entry.js} +1 -1
- package/lib/duet/p-508242df.entry.js +4 -0
- package/lib/duet/{p-2661240f.entry.js → p-50868a2f.entry.js} +1 -1
- package/lib/duet/{p-23adcf71.entry.js → p-50b61aab.entry.js} +1 -1
- package/lib/duet/{p-0fb24b59.entry.js → p-5b65fbef.entry.js} +1 -1
- package/lib/duet/p-631e6aaa.entry.js +4 -0
- package/lib/duet/p-6802cdc6.entry.js +4 -0
- package/lib/duet/p-680e5ae3.entry.js +4 -0
- package/lib/duet/{p-d195712b.entry.js → p-6fc62f6a.entry.js} +1 -1
- package/lib/duet/{p-1b3b9ed6.entry.js → p-749947e9.entry.js} +1 -1
- package/lib/duet/{p-7189e720.entry.js → p-753047f7.entry.js} +1 -1
- package/lib/duet/p-765d5aa1.entry.js +4 -0
- package/lib/duet/p-767a1f6f.entry.js +4 -0
- package/lib/duet/p-77fc84fa.entry.js +4 -0
- package/lib/duet/{p-958a2b42.entry.js → p-7956a7c7.entry.js} +1 -1
- package/lib/duet/{p-f865dcfc.entry.js → p-7b72e97e.entry.js} +1 -1
- package/lib/duet/{p-008beeb0.entry.js → p-7f0336e3.entry.js} +1 -1
- package/lib/duet/p-7f79795b.entry.js +4 -0
- package/lib/duet/p-7yB0WcN3.js +4 -0
- package/lib/duet/{p-a24fff3c.entry.js → p-82ef56e8.entry.js} +1 -1
- package/lib/duet/{p-595b2f3b.entry.js → p-876556b5.entry.js} +1 -1
- package/lib/duet/{p-90c43d96.entry.js → p-8c3ef65c.entry.js} +1 -1
- package/lib/duet/{p-72a4ada8.entry.js → p-8ce7295a.entry.js} +1 -1
- package/lib/duet/{p-8c02d2af.entry.js → p-8ee4cced.entry.js} +1 -1
- package/lib/duet/p-90ec955a.entry.js +4 -0
- package/lib/duet/{p-155586a6.entry.js → p-92f6867e.entry.js} +1 -1
- package/lib/duet/{p-f110c4fb.entry.js → p-9c70db83.entry.js} +1 -1
- package/lib/duet/p-9d32216e.entry.js +4 -0
- package/lib/duet/{p-Djr45qSY.js → p-BMR0um0_.js} +1 -1
- package/lib/duet/p-BZd_-P-l.js +4 -0
- package/lib/duet/{p-CCVcVc3m.js → p-Bj5nqN_-.js} +1 -1
- package/lib/duet/p-BplvOJkj.js +4 -0
- package/lib/duet/p-Bx_o402c.js +4 -0
- package/lib/duet/p-CR50RA9g.js +4 -0
- package/lib/duet/p-MxsWrBCY.js +4 -0
- package/lib/duet/p-a11936dc.entry.js +4 -0
- package/lib/duet/{p-580d558b.entry.js → p-a1faa55d.entry.js} +1 -1
- package/lib/duet/{p-068cfada.entry.js → p-a2cb4c57.entry.js} +1 -1
- package/lib/duet/p-a68727d5.entry.js +4 -0
- package/lib/duet/{p-6b17cd4a.entry.js → p-a79f3799.entry.js} +1 -1
- package/lib/duet/{p-abe188c7.entry.js → p-a898b6ce.entry.js} +1 -1
- package/lib/duet/{p-1326964d.entry.js → p-a8ffe18b.entry.js} +1 -1
- package/lib/duet/p-abda6219.entry.js +4 -0
- package/lib/duet/{p-3ae06437.entry.js → p-adb5edf1.entry.js} +1 -1
- package/lib/duet/p-b38ff647.entry.js +4 -0
- package/lib/duet/{p-3381e3e2.entry.js → p-b43b56f9.entry.js} +1 -1
- package/lib/duet/{p-0e78737d.entry.js → p-b562dcda.entry.js} +1 -1
- package/lib/duet/p-bc970f09.entry.js +4 -0
- package/lib/duet/{p-e232c7ad.entry.js → p-c07676bf.entry.js} +1 -1
- package/lib/duet/{p-ed9b30ed.entry.js → p-c3c96ccd.entry.js} +1 -1
- package/lib/duet/p-ca59f39e.entry.js +4 -0
- package/lib/duet/p-cafcfc6c.entry.js +4 -0
- package/lib/duet/{p-96e70d5b.entry.js → p-cb194f7f.entry.js} +1 -1
- package/lib/duet/{p-91e669ab.entry.js → p-cc3d91af.entry.js} +1 -1
- package/lib/duet/p-ce23a866.entry.js +4 -0
- package/lib/duet/{p-2f30e410.entry.js → p-d1885308.entry.js} +1 -1
- package/lib/duet/{p-08affd1f.entry.js → p-d297f286.entry.js} +1 -1
- package/lib/duet/p-da53b233.entry.js +4 -0
- package/lib/duet/p-de702a7f.entry.js +4 -0
- package/lib/duet/{p-909352a9.entry.js → p-dfa128fd.entry.js} +1 -1
- package/lib/duet/{p-66693593.entry.js → p-e8a2db32.entry.js} +1 -1
- package/lib/duet/{p-2c420105.entry.js → p-eab99c65.entry.js} +1 -1
- package/lib/duet/{p-42621b5c.entry.js → p-edd118cc.entry.js} +1 -1
- package/lib/duet/p-f3c7655e.entry.js +4 -0
- package/lib/duet/p-f3e4bc4f.entry.js +4 -0
- package/lib/duet/{p-d7990dff.entry.js → p-f4f9c5ff.entry.js} +1 -1
- package/lib/duet/p-fb1b5d61.entry.js +4 -0
- package/lib/duet/{p-62c46ebb.entry.js → p-fbd2c394.entry.js} +1 -1
- package/lib/duet/p-fdcf696e.entry.js +4 -0
- package/lib/duet/p-o7bk2K5K.js +4 -0
- package/lib/duet/{p-BAFwjrjc.js → p-qQBlrLa4.js} +1 -1
- package/lib/esm/{a11y-utils-CQOH3qGQ.js → a11y-utils-DGj9K5Th.js} +1 -1
- package/lib/esm/{app-globals-D3VunZ8x.js → app-globals-_OR3Nu1D.js} +1 -1
- package/lib/esm/{common-strings-D6YBFNe9.js → common-strings-MxsWrBCY.js} +6 -1
- package/lib/esm/duet-action-button.entry.js +4 -4
- package/lib/esm/duet-alert.entry.js +32 -9
- package/lib/esm/duet-badge.entry.js +5 -5
- package/lib/esm/duet-banner.entry.js +5 -5
- package/lib/esm/duet-breadcrumb.entry.js +7 -7
- package/lib/esm/duet-breadcrumbs.entry.js +6 -6
- package/lib/esm/duet-button_2.entry.js +14 -16
- package/lib/esm/duet-callout.entry.js +6 -6
- package/lib/esm/duet-caption_4.entry.js +21 -18
- package/lib/esm/duet-card.entry.js +7 -7
- package/lib/esm/duet-checkbox.entry.js +5 -5
- package/lib/esm/duet-checkmark.entry.js +5 -5
- package/lib/esm/duet-chip.entry.js +13 -6
- package/lib/esm/duet-choice_2.entry.js +22 -16
- package/lib/esm/duet-collapsible.entry.js +6 -6
- package/lib/esm/duet-combobox.entry.js +5 -5
- package/lib/esm/duet-contact-card.entry.js +6 -6
- package/lib/esm/duet-cookie-consent.entry.js +4 -4
- package/lib/esm/duet-date-picker.entry.js +9 -9
- package/lib/esm/duet-divider_2.entry.js +5 -5
- package/lib/esm/duet-editable-table_3.entry.js +70 -10
- package/lib/esm/duet-empty-state.entry.js +5 -5
- package/lib/esm/duet-fieldset.entry.js +7 -7
- package/lib/esm/duet-file-chooser.entry.js +3 -3
- package/lib/esm/duet-footer.entry.js +10 -10
- package/lib/esm/duet-grid_2.entry.js +38 -9
- package/lib/esm/duet-header_2.entry.js +6 -6
- package/lib/esm/duet-hero.entry.js +37 -11
- package/lib/esm/duet-icon.entry.js +6 -6
- package/lib/esm/duet-input_2.entry.js +14 -13
- package/lib/esm/duet-layout.entry.js +7 -7
- package/lib/esm/duet-list_2.entry.js +15 -6
- package/lib/esm/duet-menu-bar-button.entry.js +5 -5
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +5 -5
- package/lib/esm/duet-menu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-menu-bar-item.entry.js +9 -9
- package/lib/esm/duet-menu-bar-link.entry.js +5 -5
- package/lib/esm/duet-menu-bar.entry.js +6 -6
- package/lib/esm/duet-modal.entry.js +13 -13
- package/lib/esm/duet-multiselect.entry.js +11 -11
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +9 -9
- package/lib/esm/duet-number-input.entry.js +7 -7
- package/lib/esm/duet-overlay.entry.js +4 -4
- package/lib/esm/duet-page-heading.entry.js +5 -5
- package/lib/esm/duet-pagination_2.entry.js +18 -18
- package/lib/esm/duet-phone-input.entry.js +17 -15
- package/lib/esm/duet-popup-menu_2.entry.js +41 -13
- package/lib/esm/duet-progress.entry.js +4 -4
- package/lib/esm/duet-promo-card.entry.js +5 -5
- package/lib/esm/duet-radio_2.entry.js +15 -9
- package/lib/esm/duet-range-slider.entry.js +7 -7
- package/lib/esm/duet-scrollable_3.entry.js +17 -17
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +10 -10
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +20 -0
- package/lib/esm/duet-share-chart.entry.js +83 -0
- package/lib/esm/duet-show-more.entry.js +6 -6
- package/lib/esm/duet-slideout-lang.entry.js +5 -5
- package/lib/esm/duet-slideout-link.entry.js +9 -9
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +7 -7
- package/lib/esm/duet-slideout-panel.entry.js +12 -12
- package/lib/esm/duet-slideout.entry.js +10 -10
- package/lib/esm/duet-status-icon.entry.js +3 -3
- package/lib/esm/duet-step_2.entry.js +22 -8
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +5 -5
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-item.entry.js +8 -8
- package/lib/esm/duet-submenu-bar-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar.entry.js +8 -8
- package/lib/esm/duet-textarea.entry.js +10 -10
- package/lib/esm/duet-toggle.entry.js +7 -7
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +5 -5
- package/lib/esm/duet-toolbar-dropdown.entry.js +7 -7
- package/lib/esm/duet-toolbar-item.entry.js +10 -10
- package/lib/esm/duet-toolbar-link.entry.js +5 -5
- package/lib/esm/duet-toolbar.entry.js +5 -5
- package/lib/esm/duet-tooltip-button_2.entry.js +10 -10
- package/lib/esm/duet-tooltip.entry.js +4 -4
- package/lib/esm/duet-tray.entry.js +6 -6
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils--4tOXPNI.js → errorcodes.utils-BGfLijBB.js} +1 -1
- package/lib/esm/{focus-utils-CUvuUZuo.js → focus-utils-ugQsYlwO.js} +1 -1
- package/lib/esm/{index-Djr45qSY.js → index-BMR0um0_.js} +9 -1
- package/lib/esm/{label-DoZNNWYj.js → label-DqBJopZl.js} +1 -1
- package/lib/esm/{language-utils-BCnFs8Da.js → language-utils-CETcDBuc.js} +9 -2
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-CSLPO69o.js → slot-utils-Bt-G2UeG.js} +2 -2
- package/lib/esm/themeable-component-CR50RA9g.js +21 -0
- package/lib/types/common-strings.d.ts +1 -0
- package/lib/types/common-types.d.ts +1 -1
- package/lib/types/components/duet-alert/duet-alert.d.ts +1 -0
- package/lib/types/components/duet-chip/duet-chip.d.ts +1 -0
- package/lib/types/components/duet-choice-group/duet-choice-group.d.ts +1 -0
- package/lib/types/components/duet-hero/duet-hero.d.ts +3 -0
- package/lib/types/components/duet-list-item/duet-list-item.d.ts +9 -3
- package/lib/types/components/duet-phone-input/duet-phone-input.d.ts +0 -1
- package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +1 -0
- package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts +1 -0
- package/lib/types/components/duet-radio-group/duet-radio-group.d.ts +1 -0
- package/lib/types/components/duet-share-chart/duet-share-chart.d.ts +36 -0
- package/lib/types/components/duet-share-chart-item/duet-share-chart-item.d.ts +13 -0
- package/lib/types/components/duet-spinner/duet-spinner.d.ts +1 -0
- package/lib/types/components/duet-stepper/duet-stepper.d.ts +5 -2
- package/lib/types/components.d.ts +78 -4
- package/lib/types/utils/language-utils.d.ts +1 -0
- package/package.json +3 -3
- package/lib/cjs/themeable-component-C57DSx5w.js +0 -15
- package/lib/duet/p-0239abf5.entry.js +0 -4
- package/lib/duet/p-088001ee.entry.js +0 -4
- package/lib/duet/p-214a4675.entry.js +0 -4
- package/lib/duet/p-22773cce.entry.js +0 -4
- package/lib/duet/p-27fbdb67.entry.js +0 -4
- package/lib/duet/p-2b3219a7.entry.js +0 -4
- package/lib/duet/p-412ef68f.entry.js +0 -4
- package/lib/duet/p-47597304.entry.js +0 -4
- package/lib/duet/p-4a791521.entry.js +0 -4
- package/lib/duet/p-4f750925.entry.js +0 -4
- package/lib/duet/p-50d0ff41.entry.js +0 -4
- package/lib/duet/p-56574361.entry.js +0 -4
- package/lib/duet/p-60eb6013.entry.js +0 -4
- package/lib/duet/p-6fe83dd7.entry.js +0 -4
- package/lib/duet/p-75db52e4.entry.js +0 -4
- package/lib/duet/p-77d68685.entry.js +0 -4
- package/lib/duet/p-8974c058.entry.js +0 -4
- package/lib/duet/p-8d5e5316.entry.js +0 -4
- package/lib/duet/p-9302dba5.entry.js +0 -4
- package/lib/duet/p-948f9054.entry.js +0 -4
- package/lib/duet/p-98f1ee13.entry.js +0 -4
- package/lib/duet/p-9f2785ce.entry.js +0 -4
- package/lib/duet/p-CDAA0sDY.js +0 -4
- package/lib/duet/p-CO8vqpmW.js +0 -4
- package/lib/duet/p-D6YBFNe9.js +0 -4
- package/lib/duet/p-DX5mWLkB.js +0 -4
- package/lib/duet/p-FCSGJbLJ.js +0 -4
- package/lib/duet/p-WhCDf9tt.js +0 -4
- package/lib/duet/p-a47e139c.entry.js +0 -4
- package/lib/duet/p-b0dc7df5.entry.js +0 -4
- package/lib/duet/p-cb60a521.entry.js +0 -4
- package/lib/duet/p-cebee4a6.entry.js +0 -4
- package/lib/duet/p-d2402c02.entry.js +0 -4
- package/lib/duet/p-d56c1db9.entry.js +0 -4
- package/lib/duet/p-d60c71fc.entry.js +0 -4
- package/lib/duet/p-de5e4a26.entry.js +0 -4
- package/lib/duet/p-e8718555.entry.js +0 -4
- package/lib/duet/p-f383ccca.entry.js +0 -4
- package/lib/duet/p-f593a703.entry.js +0 -4
- package/lib/duet/p-fa355e38.entry.js +0 -4
- package/lib/duet/p-fc83b2e2.entry.js +0 -4
- package/lib/duet/p-k-CbGkPp.js +0 -4
- package/lib/esm/themeable-component-WhCDf9tt.js +0 -13
|
@@ -2660,6 +2660,11 @@ export namespace Components {
|
|
|
2660
2660
|
* @default false
|
|
2661
2661
|
*/
|
|
2662
2662
|
"responsive": boolean;
|
|
2663
|
+
/**
|
|
2664
|
+
* Theme.
|
|
2665
|
+
* @default ""
|
|
2666
|
+
*/
|
|
2667
|
+
"theme": DuetTheme;
|
|
2663
2668
|
}
|
|
2664
2669
|
interface DuetLogo {
|
|
2665
2670
|
/**
|
|
@@ -4533,6 +4538,29 @@ export namespace Components {
|
|
|
4533
4538
|
*/
|
|
4534
4539
|
"theme": DuetTheme;
|
|
4535
4540
|
}
|
|
4541
|
+
interface DuetShareChart {
|
|
4542
|
+
/**
|
|
4543
|
+
* Theme of the component.
|
|
4544
|
+
* @default ""
|
|
4545
|
+
*/
|
|
4546
|
+
"theme": DuetTheme;
|
|
4547
|
+
/**
|
|
4548
|
+
* The string to show after each items value. When using "%" the enclosed items' values should add up to 100.
|
|
4549
|
+
* @default "%"
|
|
4550
|
+
*/
|
|
4551
|
+
"unit": string;
|
|
4552
|
+
}
|
|
4553
|
+
interface DuetShareChartItem {
|
|
4554
|
+
/**
|
|
4555
|
+
* The color to use in the graph given as a Duet color token. If left out, the Share chart picks a color from a default set.
|
|
4556
|
+
*/
|
|
4557
|
+
"color": DuetColor;
|
|
4558
|
+
/**
|
|
4559
|
+
* The value of the item.
|
|
4560
|
+
* @default 0
|
|
4561
|
+
*/
|
|
4562
|
+
"value": number;
|
|
4563
|
+
}
|
|
4536
4564
|
interface DuetShowMore {
|
|
4537
4565
|
/**
|
|
4538
4566
|
* Controls the margin of the button component inside of show more.
|
|
@@ -4882,8 +4910,8 @@ export namespace Components {
|
|
|
4882
4910
|
}
|
|
4883
4911
|
interface DuetStepper {
|
|
4884
4912
|
/**
|
|
4885
|
-
* Format of message used to announce current step when navigating between steps. The string {current} is replaced with current
|
|
4886
|
-
* @default
|
|
4913
|
+
* Format of message used to announce current step when navigating between steps. The string {current} is replaced with the current step number. The string {total} is replaced with the total number of steps.
|
|
4914
|
+
* @default getLocaleString(DuetStringsListStepOfTotal, this.language)
|
|
4887
4915
|
*/
|
|
4888
4916
|
"accessibleLive": string;
|
|
4889
4917
|
/**
|
|
@@ -7154,6 +7182,18 @@ declare global {
|
|
|
7154
7182
|
prototype: HTMLDuetShapedImageElement;
|
|
7155
7183
|
new (): HTMLDuetShapedImageElement;
|
|
7156
7184
|
};
|
|
7185
|
+
interface HTMLDuetShareChartElement extends Components.DuetShareChart, HTMLStencilElement {
|
|
7186
|
+
}
|
|
7187
|
+
var HTMLDuetShareChartElement: {
|
|
7188
|
+
prototype: HTMLDuetShareChartElement;
|
|
7189
|
+
new (): HTMLDuetShareChartElement;
|
|
7190
|
+
};
|
|
7191
|
+
interface HTMLDuetShareChartItemElement extends Components.DuetShareChartItem, HTMLStencilElement {
|
|
7192
|
+
}
|
|
7193
|
+
var HTMLDuetShareChartItemElement: {
|
|
7194
|
+
prototype: HTMLDuetShareChartItemElement;
|
|
7195
|
+
new (): HTMLDuetShareChartItemElement;
|
|
7196
|
+
};
|
|
7157
7197
|
interface HTMLDuetShowMoreElementEventMap {
|
|
7158
7198
|
"duetToggle": DuetShowMoreToggleEvent;
|
|
7159
7199
|
}
|
|
@@ -7541,6 +7581,8 @@ declare global {
|
|
|
7541
7581
|
"duet-section-layout": HTMLDuetSectionLayoutElement;
|
|
7542
7582
|
"duet-select": HTMLDuetSelectElement;
|
|
7543
7583
|
"duet-shaped-image": HTMLDuetShapedImageElement;
|
|
7584
|
+
"duet-share-chart": HTMLDuetShareChartElement;
|
|
7585
|
+
"duet-share-chart-item": HTMLDuetShareChartItemElement;
|
|
7544
7586
|
"duet-show-more": HTMLDuetShowMoreElement;
|
|
7545
7587
|
"duet-slideout": HTMLDuetSlideoutElement;
|
|
7546
7588
|
"duet-slideout-lang": HTMLDuetSlideoutLangElement;
|
|
@@ -10159,6 +10201,11 @@ declare namespace LocalJSX {
|
|
|
10159
10201
|
"variation"?: DuetListVariation;
|
|
10160
10202
|
}
|
|
10161
10203
|
interface DuetListItem {
|
|
10204
|
+
/**
|
|
10205
|
+
* Theme.
|
|
10206
|
+
* @default ""
|
|
10207
|
+
*/
|
|
10208
|
+
"theme"?: DuetTheme;
|
|
10162
10209
|
}
|
|
10163
10210
|
interface DuetLogo {
|
|
10164
10211
|
/**
|
|
@@ -12013,6 +12060,29 @@ declare namespace LocalJSX {
|
|
|
12013
12060
|
*/
|
|
12014
12061
|
"theme"?: DuetTheme;
|
|
12015
12062
|
}
|
|
12063
|
+
interface DuetShareChart {
|
|
12064
|
+
/**
|
|
12065
|
+
* Theme of the component.
|
|
12066
|
+
* @default ""
|
|
12067
|
+
*/
|
|
12068
|
+
"theme"?: DuetTheme;
|
|
12069
|
+
/**
|
|
12070
|
+
* The string to show after each items value. When using "%" the enclosed items' values should add up to 100.
|
|
12071
|
+
* @default "%"
|
|
12072
|
+
*/
|
|
12073
|
+
"unit"?: string;
|
|
12074
|
+
}
|
|
12075
|
+
interface DuetShareChartItem {
|
|
12076
|
+
/**
|
|
12077
|
+
* The color to use in the graph given as a Duet color token. If left out, the Share chart picks a color from a default set.
|
|
12078
|
+
*/
|
|
12079
|
+
"color"?: DuetColor;
|
|
12080
|
+
/**
|
|
12081
|
+
* The value of the item.
|
|
12082
|
+
* @default 0
|
|
12083
|
+
*/
|
|
12084
|
+
"value"?: number;
|
|
12085
|
+
}
|
|
12016
12086
|
interface DuetShowMore {
|
|
12017
12087
|
/**
|
|
12018
12088
|
* Controls the margin of the button component inside of show more.
|
|
@@ -12332,8 +12402,8 @@ declare namespace LocalJSX {
|
|
|
12332
12402
|
}
|
|
12333
12403
|
interface DuetStepper {
|
|
12334
12404
|
/**
|
|
12335
|
-
* Format of message used to announce current step when navigating between steps. The string {current} is replaced with current
|
|
12336
|
-
* @default
|
|
12405
|
+
* Format of message used to announce current step when navigating between steps. The string {current} is replaced with the current step number. The string {total} is replaced with the total number of steps.
|
|
12406
|
+
* @default getLocaleString(DuetStringsListStepOfTotal, this.language)
|
|
12337
12407
|
*/
|
|
12338
12408
|
"accessibleLive"?: string;
|
|
12339
12409
|
/**
|
|
@@ -13745,6 +13815,8 @@ declare namespace LocalJSX {
|
|
|
13745
13815
|
"duet-section-layout": DuetSectionLayout;
|
|
13746
13816
|
"duet-select": DuetSelect;
|
|
13747
13817
|
"duet-shaped-image": DuetShapedImage;
|
|
13818
|
+
"duet-share-chart": DuetShareChart;
|
|
13819
|
+
"duet-share-chart-item": DuetShareChartItem;
|
|
13748
13820
|
"duet-show-more": DuetShowMore;
|
|
13749
13821
|
"duet-slideout": DuetSlideout;
|
|
13750
13822
|
"duet-slideout-lang": DuetSlideoutLang;
|
|
@@ -13853,6 +13925,8 @@ declare module "@stencil/core" {
|
|
|
13853
13925
|
"duet-section-layout": LocalJSX.DuetSectionLayout & JSXBase.HTMLAttributes<HTMLDuetSectionLayoutElement>;
|
|
13854
13926
|
"duet-select": LocalJSX.DuetSelect & JSXBase.HTMLAttributes<HTMLDuetSelectElement>;
|
|
13855
13927
|
"duet-shaped-image": LocalJSX.DuetShapedImage & JSXBase.HTMLAttributes<HTMLDuetShapedImageElement>;
|
|
13928
|
+
"duet-share-chart": LocalJSX.DuetShareChart & JSXBase.HTMLAttributes<HTMLDuetShareChartElement>;
|
|
13929
|
+
"duet-share-chart-item": LocalJSX.DuetShareChartItem & JSXBase.HTMLAttributes<HTMLDuetShareChartItemElement>;
|
|
13856
13930
|
"duet-show-more": LocalJSX.DuetShowMore & JSXBase.HTMLAttributes<HTMLDuetShowMoreElement>;
|
|
13857
13931
|
"duet-slideout": LocalJSX.DuetSlideout & JSXBase.HTMLAttributes<HTMLDuetSlideoutElement>;
|
|
13858
13932
|
"duet-slideout-lang": LocalJSX.DuetSlideoutLang & JSXBase.HTMLAttributes<HTMLDuetSlideoutLangElement>;
|
|
@@ -53,6 +53,7 @@ export declare const sanitizeString: (string: any) => Record<string, any> | stri
|
|
|
53
53
|
* @returns {(string|Object)} given example contains {fi:"something"} and language===fi this will return "something"
|
|
54
54
|
*/
|
|
55
55
|
export declare const getLocaleString: (langObject: DuetLangObject | string, languageOverride?: string) => any;
|
|
56
|
+
export declare const formatNumber: (num: number, decimals?: number, lang?: string) => string;
|
|
56
57
|
export declare const connectLanguageChangeObserver: (component: ComponentInterface, targets?: {
|
|
57
58
|
prop: string;
|
|
58
59
|
defaults: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@duetds/components",
|
|
3
|
-
"version": "10.0.0-alpha.
|
|
3
|
+
"version": "10.0.0-alpha.22",
|
|
4
4
|
"description": "This package includes Duet Design System Web Components and related utilities.",
|
|
5
5
|
"bugs": {
|
|
6
6
|
"email": "duetdesignsystem@lahitapiola.fi"
|
|
@@ -62,8 +62,8 @@
|
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
64
|
"@duetds/fonts": "3.0.51",
|
|
65
|
-
"@duetds/icons": "4.1.
|
|
66
|
-
"@duetds/tokens": "4.0.
|
|
65
|
+
"@duetds/icons": "4.1.23",
|
|
66
|
+
"@duetds/tokens": "4.0.100",
|
|
67
67
|
"@percy/cli": "1.30.1",
|
|
68
68
|
"@rollup/plugin-replace": "5.0.2",
|
|
69
69
|
"@stencil/core": "4.36.3",
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
'use strict';
|
|
5
|
-
|
|
6
|
-
const inheritGlobalTheme = (component) => {
|
|
7
|
-
// this minor change enables duet-theme-XXXXX instead of just duet-theme-turva
|
|
8
|
-
const classList = Array.from(document.documentElement.classList).join(" ") || "";
|
|
9
|
-
const theme = /(duet-theme-)([a-z]*)/gi.exec(classList);
|
|
10
|
-
if (theme && theme[1] === "duet-theme-") {
|
|
11
|
-
component.theme = theme[2] === "default" ? "" : theme[2];
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
exports.inheritGlobalTheme = inheritGlobalTheme;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,c as t,h as a,H as i,g as r}from"./p-Djr45qSY.js";import{i as s}from"./p-WhCDf9tt.js";import{c as o}from"./p-Cfr_DJqU.js";import{s as d,u as n}from"./p-Db8rvjPI.js";import{g as l,c,d as p}from"./p-FCSGJbLJ.js";import{h as u}from"./p-CO8vqpmW.js";import"./p-C6E9F6QT.js";const h=class{constructor(a){e(this,a),this.duetDismiss=t(this,"duetDismiss",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.descriptiveId=o("DuetAlert"),this.hasShowMoreSlot=!1,this.theme="",this.isDismissed=!1,this.isExpanded=!1,this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"},this.accessibleLabel=l(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.position="content",this.dismissible=!1,this.focusable=!1,this.expandingTitle="",this.handleDismiss=e=>{this.handleHide(),this.duetDismiss.emit({component:"duet-alert",originalEvent:e})},this.handleShow=()=>{this.isDismissed=!1},this.handleHide=()=>{this.isDismissed=!0,this.element.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0})},this.handleExpandToggle=()=>{this.isExpanded=!this.isExpanded}}componentWillLoad(){s(this),this.hasShowMoreSlot=u(this.element,"show-more")}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}connectedCallback(){c(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"}),d(this)}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID),p(this),n(this)}async show(){this.handleShow()}async hide(){this.handleHide()}async setFocus(e){this.alertContainer.focus(e)}render(){const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default";return a(i,{key:"b9a786006544e12ee10ee1a8af704ac65c97c3b3",class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":void 0},a("div",{key:"3abfcee0d83c8806925875c34cafd4898a045cbe",class:{"duet-alert-wrapper":!0,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,[this.position]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"64bdd7788c6f4de9c409597f57b0a4c04e4d08c0",class:{"duet-alert":!0,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||"below-nav"===this.position,"duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"23c686f352e1d59a16c2418d870d9bac5a7bc7a0",class:"duet-alert-container",ref:e=>{this.alertContainer=e},tabindex:this.focusable?"0":void 0},"below-nav"!==this.position&&a("div",{key:"03f16f41c1f3021d20e826cefc4beb0de0b24c04",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"8afb7844d4941299ce755eb0fcf2b0d5bc9848ca",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"acb87af93cf0e438fc2424b03c66a47d7c2377fc",strong:!0,variation:e,margin:"none",size:"auto"})),"below-nav"===this.position&&a("div",{key:"c4d34eb31fc386b50b5f0a5c52f88487d83fe29b",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"f38cba8f102c47aca6e902a76e89d8a3633891f0",strong:!0,variation:e,margin:"none",size:"auto"})),a("div",{key:"4af2b55a31cdab6c1481c1a174e677f09311f0ac",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"7e77ad8d36c7ddeb1118ba8585f3b50e8af2264d","aria-expanded":this.isExpanded.toString(),"aria-controls":`${this.descriptiveId}-content`,class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"dea341c2b66217c66fabb05236a83bfdde7155d8",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"4a4dfb197c068d1cf585cd3fd4c510586bf7ba6c",name:"action-arrow-down",color:"default"===e?"lt-blue-800":`${e}-800`,margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"fe30abd1f14777e30a7f39c7d6e09965d31bfcc3",id:`${this.descriptiveId}-content`},a("slot",{key:"12180f3b78a1bd75b76e2a5842800f8a6c5552c8"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"1369e15586f49ec467770522ae394be560c2d461",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"24c5b71daf8a6ae0136006a21fe789e590faf960",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"75f16a5078ded896ce370396dc422fa959d90e2c",class:"duet-alert-dismiss"},a("duet-button",{key:"243a3bec904a6d8bac1fb2c2d47e206213d60832",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",color:"default"===e?"lt-blue-800":`${e}-800`,theme:this.theme,onClick:this.handleDismiss,fixed:!0})))))}get element(){return r(this)}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}';export{h as duet_alert}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,h as t,H as o,g as a}from"./p-Djr45qSY.js";import{i}from"./p-WhCDf9tt.js";import{h as l,c as n}from"./p-CO8vqpmW.js";const r=class{constructor(t){e(this,t),this.hasAuthorSlot=!1,this.theme="",this.margin="auto"}componentWillLoad(){i(this),this.hasAuthorSlot=l(this.element,"author"),n(this.element,"author","span")}render(){return t(o,{key:"b86a6311f59fbe4646997af80e3807089cc1bf34"},t("div",{key:"fdc8a9fdc5e84735fba0be5fc8a21df8583447ea",class:{"duet-callout":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin}},t("figure",{key:"d0cc64e707015a973e0ec11d898baff2d8d9642f",class:"container"},t("duet-icon",{key:"ff83dfdd3981e3f0f326e7c19fabab38e659d8b1",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}),t("blockquote",{key:"ff5230d43e23910e83dfb82e062898139aa3c690"},t("slot",{key:"e47145ff14177c98248916fbd5de3fd1c75c2d79"})),this.hasAuthorSlot&&t("figcaption",{key:"46022696e43142ef49c6078e012eafb35e2d1ae3",class:"author"},t("span",{key:"dc1161f8285f9b812913e351503d655449706662"},"— "),t("slot",{key:"26815d22c1de15b140531a63afc665124fd5aeae",name:"author"})))))}get element(){return a(this)}};r.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 blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 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,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}';export{r as duet_callout}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,h as t,H as a,g as n}from"./p-Djr45qSY.js";import{i}from"./p-WhCDf9tt.js";import{a as r}from"./p-Db8rvjPI.js";const o=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.href="#",this.icon=void 0}componentWillLoad(){i(this)}handleEscape(e){if(r(e)){const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}render(){return t(a,{key:"f4da1cd65dbe2f088141166020a139beb7452755",role:"listitem"},t("a",{key:"5d4bf8c00270d156cba453eeb3c0c7702f8a6cf0",class:{"duet-submenu-bar-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,onKeyUp:e=>this.handleEscape(e),"aria-current":this.active?"true":"false"},this.icon&&t("duet-icon",{key:"e94a09f686e295d469564fa59c43e649183e31ac",class:"submenu-bar-link-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("span",{key:"78e1a857c4920dd0ec412738320487cab1630722",class:"label"},t("slot",{key:"205e4258cb628c01123fb10bf5dfed66f25e84b5"}))))}get element(){return n(this)}};o.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;height:100%;padding:12px 1.5rem;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.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-submenu-bar-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-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-link .submenu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-link .submenu-bar-link-icon{width:16px;height:16px}}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 75, 129)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(126, 2, 35)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}}';export{o as duet_submenu_bar_link}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,h as i,H as e,g as n}from"./p-Djr45qSY.js";import{i as d}from"./p-WhCDf9tt.js";const r=class{constructor(i){t(this,i),this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.rowReverse=!1,this.alignment="top",this.distribution="default",this.mobile="",this.gridTemplate=null}outerHeight(t){const i=t.offsetHeight,e=window.getComputedStyle(t);return["top","bottom"].map((t=>parseInt(e[`margin-${t}`]))).reduce(((t,i)=>t+i),i)}debounceWindowResizeHandler(){}async connectedCallback(){this.childObserver=new MutationObserver(this.updateGridItems.bind(this)),this.childObserver.observe(this.element,{childList:!0}),"form_distribute"===this.alignment&&(this.formDistributeObserver=new MutationObserver(this.updateGridItemsWithInputFields.bind(this)),this.formDistributeObserver.observe(this.element,{subtree:!0,childList:!0,characterData:!0}),window.addEventListener("resize",this.debounceWindowResizeHandler),this.updateGridItemsWithInputFields()),this.updateGridItems()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0),this.formDistributeObserver&&(this.formDistributeObserver.disconnect(),this.formDistributeObserver=void 0),window.removeEventListener("resize",this.debounceWindowResizeHandler)}getDirectChildren(){return Array.from(this.element.querySelectorAll(":scope > *"))}async updateGridItems(){this.getDirectChildren().filter((t=>"duet-grid-item"===t.tagName.toLowerCase())).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint,t.direction=this.direction,t.rowReverse=this.rowReverse}))}async updateGridItemsWithInputFields(){const t=["duet-button","duet-checkbox","duet-choice","duet-choice-group","duet-combobox","duet-date-picker","duet-fieldset","duet-grid-item","duet-input","duet-multiselect","duet-number-input","duet-phone-input","duet-radio","duet-radio-group","duet-range-slider","duet-select","duet-textarea","duet-toggle"],i=this.getDirectChildren().filter((i=>!!i.querySelector(t.join(","))||t.includes(i.tagName.toLowerCase()))),e=!!window&&"column"===window.getComputedStyle(this.element).flexDirection;let n=0;const d=[];i.forEach((t=>{const i=t.querySelector("span.duet-input-error"),e=i?this.outerHeight(i):0;d.push(e)})),n=Math.max(...d),i.forEach((t=>{const i=t.querySelector("span.duet-input-error"),d=i?this.outerHeight(i):0;d<n&&!e?t.setAttribute("style",`padding-bottom: ${n-d}px;`):(d===n||e)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(e,{key:"da7773c6fb472dc747be9d1384b4edb51fbeaab0",class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form_distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-x-small":"x-small"===this.breakpoint,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-large":"large"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint,"duet-grid-row-reverse":this.rowReverse,["duet-grid-variation-"+(this.gridTemplate?"grid":"flex")]:!0,[`duet-grid-template-${this.gridTemplate}`]:!0}},i("slot",{key:"bdec0c56d3abdf3e584d732afc404d3a28c4ad96"}))}get element(){return n(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}}};r.style=":host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host(.duet-grid-variation-flex) {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n justify-content: flex-start !important;\n width: 100%;\n max-width: 100%;\n height: auto;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: row !important;\n}\n@media (max-width: 22.5em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-wrap) {\n flex-wrap: wrap !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking) {\n flex-direction: row !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking) {\n align-items: center !important;\n}\n\n.duet-grid-align-stretch.duet-no-stacking {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking) {\n align-items: baseline !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small) {\n align-items: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small) {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small) {\n align-items: baseline !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large) {\n align-items: baseline !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-left) {\n justify-content: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-right) {\n justify-content: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-center) {\n justify-content: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-between) {\n justify-content: space-between !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-around) {\n justify-content: space-around !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-evenly) {\n justify-content: space-evenly !important;\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-left) {\n align-items: flex-start !important;\n justify-content: flex-start !important;\n text-align: left !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) {\n align-items: center !important;\n justify-content: center !important;\n text-align: center !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) * {\n text-align: center !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) {\n align-items: flex-end !important;\n justify-content: flex-end !important;\n text-align: right !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) * {\n text-align: right !important;\n }\n}\n\n:host(.duet-grid-variation-grid) {\n display: grid;\n grid-template-rows: repeat(1, 1fr);\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n align-items: flex-start;\n justify-content: center;\n padding: 0 20px;\n container-type: inline-size;\n overflow-x: clip;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid) {\n gap: 24px;\n padding: 0 40px;\n }\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(8, 55px);\n gap: 24px 32px;\n padding: 0;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n padding: 0 64px;\n }\n}\n@media (min-width: 76.25em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, 55px);\n gap: 40px;\n padding: 0;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 3/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 2/span 10;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 12;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 5/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 6;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 5/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 7/span 6;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 5/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: minmax(0, 1fr);\n gap: 12px;\n padding: 0;\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n gap: 16px;\n }\n}\n@container (min-width: 664px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n /* stylelint-enable */\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@container (min-width: 1100px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n /* stylelint-enable */\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}";const a=class{constructor(i){t(this,i),this.fill=!1,this.theme="",this.margin="auto",this.responsive=!1,this.direction="horizontal",this.breakpoint="small",this.rowReverse=!1}componentWillLoad(){d(this)}render(){return i(e,{key:"2fc30e0e614194e19f22715cc3844810febe0bcc",style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-row-reverse":this.rowReverse,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-item-br-x-small":"x-small"===this.breakpoint,"duet-grid-item-br-small":"small"===this.breakpoint,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-large":"large"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}},i("slot",{key:"a7a1e0383508ec291861887bc27d5c1544f6709c"}))}};a.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-of-type){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-child){padding-right:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-child){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-child){padding-left:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-of-type){padding-left:0}@media (max-width: 35.9375em){:host(.duet-grid-item-responsive){width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-br-medium){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-responsive.duet-grid-item-br-medium){padding-right:0;padding-left:0}}@media screen and (max-width: 64em){:host(.duet-grid-item-br-x-large){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){:host(.duet-grid-item-responsive.duet-grid-item-br-x-large){padding-right:0;padding-left:0}}:host(.duet-grid-item-fill){flex:1 1 auto;width:100%}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-m-0){padding:0 !important;margin:0 !important}';export{r as duet_grid,a as duet_grid_item}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,h as t,H as a,g as i}from"./p-Djr45qSY.js";import{i as o}from"./p-WhCDf9tt.js";const n=class{constructor(t){e(this,t),this.accessiblePopup="false",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.theme="",this.icon=void 0}componentWillLoad(){o(this)}async setFocus(e){this.nativeButton&&this.nativeButton.focus(e)}render(){return t(a,{key:"38bfc8b020483ea1619da061faa8b650c887667d",role:"listitem",onfocus:()=>this.setFocus()},t("button",{key:"ce2dd048048dfe5b93679eb8e76df1d0c9535f95",ref:e=>this.nativeButton=e,class:{"duet-menu-bar-button":!0,"duet-theme-turva":"turva"===this.theme},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0},this.icon&&t("duet-icon",{key:"15757e0e80d1d038485ec36bce95ff4c4fae05e5",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),t("slot",{key:"3d80006b8f95eea5f830a456b9a986490875d8af"})))}get element(){return i(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;height:100%}.duet-menu-bar-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:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.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"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';export{n as duet_menu_bar_button}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,h as e,H as i,g as n,F as o}from"./p-Djr45qSY.js";import{i as a}from"./p-WhCDf9tt.js";import{s as r}from"./p-C6E9F6QT.js";import{g as d}from"./p-DyjhCDQL.js";import{g as l}from"./p-DvwKrUS6.js";import{n as s}from"./p-vVCYtBMj.js";import{D as h,c}from"./p-D6YBFNe9.js";import{g as u}from"./p-CCVcVc3m.js";import{a as p,g as m,c as g,d as b}from"./p-FCSGJbLJ.js";import{c as k}from"./p-Cfr_DJqU.js";import"./p-D5_4M8f7.js";import"./p-CO8vqpmW.js";const f=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.selected=!1,this.size="medium"}componentWillLoad(){a(this)}render(){return e(i,{key:"46c245b72ac2d6f4641a58e56dccecdce8421151",class:{"duet-caption":!0,"duet-caption-selected":this.selected,"duet-caption-small":"small"===this.size,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin}},e("slot",{key:"56d458c5573dda5e0b8f6ec7d376a9eb327e0628"}))}get element(){return n(this)}};f.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:flex;flex:0 0 100%;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(98, 121, 138);vertical-align:top}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-caption-selected.duet-theme-turva){color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}';const x=class{constructor(e){t(this,e),this.level="h2",this.margin="auto",this.border=!1,this.weight="auto",this.color="",this.theme="",this.hyphenate=!1,this.fixedSize=!1}componentWillLoad(){a(this)}render(){const t=r(this.level),i=d(this.color);return e(t,{key:"ab8059451f595067017c1bd6f9143178dabcc853",class:{"duet-heading":!0,"duet-heading-border":!1!==this.border,"duet-heading-border-solid":"solid"===this.border,"duet-normal":"normal"===this.weight,"duet-semibold":"semibold"===this.weight,"duet-heading-hyphenate":this.hyphenate,"duet-m-0":"none"===this.margin,[this.visualLevel?this.visualLevel:this.level]:!0,"duet-theme-turva":"turva"===this.theme,"fixed-size":this.fixedSize},"aria-label":this.accessibleLabel,style:{color:i},part:"duet-heading"},e("slot",{key:"33f7263794601ca98dc99215207bad0ced17de49"}))}get element(){return n(this)}};var w,v;x.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;position:relative;display:block;width:100%}.duet-heading{margin-bottom:16px !important;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-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;text-wrap:balance;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}';var y,z,_,S,j=l(v?w:(v=1,w={title:"action-arrow-right",tags:"action arrow right caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M5.499 24a.752.752 0 0 1-.53-1.281L15.689 12 4.969 1.28c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.72 10.72a1.5 1.5 0 0 1 .001 2.119L6.029 23.78a.743.743 0 0 1-.53.22z"/></svg>'})),U=l(z?y:(z=1,y={title:"action-download-small",tags:"action download arrow down small",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.193 1.7c0-.658-.542-1.2-1.2-1.2-.657 0-1.199.542-1.199 1.2v8.922l-2.778-2.6a1.2 1.2 0 0 0-1.64 1.751l4.797 4.498c.458.43 1.183.43 1.64 0l4.798-4.498c.242-.228.379-.544.379-.875a1.2 1.2 0 0 0-2.02-.876l-2.777 2.603V1.699Z"/><path d="M1.5 13.544a1.5 1.5 0 0 1 1.498 1.5v1.498a1.61 1.61 0 0 0 .418 1.096h-.003c0-.002.036.032.13.082.39.194.818.305 1.254.321H19.19a3.085 3.085 0 0 0 1.255-.32c.096-.051.13-.085.13-.085.27-.3.42-.69.414-1.096v-1.5c0-.822.677-1.498 1.5-1.498.822 0 1.499.676 1.499 1.499v1.499c0 1.16-.43 2.293-1.224 3.142-.518.557-1.235.876-1.791 1.056a5.976 5.976 0 0 1-1.783.302H4.797a6.053 6.053 0 0 1-1.782-.302c-.556-.18-1.274-.5-1.792-1.056A4.613 4.613 0 0 1 0 16.542v-1.499a1.5 1.5 0 0 1 1.5-1.499Z"/></svg>'})),C=l(S?_:(S=1,_={title:"action-new-window",tags:"arrow open new window tab external link square box rectangle action",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z"/></svg>'}));const I=class{constructor(e){t(this,e),this.variation="default",this.language=p(),this.accessibleLabelExternalDefaults=h,this.accessibleLabelExternal=m(this.accessibleLabelExternalDefaults),this.accessibleLabelDownloadDefaults=c,this.accessibleLabelDownload=m(this.accessibleLabelDownloadDefaults),this.accessiblePopup="false",this.theme="",this.url="#",this.external=!1,this.download=null,this.tabToLink=!1,this.iconColor="currentColor",this.iconBackground=null,this.iconResponsive=!1,this.margin="auto",this.padding="auto",this.isMediumScreen=!1}componentWillLoad(){a(this),this.resolvedDownload=this.resolveDownload(),"button"===this.variation&&"#"===this.url&&(this.url=void 0)}connectedCallback(){g(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}),this.setAriaLabel(),this.mutationObserver=new MutationObserver(this.setAriaLabel.bind(this)),this.mutationObserver.observe(this.element,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){b(this),this.mutationObserver&&this.mutationObserver.disconnect()}async setFocus(t){this.nativeLink.focus(t)}setAriaLabel(){setTimeout((()=>{this.ariaLabel=this.url&&u(this)||this.accessibleLabel}))}resolveDownload(){return""===this.download?this.url.split("/").pop():this.download}renderDefaultContent(){return e(o,null,e("span",{class:"duet-link-content",part:"duet-link-content"},e("slot",null)),(this.resolvedDownload||this.external)&&"default"===this.variation&&e(o,null,e("span",{class:"duet-link-icon-tail"}," ",e("duet-icon",{icon:this.resolvedDownload?U.svg:s.svg,size:"xx-small",margin:"none",color:"currentColor"}))))}renderBlockContent(){return e(o,null,this.icon&&e("span",{class:"block__icon"},e("duet-icon",{class:this.iconResponsive?"icon-responsive":"",size:"auto",name:this.icon,margin:"none",color:this.iconColor})),e("span",{class:"block__content"},this.renderDefaultContent()),e("span",{class:"block__chevron",part:"block-chevron"},e("duet-icon",{class:"block__chevron-icon",icon:this.external?C.svg:j.svg,size:"x-small",margin:"none",color:"primary-dark"})))}renderButtonCardContent(){const t={"background-color":d(this.iconBackground,this.theme)};return e(o,null,this.icon&&e("span",{class:"icon-wrap",style:t},e("duet-icon",{size:"auto",name:this.icon,margin:"none",color:this.iconColor})),e("div",{class:"duet-link-content",part:"duet-link-content"},e("slot",null)),e("span",{class:"chevron-wrap"},e("duet-icon",{class:"block__chevron-icon",icon:this.external?C.svg:j.svg,size:"x-small",margin:"none",color:"primary-dark"})))}renderContent(){switch(this.variation){case"default":return this.renderDefaultContent();case"block":case"block-center":return this.renderBlockContent();case"button":case"card":return this.renderButtonCardContent()}}render(){const t=this.url?"a":"button",n="button"===t;return e(i,{key:"8f01f9c4cc9e7242a910402e67ace7f75ad05ac2",class:{[`duet-link-${this.variation}`]:!0,"duet-m-0":"none"===this.margin}},e(t,{key:"751c0abc3dc61b616825c965881d539af885baa5",href:this.url,class:{"duet-link":!0,"duet-link-is-external":this.external,"duet-link-is-download":!!this.download,"duet-link-has-icon":!!this.icon,"duet-link-has-icon-background":!!this.iconBackground,"duet-tab-to-link":this.tabToLink,"duet-theme-turva":"turva"===this.theme,"duet-p-0":"none"===this.padding,[this.padding]:!0,[this.variation]:!0},target:this.download||!this.url?null:this.external?"_blank":"_self",download:this.resolvedDownload,"aria-label":this.ariaLabel,"aria-expanded":null!=this.accessibleExpanded&&n?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup&&n?this.accessiblePopup.toString():void 0,id:this.identifier,ref:t=>this.nativeLink=t,part:"duet-link",rel:this.external?"noopener":void 0},this.renderContent()))}static get delegatesFocus(){return!0}get element(){return n(this)}static get watchers(){return{language:["setAriaLabel"]}}};I.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link: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-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link,.block-center.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon,.block-center.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none,.block-center.duet-link.none{padding:0}.block .block__icon,.block-center .block__icon{display:flex}.block .block__icon duet-icon,.block-center .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content,.block-center .block__content{position:relative;bottom:2px}.block .block__chevron,.block-center .block__chevron{align-self:center}.block .block__chevron-icon,.block-center .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon,.block-center:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.block-center.duet-link{align-items:center}.block-center .block__content{position:static}.block-center .block__chevron{display:flex;align-items:center}.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon{width:20px;height:20px}.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:24px;height:24px}@media (min-width: 48em){.duet-link.button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}';const A=class{constructor(e){t(this,e),this.id=k("duet-paragraph"),this.theme="",this.margin="auto",this.size="medium",this.weight=void 0,this.variation="default",this.color=""}componentWillLoad(){a(this)}render(){const t=d(this.color);return e(i,{key:"6a13b5ffe8df2d7d3fbab1a8bb419feb340da706","aria-describedby":this.id},e("p",{key:"80e12bf1949ea7f97ee2cc539e90ede233e6e719",id:this.id,class:{"duet-paragraph":!0,"duet-paragraph-small":"small"===this.size,"duet-paragraph-semi-bold":"semi-bold"===this.weight,"duet-paragraph-bold":"bold"===this.weight,"duet-m-0":"none"===this.margin,[this.variation]:!0,"duet-theme-turva":"turva"===this.theme},style:{color:t},part:"duet-paragraph"},e("slot",{key:"219b0fe9f531f0a930b64d7d26c556d1010d9ef3"})))}get element(){return n(this)}};A.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}.duet-paragraph{margin-bottom:16px !important;display:block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}.duet-paragraph.duet-p-0{padding:0 !important}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-paragraph.duet-paragraph-small{font-size:0.875rem}.duet-paragraph.duet-paragraph-semi-bold{font-weight:600}.duet-paragraph.duet-paragraph-bold{font-weight:700}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.intro{font-size:2.7vw;margin-bottom:28px !important;-webkit-hyphens:inherit;hyphens:inherit}@media (max-width: 37.037037037rem){.duet-paragraph.intro{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-paragraph.intro{font-size:1.25rem}}.duet-paragraph.intro.duet-m-0{margin:0 !important}::slotted(a){font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;font-weight:400;color:rgb(0, 119, 179);text-decoration:underline;transition:300ms ease}::slotted(a).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(198, 12, 48)}::slotted(a):hover{color:rgb(0, 75, 129);text-decoration:none}::slotted(a):hover.duet-theme-turva{color:rgb(126, 2, 35)}::slotted(a):active{opacity:0.75;transition:none}';export{f as duet_caption,x as duet_heading,I as duet_link,A as duet_paragraph}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,c as i,h as o,H as e,g as n}from"./p-Djr45qSY.js";import{i as a}from"./p-WhCDf9tt.js";import{c as s}from"./p-Cfr_DJqU.js";import{d as r}from"./p-BlUsLmbQ.js";import{i as d}from"./p-Db8rvjPI.js";import{g as c,c as h,d as u}from"./p-FCSGJbLJ.js";import{c as b,g as l,s as p}from"./p-DyjhCDQL.js";import"./p-C6E9F6QT.js";import"./p-D5_4M8f7.js";const m=class{constructor(o){t(this,o),this.duetActionEvent=i(this,"duetActionEvent",6),this.listId=s("duet-action-button"),this.numbersStore="",this.theme="",this.iconName="action-arrow-left-small",this.iconColor="currentColor",this.iconSize="xx-small",this.actionId=void 0,this.actionMeta=void 0,this.disabled=!1,this.color="",this.background="",this.accessibleTitle=!0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"},this.accessibleLabel=c(this.accessibleLabelsDefaults),this.accessibleControls="",this.emitPageEvent=r((t=>{this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionId,name:this.actionName,meta:this.actionMeta,id:this.listId})}))}async onKeyboardDown(t){d(t)&&this.emitPageEvent(t)}getTitle(){return"string"==typeof this.accessibleTitle?this.accessibleTitle:!0===this.accessibleTitle&&this.actionName?b(`${this.actionName}`):null}async onMouseHandler(t){t.preventDefault(),this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta})}componentWillLoad(){a(this)}connectedCallback(){h(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){u(this)}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){const t="currentColor"===this.color?"currentColor":l(this.color,this.theme),i=l(this.background,this.theme),n=i?p(i,-.1):i,a=i?`\n button.duet-action-button {\n background: ${i} !important;\n }\n button.duet-action-button:not(:disabled):hover {\n background: ${n} !important;\n }\n `:"",s={ref:t=>this.nativeButton=t,part:"button",style:{color:t,"border-color":l(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"},disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:{"duet-action-button":!0,"duet-action-button--disabled":this.disabled,[`duet-action-button--${this.theme}`]:""!==this.theme,"duet-theme-turva":"turva"===this.theme}};return o(e,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:t=>this.onKeyboardDown(t)},o("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:a}),this.url&&!this.disabled?o("a",Object.assign({},s,{href:this.url}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):o("button",Object.assign({},s,{onClick:t=>this.onMouseHandler(t)}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),o("duet-visually-hidden",null,o("slot",null))))}get element(){return n(this)}};m.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";export{m as duet_action_button}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,h as t,H as i,g as a}from"./p-Djr45qSY.js";import{i as o}from"./p-WhCDf9tt.js";import{c as d}from"./p-Cfr_DJqU.js";import{h as s}from"./p-CO8vqpmW.js";const n=class{constructor(t){e(this,t),this.errorId=d("DuetError"),this.labelId=d("DuetLabel"),this.hasTooltip=!1,this.lastItemIsChip=!1,this.theme="",this.margin="auto",this.compactLabel=!1,this.accessibleLiveError="polite",this.labelHeadingLevel="span",this.labelHidden=!1,this.checkHasTooltip=()=>{this.hasTooltip=s(this.element,"tooltip")},this.checkLastItem=()=>{if(this.element){const e=this.element.lastElementChild;this.lastItemIsChip=!!e&&"DUET-CHIP"===e.nodeName}}}connectedCallback(){this.checkLastItem()}componentWillLoad(){o(this),this.checkHasTooltip()}render(){return t(i,{key:"9e4a9ff7d74613bea6b990e02cab3dda95d1bc29",class:{"duet-m-0":"none"===this.margin}},t("fieldset",{key:"0d2f9ce2abb491c86b96626eb8b18f67c670e362","aria-labelledby":this.labelId,"aria-describedby":this.error?this.errorId:null,class:{"duet-fieldset":!0,"duet-theme-turva":"turva"===this.theme}},t("legend",{key:"21efccf6b5d46f88b5e4a51d38bbd18d4fd589c9",id:this.labelId},t(this.labelHeadingLevel,{key:"a16858293d2f51e994aedbd4b0f441bbf393144f"},this.label),this.caption&&t("span",{key:"fbe7a4e27bdf3db369f9f6c14f986636f4d39a65"},this.caption)),t("div",{key:"a667139d2b8d4ad733841bed134a7b357f60d021",class:{"duet-legend-wrapper":!0,"duet-legend-has-caption":!!this.caption,"duet-legend-has-tooltip":this.hasTooltip,"duet-legend-hidden":this.labelHidden,"duet-legend-compact":this.compactLabel}},t("div",{key:"d1021a4bd5514c04dcaee1c4c151c6eec97a5bfb",class:"duet-fieldset-label"},t("span",{key:"f192357e8022922adb7c7cf20bf073a3c22b01c3","aria-hidden":"true"},this.label),t("slot",{key:"47077c1d1d056160f21ac765dcfe48c522b717de",onSlotchange:this.checkHasTooltip,name:"tooltip"})),this.caption&&t("div",{key:"37c022dfd21ea43490aa4b0c32bb0190c5190699",class:"duet-fieldset-caption","aria-hidden":"true"},t("duet-caption",{key:"093069fd49d5d7eb1ca7a5459c76867f06e90452",theme:this.theme,margin:"none"},this.caption))),t("slot",{key:"2da1892b06792ac2ca1a222bb74de1e6b32edb01"}),t("span",{key:"f48a7aa3ec5ce24da463c28565353041f1eee7d1",class:"duet-fieldset-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&t("span",{key:"9618d22dafc9c75594f480f55c8331ce5a03185f",class:{"duet-m-0":this.lastItemIsChip}},this.error))))}get element(){return a(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;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{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-legend-wrapper{position:relative;display:block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-theme-turva .duet-legend-wrapper{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-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-fieldset-help span.duet-m-0{margin-top:0}.duet-theme-turva .duet-fieldset-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(214, 28, 82)}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{n as duet_fieldset}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,c as e,h as i,H as s,g as o}from"./p-Djr45qSY.js";import{n}from"./p-D5_4M8f7.js";import{M as a,z as r,o as h,f as p,s as u}from"./p-B_NkY9T0.js";import{i as d}from"./p-WhCDf9tt.js";import{f as l}from"./p-CDAA0sDY.js";import{g as c,a as m,e as b,b as f}from"./p-Db8rvjPI.js";import{a as g}from"./p-FCSGJbLJ.js";import{T as v}from"./p-CooAqTCj.js";import{n as x}from"./p-vVCYtBMj.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const y=class{constructor(i){t(this,i),this.duetToggle=e(this,"duetToggle",7),this.filterLabel={en:"Filter menu",fi:"Suodata valikkoa",sv:"Filtrera meny"},this.filterResultCountLabel={en:"items match filter",fi:"kohtaa vastaa suodatinta",sv:"menyalternativ matchar filtret"},this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.open=!1,this.language=g(),this.accessibleRole="menu",this.theme="",this.placement="bottom-start",this.forcePlacement=!1,this.allowVerticalFlip=!0,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0,this.controllerIcon="action-arrow-down-small",this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.controller?"string"==typeof this.controller?document.getElementById(this.controller):void 0:this.controller,e&&this.openButton===e)return;i=!0}if(this.eventListenerController&&this.eventListenerController.abort(),!e)return this.openButton&&this.controllerIcon&&this.openButton.removeAttribute("trailing-icon"),void(this.openButton=void 0);try{const t=e;t.accessiblePopup="true",t.accessibleExpanded=!1,this.controllerIcon&&t.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=t,i&&!this.disconnectController.signal.aborted&&(this.eventListenerController=new AbortController,this.openButton.addEventListener("click",this.openButtonEventListener,{signal:this.eventListenerController.signal}))}catch(t){console.error(t)}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[h({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&p(),u({padding:5})].filter(Boolean),e=await a(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=e.y,this.menuX=e.x},this.getNonFilteredItems=()=>this.showFilterInput?this.itemElements.filter((t=>"none"!==t.style.display)):this.itemElements,this.filterItems=()=>{var t;const e=null===(t=this.filterInput.value)||void 0===t?void 0:t.toLocaleLowerCase(),i=this.itemElements;i.forEach((t=>{var i;t.style.display=!e||t.textContent.toLowerCase().includes(e)||(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(e))?"":"none"})),this.filterResultCount=i.filter((t=>"none"!==t.style.display)).length},this.handleKeyDownOnFilter=t=>{var e;c(t)&&(null===(e=this.getNonFilteredItems()[0])||void 0===e||e.setFocus())}}get opener(){return this.controller}set opener(t){this.controller=t}componentWillLoad(){d(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new v(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.setOpenButton()):this.teleport.activate()}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.disconnectController&&this.disconnectController.abort(),this.setOpenButton(null)}handleKeyUp(t){this.open&&m(t)&&this.hide()}async handleKeyDown(t){const e=this.getNonFilteredItems();if(this.open){if(c(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<e.length-1?e[i+1].setFocus():e[0].setFocus())}if(b(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.showFilterInput?this.filterInput.setFocus():e[e.length-1].setFocus():e[i-1].setFocus())}f(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const e=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&e&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.open=!1}async toggle(){this.open?this.hide():this.show()}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){const t={ancestorScroll:!this.forcePlacement};this.openButton&&(this.openButton.accessibleExpanded=!0),"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=r(this.openButton,this.menuElement,this.updatePlacement,t)),this.showFilterInput&&(this.filterInput.value="",this.filterItems()),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)}else!this.open&&e&&(this.openButton&&(this.openButton.accessibleExpanded=!1),this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&l(this.openButton),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),"listbox"!==this.accessibleRole&&this.teleport.removeInertFromSiblings()}),200))}handleControllerChange(t,e){t!==e&&("string"==typeof t?this.setOpenButton():this.setOpenButton(t))}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}get popupMenuStyleHeight(){const t=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification"));if(t.length>0&&this.scrollLimit){const e=2*Number(n.replace("px",""));return`${t[0].offsetHeight*this.scrollLimit+e}px`}return"auto"}async getFocusedItemIndex(){const t=this.getNonFilteredItems();for(let e=0;e<t.length;e++)if(await t[e].isFocused())return e;return-1}render(){return i(s,{key:"7019b576c6f42831a414e317c2dfdd3bc39f68a1"},i("div",{key:"1da934eb459d131afbc37a28bc892c54ccc2394d",ref:t=>{this.menuElement=t},style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme,"scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},this.showFilterInput&&i("div",{key:"e4f646d6608ec8281cddf293eece25b212ac1cfe"},i("duet-input",{key:"88513be405230fcb9a2f5ccddf063af0d8503faa",ref:t=>this.filterInput=t,label:this.filterLabel[this.language],"label-hidden":!0,expand:!0,margin:"none",type:"search",onDuetInput:this.filterItems,onKeyDown:this.handleKeyDownOnFilter}),i("duet-visually-hidden",{key:"9f773886df14301be9b0e8155317606512569f93"},i("span",{key:"e1d078ec07b40914d597d292a746092460a22f60",role:"status"},`\n ${this.filterResultCount}/${this.itemElements.length}\n ${this.filterResultCountLabel[this.language]}\n `)),i("duet-spacer",{key:"f5b0bf4a91a17f924a50b0246ea83107fee37f12",size:"xx-small"})),i("slot",{key:"1724650067076ce5206942d78099d45a2130a464"})))}get element(){return o(this)}static get watchers(){return{open:["handleOpenChange"],controller:["handleControllerChange"]}}};y.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}";const k=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.focus=!1,this.accessibleRole="menuitem",this.theme="",this.external=!1,this.targetLanguage=void 0,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1,this.activeDescendant=!1,this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})}}componentWillLoad(){d(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}async isFocused(){return this.focus}render(){const t=this.url?"a":"button";return i(s,{key:"f27689157d4f30730ed329199d0073e1f892c667",role:this.accessibleRole},i(t,{key:"732df7b3d187436866bb95178a55ce3a467cd417",ref:t=>this.itemElement=t,tabIndex:"listitem"===this.accessibleRole?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"a"===t?"link":"button","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme,"active-descendant":this.activeDescendant},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0,lang:"button"===t?void 0:this.targetLanguage,hreflang:"button"===t?void 0:this.targetLanguage},this.leadingIcon&&i("duet-icon",{key:"f847d93146cc6fe171ca53ea75257f0dd64a3a8d",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"404710e8e19bf119276abc7287c9167a4f93587b",class:"duet-popup-menu-item-label"},i("slot",{key:"92c4753ed0a7a4eb6cb7940b6a5bfcdae6ca10f7"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"11a754fbbd49c1e9f8a6a2fcd78d2d7ee0ebccdc",name:this.url&&this.external?x.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{key:"0f27221f438165670d91d6bbe5f5792081f54384",class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return o(this)}};k.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';export{y as duet_popup_menu,k as duet_popup_menu_item}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,c as t,h as o,H as i,g as a}from"./p-Djr45qSY.js";import{g as c}from"./p-DvwKrUS6.js";import{i as r}from"./p-WhCDf9tt.js";import{D as d}from"./p-D6YBFNe9.js";import{c as s}from"./p-Cfr_DJqU.js";import{i as h,n,s as l,u as b,a as u}from"./p-Db8rvjPI.js";import{g as p,a as g,c as m,d as f}from"./p-FCSGJbLJ.js";import{h as k,b as x,c as v}from"./p-CO8vqpmW.js";import"./p-C6E9F6QT.js";var y,w,z=c(w?y:(w=1,y={title:"messaging-info",tags:"messaging info information circle",svg:'<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>'}));const C=class{constructor(o){e(this,o),this.duetChoiceReady=t(this,"duetChoiceReady",7),this.duetChoiceRemove=t(this,"duetChoiceRemove",7),this.duetChange=t(this,"duetChange",7),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.hasHeader=!1,this.choiceId=s("DuetChoice"),this.expandId=s("DuetChoiceExpand"),this.headerId=s("DuetChoiceHeader"),this.infoButtonId=s("DuetChoiceInfoButton"),this.isHovering=!1,this.isInfoOpen=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=d,this.accessibleLabelInfoButton=p(this.accessibleLabelInfoButtonDefaults),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.type="checkbox",this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=p(this.infoLabelDefaults,g()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=p(this.collapsibleNotificationDefaults,g()),this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onChange),e.removeEventListener("keydown",this.handleKeyDown),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onChange),e.addEventListener("keydown",this.handleKeyDown),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.inputSetUp=()=>{const e=this.element.querySelectorAll(":scope > input"),t=e[e.length-1]||document.createElement("input");t.slot="choiceinput",t.disabled=this.getDisabled(),t.id=this.identifier||this.choiceId,t.type=this.type,t.name=this.name,t.value=this.value,t.checked=this.checked,t.required=this.required,t.ariaDescription=this.accessibleDescription,this.accessibleControls&&t.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&t.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleLabelledBy&&t.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&t.setAttribute("aria-details",this.accessibleDetails),this.accessibleOwns&&t.setAttribute("aria-owns",this.accessibleOwns),this.getAriaDescribedby()&&t.setAttribute("aria-describedby",this.getAriaDescribedby()),t.ariaLabel=this.getLabel(),e.length>0?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{h(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.focusableElement.checked,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||"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()}),150)}}componentWillLoad(){r(this),this.hasInfo=k(this.element,"info"),this.hasHeader=k(this.element,"header"),this.hasAdditional=k(this.element,"additional"),this.hasLabel=k(this.element,"label"),this.hasBeforeText=k(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){m(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),l(this),this.duetChoiceReady.emit()}componentDidRender(){this.inputSetUp()}disconnectedCallback(){f(this),b(this),this.duetChoiceRemove.emit()}async setFocus(e){this.focusableElement.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}handleEscape(e){u(e)&&this.isInfoOpen&&(this.isInfoOpen=!1,this.infoButtonEl&&this.infoButtonEl.focus())}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>t.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:(this.collapsible||this.hasInfo)&&this.getExpanded()?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`: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}}getLabel(){let e="",t="",o="";if(this.hasLabel){const t=x(this.element,"label");e=t.length>0?t[0].textContent:""}if(this.hasBeforeText){const e=x(this.element,"before-text");t=e.length>0?e[0].textContent:""}if(this.hasAdditional){const e=x(this.element,"additional");o=e.length>0?e[0].textContent:""}return`${t} ${this.hasLabel?e:this.label} ${this.caption} ${o}`}render(){return o(i,{key:"3cd595ba657c1527c2f790fc1e1d162c63c912ca",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()}},o("div",{key:"7acf5e8f9ba7dd5950ad6d218d2da20adb64b513",class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},o("div",{key:"473a2f20bdd827050e9a6006f71085ee73b2da7b",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}},o("slot",{key:"72cb91da3988022bd7f221986e16fb90610cc5f5",name:"choiceinput"}),o("label",{key:"36619c729ed3cdad2272b5a4448cfd360069074b",class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText,checked:this.checked,focus:this.focus,disabled:this.getDisabled()},onClick:this.onClick},this.hasBeforeText&&o("slot",{key:"ac1cf1b20636e148580edcddcd59647a967af71f",name:"before-text"}),this.icon&&o("div",{key:"ff24b7015eb15a19fc6fbbc8571f504eeaedeb9c",class:"duet-choice-card-icon"},o("duet-icon",{key:"e918484b339f07a43fcb6d29b9e05d1f538c039f",margin:"none",size:"small",name:this.icon,color:"currentColor"})),o("div",{key:"0b26a3a48e73784c5fbc6313e796a5c5bff6d095",class:"duet-choice-card-text"},o("div",{key:"4ff71e94dc64417f5eceea9c6b5b2564934e91a1"},this.hasLabel?o("slot",{name:"label"}):this.label),this.caption&&o("div",{key:"b5a9af3867e2fa6e9855b3eadcce9402f6ebf0a9"},o("duet-spacer",{key:"bdca93dda657e78bfedf162ac260ee2958cfc706",size:"xx-small"}),o("duet-caption",{key:"bcc955a445b81584b183e12bf0635dc7ce50c9f6",margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&o("div",{key:"f6466d09b9c933177ad99d78934c3ad4ea346f14"},o("duet-spacer",{key:"57c7d16263fd21d13125994e447cde914c808ad6",size:"xx-small"}),o("slot",{key:"e597e6d6a3d9daab59cf3409326768551c76ead1",name:"additional"}))),o("div",{key:"c14c337e3dacf67b9f65a0c1664d18a1e3843237"},o("div",{key:"e4dda03f92c9927288f8b1a64280ffcd61218744",class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&o("div",{key:"7a2b4382dba7aca1719181b6195748ed8ed5e8be",class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&o("button",{key:"0bf2114a4ab8c6460d16b4b142c502cf3b4093fe",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,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button",onKeyUp:e=>this.handleEscape(e)},o("div",{key:"1f66a70722f9096620b8cb7923ae4557b1e83261",class:"duet-choice-info-icon"},o("duet-icon",{key:"880807ed6905e1932917e1553fb9321ce00f4271",icon:z.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&o("span",{key:"576e9c8837ebac9641d9d6005c896013485be87f",id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?o("div",{class:this.getClassNames(),id:this.expandId},o("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},o("span",{id:this.headerId},o("slot",{name:"header"})),this.hasInfo?o("span",{ref:e=>this.infoContainer=e,tabindex:"0",class:"duet-choice-info-container",onKeyUp:e=>this.handleEscape(e)},o("span",null,o("slot",{name:"info"})),o("slot",null)):o("span",{id:`${this.choiceId}-collapsible-content`},o("slot",null)))):null)}get element(){return a(this)}};C.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(.vertical){margin-right:0 !important}@media (min-width: 48em){:host(.horizontal){margin-bottom:0 !important}}@media (min-width: 48em){:host(.horizontal-responsive){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}}:host(:last-child:not(:only-child)){margin-right:0 !important}.duet-choice-card{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(8, 42, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0{padding:0 !important}.duet-choice-card.duet-m-0{margin:0 !important}.duet-theme-turva .duet-choice-card{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{display:flex}.duet-choice-label{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text .duet-choice-card-icon,.duet-choice-label.has-before-text .duet-choice-card-text{align-self:flex-start;margin-top:0.25rem}.duet-choice-label>div:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info .duet-choice-label{border-top-right-radius:0;border-bottom-right-radius:0}.info .duet-choice-label{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-theme-turva .info .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-choice-label:active{opacity:0.75;transition:none !important}.checked>.duet-choice-label{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(0, 119, 179)}.duet-theme-turva .checked>.duet-choice-label{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(198, 12, 48)}.checked.collapsible>.duet-choice-label,.collapsible-force-expanded.collapsible>.duet-choice-label{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(127, 150, 165)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(23, 28, 58)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(143, 147, 158)}.info :host(.duet-theme-turva:not(.no-hover):not(.disabled):hover){border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):not([checked]):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){padding:1rem}input:focus{outline:0}:host(.user-is-tabbing) .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}:host(.user-is-tabbing) :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}:host(.user-is-tabbing) .duet-theme-turva :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.disabled.duet-choice-label{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.disabled.duet-choice-label .duet-choice-card-icon{color:rgb(98, 121, 138)}.duet-theme-turva .disabled.duet-choice-label .duet-choice-card-icon{color:rgb(143, 147, 158)}.disabled.duet-choice-label .duet-checkmark{border-color:rgb(98, 121, 138) !important}.disabled.duet-choice-label:hover,.disabled.duet-choice-label:active,.disabled.duet-choice-label:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva .disabled.duet-choice-label{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva .disabled.duet-choice-label .duet-checkmark{border-color:rgb(143, 147, 158) !important}.checked>.disabled.duet-choice-label{border-color:rgb(127, 150, 165) !important}.duet-theme-turva .checked>.disabled.duet-choice-label{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva .duet-checkmark-container{border-color:rgb(143, 147, 158)}.checked>.duet-choice-label .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva label.disabled .duet-checkmark-container{border-color:rgb(199, 202, 207) !important}.checked>label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked>label.disabled .duet-checkmark-container{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark{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{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-card-icon{color:rgb(164, 4, 40)}.duet-choice-card-icon duet-icon{display:block}.duet-choice-section-hidden{display:none}.duet-choice-card-info.duet-choice-card-collapsed,.duet-choice-card-collapsed.duet-choice-card-collapsible{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info,.duet-choice-card-collapsible{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info,.duet-choice-card-collapsible{padding:28px !important}}.duet-theme-turva .duet-choice-card-info,.duet-theme-turva .duet-choice-card-collapsible{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked>.duet-choice-card-info,.checked>.duet-choice-card-collapsible{display:block}.duet-choice-card-info-expanded,.duet-choice-card-collapsible-expanded{display:block}.duet-choice-card-collapsible{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked{border-color:rgb(222, 224, 228)}.duet-choice-card-info{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*){display:none}:host(.user-is-tabbing) .duet-choice-info-container:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.disabled) .duet-choice-card-collapsible{border-color:rgb(127, 150, 165)}:host(.disabled) .duet-choice-card-collapsible.duet-theme-turva{border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(143, 147, 158)}:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle{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:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva .duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled]{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva .duet-choice-info-icon{color:rgb(143, 147, 158) !important}.duet-choice-info-toggle:focus{outline:none}:host(.user-is-tabbing) .duet-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked+.duet-choice-info-toggle{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle duet-icon{display:block}.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-info-toggle .duet-choice-info-icon{color:rgb(198, 12, 48)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(127, 150, 165)}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(143, 147, 158)}.duet-choice-input,*::slotted([slot=choiceinput]){position:absolute !important;width:100%;height:100%;opacity:0}';const j=class{constructor(t){e(this,t),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.required=!1,this.accessibleLiveError="polite",this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const t=e.target;t&&this.choices.has(t)&&(this.value=t.value)},this.onChoiceReady=e=>{const t=e.target;t.closest("duet-choice-group")!==this.element||this.choices.has(t)||(this.choices.add(t),this.updateChoices())},this.onChoiceRemove=e=>{this.choices.delete(e.target),this.updateChoices()}}async connectedCallback(){this.setInitialValue(),this.updateChoices()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){r(this),v(this.element,"tooltip","duet-tooltip",1,!0)}setInitialValue(){void 0===this.initialValue&&(this.initialValue=this.value)}async getInitialValue(){return this.initialValue}async updateChoices(){var e;const t=null!==(e=this.value)&&void 0!==e?e:this.initialValue;let o=!1;for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive,o||e.value!==t?e.checked=!1:(o=!0,e.checked=!0,void 0===this.value&&(this.value=t));o||(this.value=void 0)}render(){return o(i,{key:"967a67b10f45d108c5d7eb2d2ff250a4396695fd",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}},o("duet-fieldset",{key:"6f58bf64cc5ca2326e2595305e24f9932846c4a1",label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&o("duet-tooltip",{key:"b4ea4ca439481dac9f3f771f440a95b8786ec5da",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"150cf49e738b7c3ea6af895e7de008ef4a4ad03e",name:"tooltip"}),o("div",{key:"a15d6d6ce5d5a8fa87af640b53e7ee614177065f",class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},o("slot",{key:"93df359f90c758766148ec0ca19a2f497cfd1c56"}))))}get element(){return a(this)}static get watchers(){return{value:["setInitialValue","updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};j.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}:host(.horizontal) .duet-choice-group{display:block;margin-bottom:-12px}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:flex}@media (min-width: 48em){:host(.horizontal) .duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){:host(.horizontal) .duet-choice-group{display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:block}}:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{C as duet_choice,j as duet_choice_group}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,c as t,h as a,g as i,H as r}from"./p-Djr45qSY.js";import{g as o}from"./p-DvwKrUS6.js";import{i as s}from"./p-WhCDf9tt.js";import{c as n}from"./p-Cfr_DJqU.js";import{i as d,s as p,u as c}from"./p-Db8rvjPI.js";var u,h,b=o(h?u:(h=1,u={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'}));const l=class{constructor(a){e(this,a),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=n("DuetStepButton"),this.contentId=n("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||d(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){s(this)}connectedCallback(){p(this)}disconnectedCallback(){c(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?a("div",{class:"duet-step-icon"},a("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:b.svg})):`${this.stepIndex+1} `}render(){return a("div",{key:"19c3b496c66aa7af76f7b360cee764fc31a12343",class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"ec596a6674dddb662c317af9345b4fd4c30fe7b2",class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},a("div",{key:"a2d2e69cc7a090585a0b8b3dddff14c3a7cc70a3","aria-hidden":"true"},a("div",{key:"dac8abcbde719164be50d19418f3d13da3460f7a",class:"duet-step-counter"},this.renderStepCounter())),a("duet-spacer",{key:"3e5066e7cb97f034fcb3890ca53971ea234d6821",direction:"horizontal",size:"large",breakpoint:"small"}),a("duet-spacer",{key:"fee229d42cb1141ec0a3d7fa26fc141bd396390a",direction:"horizontal",size:"medium",breakpoint:"x-small"}),a("div",{key:"56127216d14f8fc12fe02519a87627abf06f524a"},a("duet-heading",{key:"d53bb076a5ff0b5c3bfff36a7ef2a673ae44f47a",theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),a("duet-spacer",{key:"55baa82c058811139ccc469330941b85e75f35a8",direction:"horizontal",size:"large"}),a("div",{key:"20f674fdf63f04610f638bf395a440a935f9ef81",class:"duet-step-heading-slot"},a("slot",{key:"ebabe1048db6022136a4dc72346c57957b29ac1e",name:"heading-content"}))),a("div",{key:"5b936cea7d0e462d23effb9d3c46c9807f3a535a",class:"duet-step-content-wrapper"},a("div",{key:"107b15c01b986a30aa13bb2e26744fb32363e939",class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},a("slot",{key:"7cffbbc0e1e6a9e99b4da78a79f5110721e7190d"}))))}get element(){return i(this)}};l.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}.duet-step{padding:20px !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:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.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";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}';const m=class{constructor(a){e(this,a),this.duetStepChange=t(this,"duetStepChange",7),this.theme="",this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.",this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){s(this)}async connectedCallback(){this.updateStepState()}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let a;a=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=a,e.stepIndex=t}));const t=function(e,t){const a={};return t.forEach((e=>{const t=e.state;a[t]||(a[t]=[]),a[t].push(e)})),a}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,a)=>{t.roundedTop=0===a,t.roundedBottom=a===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),a=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",a)}render(){return a(r,{key:"7fc9c2d05c2f7c580ee405ddc57eb699ddc5acc4",class:{"duet-m-0":"none"===this.margin}},a("div",{key:"1ee9e3cd94ad74bffaf23c0228b6090152bf29c8",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},a("duet-visually-hidden",{key:"14302f5eb5c9ae6b77f0052fdd47b039b43c5e43","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),a("slot",{key:"db81c267b60c1a38f842be1a0d8aac26571b9d4b"})))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};m.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{l as duet_step,m as duet_stepper}
|