@duetds/components 7.0.11 → 7.0.13
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 +214 -83
- package/lib/cjs/duet-action-button.cjs.entry.js +5 -4
- package/lib/cjs/duet-alert.cjs.entry.js +2 -2
- package/lib/cjs/duet-badge.cjs.entry.js +2 -2
- package/lib/cjs/duet-banner.cjs.entry.js +3 -3
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +22 -4
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +3 -5
- package/lib/cjs/duet-button_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-callout.cjs.entry.js +1 -1
- package/lib/cjs/duet-caption_4.cjs.entry.js +4 -4
- package/lib/cjs/duet-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
- package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
- package/lib/cjs/duet-chip.cjs.entry.js +2 -2
- package/lib/cjs/duet-choice_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-collapsible.cjs.entry.js +3 -3
- package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
- package/lib/cjs/duet-contact-card.cjs.entry.js +1 -1
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +13 -3
- package/lib/cjs/duet-date-picker.cjs.entry.js +3 -3
- package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +3 -3
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +2 -2
- package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-header_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-hero.cjs.entry.js +2 -2
- package/lib/cjs/duet-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-input_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-menu-bar.cjs.entry.js +3 -3
- package/lib/cjs/duet-modal.cjs.entry.js +2 -2
- package/lib/cjs/duet-multiselect.cjs.entry.js +2 -2
- package/lib/cjs/duet-nav.cjs.entry.js +1 -1
- package/lib/cjs/duet-notification_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-number-input.cjs.entry.js +2 -2
- package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +53 -10
- package/lib/cjs/duet-popup-menu-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-popup-menu.cjs.entry.js +3 -1
- package/lib/cjs/duet-progress.cjs.entry.js +1 -1
- package/lib/cjs/duet-promo-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-radio_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-range-slider.cjs.entry.js +3 -3
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +2 -2
- package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +6 -6
- package/lib/cjs/duet-shaped-image.cjs.entry.js +1 -1
- package/lib/cjs/duet-show-more.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout.cjs.entry.js +33 -6
- package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +14 -10
- package/lib/cjs/duet-textarea.cjs.entry.js +2 -2
- package/lib/cjs/duet-toggle.cjs.entry.js +2 -2
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip.cjs.entry.js +3 -3
- package/lib/cjs/duet-tray.cjs.entry.js +3 -3
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-upload-item.cjs.entry.js +1 -1
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +2 -2
- package/lib/cjs/{focus-utils-904b5d93.js → focus-utils-a94e86a5.js} +1 -1
- package/lib/cjs/{index-87e1f90a.js → index-04d05fd9.js} +1 -1
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/cjs/{token-utils-c1864408.js → token-utils-71db4785.js} +1 -1
- package/lib/cjs/{tokens-30e7656b.js → tokens-cecc0f2f.js} +24 -0
- package/lib/cjs/{tokens.module-5fe478ed.js → tokens.module-10f42b21.js} +16 -0
- package/lib/collection/components/duet-action-button/duet-action-button.css +8 -10
- package/lib/collection/components/duet-action-button/duet-action-button.js +3 -2
- package/lib/collection/components/duet-alert/duet-alert.css +2 -2
- package/lib/collection/components/duet-alert/duet-alert.js +1 -1
- package/lib/collection/components/duet-badge/duet-badge.css +9 -9
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css +22 -3
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +23 -2
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css +13 -21
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -3
- package/lib/collection/components/duet-button/duet-button.css +13 -13
- package/lib/collection/components/duet-button/duet-button.js +5 -5
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.css +4 -4
- package/lib/collection/components/duet-card/duet-card.js +3 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.css +2 -2
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-chip/duet-chip.css +2 -2
- package/lib/collection/components/duet-chip/duet-chip.js +4 -4
- package/lib/collection/components/duet-choice/duet-choice.css +6 -3
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-collapsible/duet-collapsible.css +2 -2
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
- package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css +6 -6
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +27 -2
- package/lib/collection/components/duet-date-picker/duet-date-picker.css +12 -12
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.css +3 -3
- package/lib/collection/components/duet-footer/duet-footer.js +7 -7
- package/lib/collection/components/duet-grid/duet-grid.js +3 -3
- package/lib/collection/components/duet-header/duet-header.css +12 -12
- package/lib/collection/components/duet-header/duet-header.js +15 -15
- package/lib/collection/components/duet-heading/duet-heading.js +1 -1
- package/lib/collection/components/duet-hero/duet-hero.css +2 -2
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.js +1 -1
- package/lib/collection/components/duet-input/duet-input.css +18 -18
- package/lib/collection/components/duet-input/duet-input.js +8 -8
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +1 -1
- package/lib/collection/components/duet-link/duet-link.css +2 -2
- package/lib/collection/components/duet-list/duet-list.js +3 -3
- package/lib/collection/components/duet-logo/duet-logo.css +2 -2
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +2 -2
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.css +6 -6
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.css +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.css +7 -7
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.css +7 -7
- package/lib/collection/components/duet-modal/duet-modal.js +3 -3
- package/lib/collection/components/duet-multiselect/duet-multiselect.css +15 -15
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-notification/duet-notification.css +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
- package/lib/collection/components/duet-number-input/duet-number-input.css +2 -2
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-pagination/duet-pagination.css +18 -0
- package/lib/collection/components/duet-pagination/duet-pagination.js +84 -30
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +3 -1
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +3 -3
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-radio/duet-radio.css +2 -2
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-range-slider/duet-range-slider.css +2 -2
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +1 -1
- package/lib/collection/components/duet-select/duet-select.css +30 -11
- package/lib/collection/components/duet-select/duet-select.js +11 -11
- package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
- package/lib/collection/components/duet-slideout/duet-slideout.css +6 -3
- package/lib/collection/components/duet-slideout/duet-slideout.js +34 -3
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.css +6 -6
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css +4 -4
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css +2 -2
- package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-step/duet-step.css +2 -2
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +8 -8
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +11 -7
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css +7 -7
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css +7 -7
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.css +7 -7
- package/lib/collection/components/duet-tab-group/duet-tab-group.css +5 -6
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
- package/lib/collection/components/duet-textarea/duet-textarea.css +8 -8
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
- package/lib/collection/components/duet-toggle/duet-toggle.css +4 -4
- package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css +5 -5
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css +7 -7
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css +7 -7
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.css +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css +4 -4
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +2 -2
- package/lib/collection/components/duet-tray/duet-tray.css +4 -4
- package/lib/collection/components/duet-upload/duet-upload.js +14 -14
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-badge.js +1 -1
- package/lib/dist-custom-elements/duet-banner.js +5 -5
- package/lib/dist-custom-elements/duet-breadcrumb.js +24 -6
- package/lib/dist-custom-elements/duet-breadcrumbs.js +4 -12
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +3 -3
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +5 -5
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-checkmark.js +1 -1
- package/lib/dist-custom-elements/duet-chip.js +3 -3
- package/lib/dist-custom-elements/duet-choice-group.js +8 -8
- package/lib/dist-custom-elements/duet-choice.js +6 -6
- package/lib/dist-custom-elements/duet-collapsible.js +4 -4
- package/lib/dist-custom-elements/duet-combobox.js +2 -2
- package/lib/dist-custom-elements/duet-contact-card.js +8 -8
- package/lib/dist-custom-elements/duet-cookie-consent.js +19 -9
- package/lib/dist-custom-elements/duet-date-picker.js +13 -13
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +7 -7
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-fieldset.js +1 -1
- package/lib/dist-custom-elements/duet-footer.js +5 -5
- package/lib/dist-custom-elements/duet-grid-item.js +1 -1
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +10 -10
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +10 -10
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-label.js +1 -1
- package/lib/dist-custom-elements/duet-layout.js +1 -1
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-list-item.js +1 -1
- package/lib/dist-custom-elements/duet-list.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar-link.js +4 -4
- package/lib/dist-custom-elements/duet-menu-bar.js +4 -4
- package/lib/dist-custom-elements/duet-modal.js +7 -7
- package/lib/dist-custom-elements/duet-multiselect.js +11 -11
- package/lib/dist-custom-elements/duet-nav.js +1 -1
- package/lib/dist-custom-elements/duet-notification-drawer.js +5 -5
- package/lib/dist-custom-elements/duet-notification.js +3 -3
- package/lib/dist-custom-elements/duet-number-input.js +12 -12
- package/lib/dist-custom-elements/duet-page-heading.js +2 -2
- package/lib/dist-custom-elements/duet-pagination.js +101 -22
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu-item.js +3 -3
- package/lib/dist-custom-elements/duet-popup-menu.js +3 -1
- package/lib/dist-custom-elements/duet-progress.js +1 -1
- package/lib/dist-custom-elements/duet-promo-card.js +4 -4
- package/lib/dist-custom-elements/duet-radio-group.js +8 -8
- package/lib/dist-custom-elements/duet-radio.js +2 -2
- package/lib/dist-custom-elements/duet-range-slider.js +4 -4
- package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +1 -1
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
- package/lib/dist-custom-elements/duet-show-more.js +5 -5
- package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
- package/lib/dist-custom-elements/duet-slideout-link.js +3 -3
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +3 -3
- package/lib/dist-custom-elements/duet-slideout-panel.js +4 -4
- package/lib/dist-custom-elements/duet-slideout.js +33 -5
- package/lib/dist-custom-elements/duet-spacer.js +1 -1
- package/lib/dist-custom-elements/duet-spinner.js +1 -1
- package/lib/dist-custom-elements/duet-step.js +5 -5
- package/lib/dist-custom-elements/duet-stepper.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar.js +15 -11
- package/lib/dist-custom-elements/duet-tab-group.js +14 -14
- package/lib/dist-custom-elements/duet-tab.js +1 -1
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +11 -11
- package/lib/dist-custom-elements/duet-toggle.js +3 -3
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +3 -3
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +3 -3
- package/lib/dist-custom-elements/duet-toolbar-link.js +3 -3
- package/lib/dist-custom-elements/duet-toolbar.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +5 -5
- package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
- package/lib/dist-custom-elements/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +18 -18
- package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/index.js +1 -1
- package/lib/dist-custom-elements/{p-de68431d.js → p-03e72a70.js} +1 -1
- package/lib/dist-custom-elements/{p-fe16ab51.js → p-147839fe.js} +2 -2
- package/lib/dist-custom-elements/{p-0c432f19.js → p-216ee242.js} +2 -2
- package/lib/dist-custom-elements/{p-d6ba9330.js → p-235639a0.js} +6 -5
- package/lib/dist-custom-elements/{p-c34976a7.js → p-31d056ee.js} +11 -11
- package/lib/dist-custom-elements/{p-91c5485e.js → p-32b3e436.js} +1 -1
- package/lib/dist-custom-elements/{p-05f08935.js → p-3b2d38bd.js} +3 -3
- package/lib/dist-custom-elements/{p-5bd9489b.js → p-444a8a81.js} +1 -1
- package/lib/dist-custom-elements/{p-120f66c1.js → p-457ad3b4.js} +2 -2
- package/lib/dist-custom-elements/{p-6379e5c0.js → p-5128c90e.js} +2 -2
- package/lib/dist-custom-elements/{p-ba5c09ae.js → p-54138086.js} +1 -1
- package/lib/dist-custom-elements/{p-687196b5.js → p-580110b9.js} +1 -1
- package/lib/dist-custom-elements/{p-b519ac77.js → p-64d43840.js} +24 -0
- package/lib/dist-custom-elements/{p-b514c789.js → p-6658c850.js} +2 -2
- package/lib/dist-custom-elements/p-6ff6de66.js +262 -0
- package/lib/dist-custom-elements/{p-9c9ea306.js → p-70bf0b69.js} +5 -5
- package/lib/dist-custom-elements/{p-2b5c6ba3.js → p-735d77aa.js} +1 -1
- package/lib/dist-custom-elements/{p-b7079e8b.js → p-778299c4.js} +2 -2
- package/lib/dist-custom-elements/{p-a18f1990.js → p-7a8c2aed.js} +7 -7
- package/lib/dist-custom-elements/{p-fef085ea.js → p-7ccf98f1.js} +1 -1
- package/lib/dist-custom-elements/{p-81c56b23.js → p-811e436b.js} +2 -2
- package/lib/dist-custom-elements/{p-7d753a00.js → p-86766141.js} +10 -10
- package/lib/dist-custom-elements/{p-bc8d2341.js → p-87ab6444.js} +2 -2
- package/lib/dist-custom-elements/{p-acf16b0a.js → p-891cf00a.js} +1 -1
- package/lib/dist-custom-elements/{p-afe7886a.js → p-89f61853.js} +2 -2
- package/lib/dist-custom-elements/{p-37376979.js → p-8a544a4a.js} +3 -3
- package/lib/dist-custom-elements/{p-f14bd0c6.js → p-9510958d.js} +6 -6
- package/lib/dist-custom-elements/{p-873b2ba5.js → p-9ec763ef.js} +1 -1
- package/lib/dist-custom-elements/{p-d89ad85e.js → p-ae9d10ef.js} +2 -2
- package/lib/dist-custom-elements/{p-d111b07b.js → p-b4fb8e06.js} +4 -4
- package/lib/dist-custom-elements/{p-e8475b3c.js → p-c057158b.js} +16 -0
- package/lib/dist-custom-elements/{p-a741522e.js → p-dddcc1da.js} +3 -3
- package/lib/dist-custom-elements/p-e4de8f7b.js +271 -0
- package/lib/dist-custom-elements/{p-9ae52620.js → p-e7815ffd.js} +2 -2
- package/lib/dist-custom-elements/{p-87306ee7.js → p-e8146874.js} +4 -4
- package/lib/dist-custom-elements/{p-15f143d3.js → p-e9d838dd.js} +2 -2
- package/lib/dist-custom-elements/{p-cfac6456.js → p-fbdc5afe.js} +1 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/p-00abf5b6.entry.js +4 -0
- package/lib/duet/{p-a4f2ef63.system.entry.js → p-02b7e1ef.system.entry.js} +1 -1
- package/lib/duet/p-02f1d7cc.system.js +4 -0
- package/lib/duet/p-0478d0eb.entry.js +4 -0
- package/lib/duet/{p-d9837b02.system.entry.js → p-04940a8a.system.entry.js} +1 -1
- package/lib/duet/{p-4bd910ce.entry.js → p-059c9d4e.entry.js} +1 -1
- package/lib/duet/{p-cf0b8d70.entry.js → p-066f7fdf.entry.js} +1 -1
- package/lib/duet/{p-e655693e.system.entry.js → p-076228e9.system.entry.js} +1 -1
- package/lib/duet/{p-e9641c9c.entry.js → p-076aef18.entry.js} +1 -1
- package/lib/duet/{p-14572cb2.system.entry.js → p-0acc8f88.system.entry.js} +1 -1
- package/lib/duet/{p-2737980f.entry.js → p-0b0a898d.entry.js} +1 -1
- package/lib/duet/p-0c3d7e64.system.entry.js +4 -0
- package/lib/duet/{p-0ebb9c78.system.entry.js → p-0c6705bb.system.entry.js} +1 -1
- package/lib/duet/p-0e697654.system.entry.js +4 -0
- package/lib/duet/{p-8a43a36b.entry.js → p-0ffc3cf9.entry.js} +1 -1
- package/lib/duet/p-108d9370.system.entry.js +4 -0
- package/lib/duet/p-11e79c8c.system.entry.js +4 -0
- package/lib/duet/p-14285f86.system.entry.js +4 -0
- package/lib/duet/{p-312b8994.entry.js → p-14bd6514.entry.js} +1 -1
- package/lib/duet/{p-24be555f.system.entry.js → p-16abb2d5.system.entry.js} +1 -1
- package/lib/duet/{p-098a521b.entry.js → p-1719aa4e.entry.js} +1 -1
- package/lib/duet/{p-f7418b24.js → p-18f1d30e.js} +1 -1
- package/lib/duet/p-1b398a07.entry.js +4 -0
- package/lib/duet/p-1c0ad101.system.entry.js +4 -0
- package/lib/duet/{p-f83c8880.system.entry.js → p-1d463cc4.system.entry.js} +1 -1
- package/lib/duet/p-213ba11f.entry.js +4 -0
- package/lib/duet/{p-f8115fd2.entry.js → p-23ba9eba.entry.js} +1 -1
- package/lib/duet/{p-9995c95a.system.entry.js → p-243a9ef5.system.entry.js} +1 -1
- package/lib/duet/{p-fde69767.entry.js → p-24e2be74.entry.js} +1 -1
- package/lib/duet/p-25495204.system.entry.js +4 -0
- package/lib/duet/p-29280d68.entry.js +4 -0
- package/lib/duet/{p-bcc83d43.entry.js → p-2992af15.entry.js} +1 -1
- package/lib/duet/{p-839d40e7.entry.js → p-29be2109.entry.js} +1 -1
- package/lib/duet/p-29f1e1a4.system.entry.js +4 -0
- package/lib/duet/{p-a76ceaf6.js → p-2bb34e3d.js} +1 -1
- package/lib/duet/p-2e9a772c.entry.js +4 -0
- package/lib/duet/{p-c074a0e7.entry.js → p-2ea04945.entry.js} +1 -1
- package/lib/duet/{p-169ae92e.entry.js → p-2eabea79.entry.js} +1 -1
- package/lib/duet/{p-d9dafc19.entry.js → p-31b566c1.entry.js} +1 -1
- package/lib/duet/{p-19162fe2.entry.js → p-3346552d.entry.js} +1 -1
- package/lib/duet/{p-661f8827.entry.js → p-34928212.entry.js} +1 -1
- package/lib/duet/{p-ca5e4a54.system.entry.js → p-3536fd40.system.entry.js} +1 -1
- package/lib/duet/{p-956a4a3a.system.entry.js → p-356745e0.system.entry.js} +1 -1
- package/lib/duet/{p-765e3ec1.entry.js → p-3709d186.entry.js} +1 -1
- package/lib/duet/{p-92e48b99.system.entry.js → p-380c94f6.system.entry.js} +1 -1
- package/lib/duet/p-388e6ec4.entry.js +4 -0
- package/lib/duet/{p-ba1d3a66.system.js → p-3cb9e865.system.js} +1 -1
- package/lib/duet/{p-8c27f203.entry.js → p-3ec86ced.entry.js} +1 -1
- package/lib/duet/{p-01b45353.system.entry.js → p-417357f9.system.entry.js} +1 -1
- package/lib/duet/p-427dbb96.system.entry.js +4 -0
- package/lib/duet/{p-1b518a40.system.entry.js → p-429a181d.system.entry.js} +1 -1
- package/lib/duet/p-43b0c3d2.system.entry.js +4 -0
- package/lib/duet/p-43b42819.entry.js +4 -0
- package/lib/duet/{p-b940581b.entry.js → p-45bec102.entry.js} +1 -1
- package/lib/duet/{p-da9649c1.entry.js → p-46b3ed07.entry.js} +1 -1
- package/lib/duet/{p-7feb3a81.entry.js → p-4a4faa7d.entry.js} +1 -1
- package/lib/duet/p-4ab24dcd.entry.js +4 -0
- package/lib/duet/{p-af3f52ec.system.entry.js → p-4e886433.system.entry.js} +1 -1
- package/lib/duet/{p-37ebb688.entry.js → p-521c96ec.entry.js} +1 -1
- package/lib/duet/p-56952081.entry.js +4 -0
- package/lib/duet/{p-1727b8ec.system.entry.js → p-5738c25c.system.entry.js} +1 -1
- package/lib/duet/{p-2912650b.entry.js → p-60a70493.entry.js} +1 -1
- package/lib/duet/p-64d43840.js +4 -0
- package/lib/duet/{p-76f69465.system.entry.js → p-67862509.system.entry.js} +1 -1
- package/lib/duet/p-67d9de79.system.entry.js +4 -0
- package/lib/duet/p-6c93f614.system.entry.js +4 -0
- package/lib/duet/{p-589881f3.entry.js → p-6d711206.entry.js} +1 -1
- package/lib/duet/p-6d74aac6.system.entry.js +4 -0
- package/lib/duet/p-6f677b2a.system.entry.js +4 -0
- package/lib/duet/{p-aff6a3f8.system.entry.js → p-6f6a58e4.system.entry.js} +1 -1
- package/lib/duet/{p-7d34f006.entry.js → p-701b89a1.entry.js} +1 -1
- package/lib/duet/p-70477e77.system.entry.js +4 -0
- package/lib/duet/{p-f86bdaa9.entry.js → p-7174ea1e.entry.js} +1 -1
- package/lib/duet/{p-974ec475.entry.js → p-7260f799.entry.js} +1 -1
- package/lib/duet/p-7326a4c0.system.entry.js +4 -0
- package/lib/duet/{p-33a1196f.entry.js → p-74216caa.entry.js} +1 -1
- package/lib/duet/{p-3a9af609.entry.js → p-7804ff1e.entry.js} +1 -1
- package/lib/duet/p-79075bec.system.entry.js +4 -0
- package/lib/duet/p-7ac0621b.system.entry.js +4 -0
- package/lib/duet/{p-f4d36100.system.entry.js → p-7b7faa01.system.entry.js} +1 -1
- package/lib/duet/{p-05ba305e.system.entry.js → p-7cf9e266.system.entry.js} +2 -2
- package/lib/duet/{p-da51b5d0.system.entry.js → p-7dc87593.system.entry.js} +1 -1
- package/lib/duet/{p-5c0b4434.system.entry.js → p-7fe6bf2c.system.entry.js} +1 -1
- package/lib/duet/p-81c35152.entry.js +4 -0
- package/lib/duet/p-822a791e.entry.js +4 -0
- package/lib/duet/{p-37db0554.entry.js → p-8364fae3.entry.js} +1 -1
- package/lib/duet/p-8433b6d1.system.entry.js +4 -0
- package/lib/duet/p-850eacf6.entry.js +4 -0
- package/lib/duet/{p-c529a45e.entry.js → p-87ca87df.entry.js} +1 -1
- package/lib/duet/p-8810df88.js +4 -0
- package/lib/duet/p-885b38a9.system.js +4 -0
- package/lib/duet/{p-938eb486.system.entry.js → p-8a3fcbdb.system.entry.js} +1 -1
- package/lib/duet/p-8b5d616e.system.entry.js +4 -0
- package/lib/duet/p-8b641c9c.system.entry.js +4 -0
- package/lib/duet/{p-3bca30ca.system.entry.js → p-8db716f2.system.entry.js} +1 -1
- package/lib/duet/{p-5bc67330.entry.js → p-8e5253bc.entry.js} +1 -1
- package/lib/duet/p-97fc4a88.system.entry.js +4 -0
- package/lib/duet/p-98488fab.system.entry.js +4 -0
- package/lib/duet/{p-84377dda.entry.js → p-9949a334.entry.js} +1 -1
- package/lib/duet/p-9ce8627c.system.entry.js +4 -0
- package/lib/duet/p-9d033a04.system.js +4 -0
- package/lib/duet/{p-27bcd0ee.system.entry.js → p-9d505129.system.entry.js} +1 -1
- package/lib/duet/p-9e3276c6.system.entry.js +4 -0
- package/lib/duet/{p-918a8ca7.system.entry.js → p-9f9ada02.system.entry.js} +1 -1
- package/lib/duet/{p-5cc6f176.entry.js → p-a374de00.entry.js} +1 -1
- package/lib/duet/{p-6e5ee495.entry.js → p-a39844b6.entry.js} +1 -1
- package/lib/duet/{p-b502b5b8.entry.js → p-a678835a.entry.js} +1 -1
- package/lib/duet/{p-c48d8cfe.system.js → p-a7c2017b.system.js} +1 -1
- package/lib/duet/p-a87a2760.system.entry.js +4 -0
- package/lib/duet/{p-83032abc.entry.js → p-a8e6dcb9.entry.js} +1 -1
- package/lib/duet/p-ac962b74.system.entry.js +4 -0
- package/lib/duet/p-afee3739.system.entry.js +4 -0
- package/lib/duet/p-b0475c8a.entry.js +4 -0
- package/lib/duet/p-b07fe45f.system.entry.js +4 -0
- package/lib/duet/{p-fb7932ed.entry.js → p-b465c929.entry.js} +1 -1
- package/lib/duet/{p-3ad8fd01.system.entry.js → p-b71c141b.system.entry.js} +1 -1
- package/lib/duet/{p-393bb353.entry.js → p-b7605eb1.entry.js} +1 -1
- package/lib/duet/{p-71a46879.system.js → p-b760c72b.system.js} +1 -1
- package/lib/duet/{p-55fd5afe.entry.js → p-b760effb.entry.js} +1 -1
- package/lib/duet/{p-ac70bace.system.entry.js → p-b7e61bdc.system.entry.js} +1 -1
- package/lib/duet/p-b8b12400.system.entry.js +4 -0
- package/lib/duet/p-b9eb37ae.system.entry.js +4 -0
- package/lib/duet/p-bd594a8b.entry.js +4 -0
- package/lib/duet/p-bde9a702.system.entry.js +4 -0
- package/lib/duet/{p-fdeecf57.system.entry.js → p-c1573ac3.system.entry.js} +1 -1
- package/lib/duet/p-c1fb544b.system.entry.js +4 -0
- package/lib/duet/{p-dfb3dc4a.entry.js → p-c201968f.entry.js} +1 -1
- package/lib/duet/{p-03048264.system.entry.js → p-c2731be1.system.entry.js} +1 -1
- package/lib/duet/p-c2b0861c.system.entry.js +4 -0
- package/lib/duet/p-c3a883e3.entry.js +4 -0
- package/lib/duet/p-c4fac0b5.system.entry.js +4 -0
- package/lib/duet/{p-b069fbc0.entry.js → p-cb451f23.entry.js} +1 -1
- package/lib/duet/{p-0445200d.entry.js → p-cba1009b.entry.js} +1 -1
- package/lib/duet/p-cd05fea5.system.entry.js +4 -0
- package/lib/duet/p-cf824b6b.system.entry.js +4 -0
- package/lib/duet/{p-e845d5f4.system.entry.js → p-d183a3e7.system.entry.js} +1 -1
- package/lib/duet/{p-8c8fbad6.system.entry.js → p-d1f815a3.system.entry.js} +1 -1
- package/lib/duet/p-d4d63fbd.system.entry.js +4 -0
- package/lib/duet/{p-71f9674a.entry.js → p-d68c84ab.entry.js} +1 -1
- package/lib/duet/{p-444b3ae5.entry.js → p-d6d5ef13.entry.js} +1 -1
- package/lib/duet/{p-eedc5e43.entry.js → p-d7c5ac53.entry.js} +1 -1
- package/lib/duet/p-db6887df.entry.js +4 -0
- package/lib/duet/{p-78d94bf8.entry.js → p-db95e133.entry.js} +1 -1
- package/lib/duet/{p-ad71602b.entry.js → p-dfc66b98.entry.js} +1 -1
- package/lib/duet/{p-1200d4b2.system.entry.js → p-e27a7520.system.entry.js} +1 -1
- package/lib/duet/{p-3d82ea29.entry.js → p-e356ca29.entry.js} +1 -1
- package/lib/duet/{p-2432f0f4.entry.js → p-e3f8becc.entry.js} +1 -1
- package/lib/duet/{p-a7253ad1.entry.js → p-e4734600.entry.js} +1 -1
- package/lib/duet/{p-7a81869c.entry.js → p-e4e0578f.entry.js} +1 -1
- package/lib/duet/{p-50db959c.system.entry.js → p-e50d1003.system.entry.js} +1 -1
- package/lib/duet/{p-dd8c607e.system.entry.js → p-e7cc2826.system.entry.js} +1 -1
- package/lib/duet/{p-e8c0cf74.entry.js → p-e91a7222.entry.js} +1 -1
- package/lib/duet/p-e9b8cee0.system.entry.js +4 -0
- package/lib/duet/p-ea1287ce.system.entry.js +4 -0
- package/lib/duet/{p-2f431a14.entry.js → p-f0317574.entry.js} +1 -1
- package/lib/duet/{p-fd4785ab.js → p-f1d51e20.js} +1 -1
- package/lib/duet/p-f27b134c.system.entry.js +4 -0
- package/lib/duet/{p-4ad5e118.entry.js → p-f5903e7d.entry.js} +1 -1
- package/lib/duet/{p-8abd8397.entry.js → p-f74b6629.entry.js} +1 -1
- package/lib/duet/p-faf2b9d1.entry.js +4 -0
- package/lib/duet/p-fbdb1eec.entry.js +4 -0
- package/lib/duet/p-fc0f56ae.system.entry.js +4 -0
- package/lib/duet/{p-9f1e66fa.entry.js → p-fee0f558.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +5 -4
- package/lib/esm/duet-alert.entry.js +2 -2
- package/lib/esm/duet-badge.entry.js +2 -2
- package/lib/esm/duet-banner.entry.js +3 -3
- package/lib/esm/duet-breadcrumb.entry.js +22 -4
- package/lib/esm/duet-breadcrumbs.entry.js +3 -5
- package/lib/esm/duet-button_2.entry.js +4 -4
- package/lib/esm/duet-callout.entry.js +1 -1
- package/lib/esm/duet-caption_4.entry.js +4 -4
- package/lib/esm/duet-card.entry.js +4 -4
- package/lib/esm/duet-checkbox.entry.js +2 -2
- package/lib/esm/duet-checkmark.entry.js +1 -1
- package/lib/esm/duet-chip.entry.js +2 -2
- package/lib/esm/duet-choice_2.entry.js +3 -3
- package/lib/esm/duet-collapsible.entry.js +3 -3
- package/lib/esm/duet-combobox.entry.js +1 -1
- package/lib/esm/duet-contact-card.entry.js +1 -1
- package/lib/esm/duet-cookie-consent.entry.js +13 -3
- package/lib/esm/duet-date-picker.entry.js +3 -3
- package/lib/esm/duet-divider_2.entry.js +3 -3
- package/lib/esm/duet-editable-table_3.entry.js +3 -3
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +2 -2
- package/lib/esm/duet-grid_2.entry.js +2 -2
- package/lib/esm/duet-header_2.entry.js +5 -5
- package/lib/esm/duet-hero.entry.js +2 -2
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-input_2.entry.js +2 -2
- package/lib/esm/duet-layout.entry.js +1 -1
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-menu-bar-button.entry.js +3 -3
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +2 -2
- package/lib/esm/duet-menu-bar-dropdown.entry.js +3 -3
- package/lib/esm/duet-menu-bar-link.entry.js +3 -3
- package/lib/esm/duet-menu-bar.entry.js +3 -3
- package/lib/esm/duet-modal.entry.js +2 -2
- package/lib/esm/duet-multiselect.entry.js +2 -2
- package/lib/esm/duet-nav.entry.js +1 -1
- package/lib/esm/duet-notification_2.entry.js +3 -3
- package/lib/esm/duet-number-input.entry.js +2 -2
- package/lib/esm/duet-page-heading.entry.js +1 -1
- package/lib/esm/duet-pagination_2.entry.js +53 -10
- package/lib/esm/duet-popup-menu-item.entry.js +2 -2
- package/lib/esm/duet-popup-menu.entry.js +3 -1
- package/lib/esm/duet-progress.entry.js +1 -1
- package/lib/esm/duet-promo-card.entry.js +3 -3
- package/lib/esm/duet-radio_2.entry.js +2 -2
- package/lib/esm/duet-range-slider.entry.js +3 -3
- package/lib/esm/duet-scrollable_3.entry.js +2 -2
- package/lib/esm/duet-section-layout.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +6 -6
- package/lib/esm/duet-shaped-image.entry.js +1 -1
- package/lib/esm/duet-show-more.entry.js +1 -1
- package/lib/esm/duet-slideout-lang.entry.js +1 -1
- package/lib/esm/duet-slideout-link.entry.js +2 -2
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +2 -2
- package/lib/esm/duet-slideout-panel.entry.js +5 -5
- package/lib/esm/duet-slideout.entry.js +33 -6
- package/lib/esm/duet-step_2.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +3 -3
- package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar.entry.js +14 -10
- package/lib/esm/duet-textarea.entry.js +2 -2
- package/lib/esm/duet-toggle.entry.js +2 -2
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +2 -2
- package/lib/esm/duet-toolbar-dropdown.entry.js +2 -2
- package/lib/esm/duet-toolbar-link.entry.js +2 -2
- package/lib/esm/duet-toolbar.entry.js +1 -1
- package/lib/esm/duet-tooltip-button_2.entry.js +4 -4
- package/lib/esm/duet-tooltip.entry.js +3 -3
- package/lib/esm/duet-tray.entry.js +3 -3
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-upload-item.entry.js +1 -1
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +3 -3
- package/lib/esm/{focus-utils-6a5d6710.js → focus-utils-e26ba3b3.js} +1 -1
- package/lib/esm/{index-461a449b.js → index-c1a17a4c.js} +1 -1
- package/lib/esm/loader.js +3 -3
- package/lib/esm/{token-utils-a1dcaa4b.js → token-utils-2d3af0db.js} +1 -1
- package/lib/esm/{tokens-f6b32339.js → tokens-e6b6db9b.js} +24 -0
- package/lib/esm/{tokens.module-ed773027.js → tokens.module-c7944140.js} +16 -0
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-checkmark.entry.js +1 -1
- package/lib/esm-es5/duet-chip.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +2 -2
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-contact-card.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +2 -2
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +1 -1
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +2 -2
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu-item.entry.js +2 -2
- package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-section-layout.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +2 -2
- package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
- package/lib/esm-es5/duet-show-more.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +2 -2
- package/lib/esm-es5/duet-step_2.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.entry.js +2 -2
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +2 -2
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +2 -2
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-upload-item.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/{focus-utils-6a5d6710.js → focus-utils-e26ba3b3.js} +1 -1
- package/lib/esm-es5/{index-461a449b.js → index-c1a17a4c.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{token-utils-a1dcaa4b.js → token-utils-2d3af0db.js} +1 -1
- package/lib/esm-es5/tokens-e6b6db9b.js +4 -0
- package/lib/esm-es5/tokens.module-c7944140.js +4 -0
- package/lib/types/components/duet-breadcrumbs/duet-breadcrumb.d.ts +6 -1
- package/lib/types/components/duet-cookie-consent/duet-cookie-consent.d.ts +2 -0
- package/lib/types/components/duet-pagination/duet-pagination.d.ts +10 -4
- package/lib/types/components/duet-select/duet-select.d.ts +3 -2
- package/lib/types/components/duet-slideout/duet-slideout.d.ts +5 -0
- package/lib/types/components/duet-submenu-bar/duet-submenu-bar.d.ts +2 -2
- package/lib/types/components.d.ts +10 -10
- package/package.json +5 -5
- package/lib/dist-custom-elements/p-1a94e82b.js +0 -262
- package/lib/dist-custom-elements/p-bb65095e.js +0 -271
- package/lib/duet/p-0037e20d.system.entry.js +0 -4
- package/lib/duet/p-0289fbda.entry.js +0 -4
- package/lib/duet/p-06f27610.system.entry.js +0 -4
- package/lib/duet/p-073d6f97.entry.js +0 -4
- package/lib/duet/p-0a30ca43.js +0 -4
- package/lib/duet/p-0eee231b.system.entry.js +0 -4
- package/lib/duet/p-1300971a.system.entry.js +0 -4
- package/lib/duet/p-153a027b.system.entry.js +0 -4
- package/lib/duet/p-15534404.system.entry.js +0 -4
- package/lib/duet/p-15799688.system.entry.js +0 -4
- package/lib/duet/p-1667e146.system.entry.js +0 -4
- package/lib/duet/p-16a5c1c3.system.entry.js +0 -4
- package/lib/duet/p-1f28890e.entry.js +0 -4
- package/lib/duet/p-2220521c.system.entry.js +0 -4
- package/lib/duet/p-223e3b4e.system.entry.js +0 -4
- package/lib/duet/p-24396004.system.entry.js +0 -4
- package/lib/duet/p-2578f223.entry.js +0 -4
- package/lib/duet/p-2768e79d.system.entry.js +0 -4
- package/lib/duet/p-3a8c1f83.system.entry.js +0 -4
- package/lib/duet/p-3ace0310.system.entry.js +0 -4
- package/lib/duet/p-3f0e3f2e.system.entry.js +0 -4
- package/lib/duet/p-43bf80f7.entry.js +0 -4
- package/lib/duet/p-45e609b1.system.js +0 -4
- package/lib/duet/p-4a6d2260.system.entry.js +0 -4
- package/lib/duet/p-4bebb594.system.entry.js +0 -4
- package/lib/duet/p-51d7dce2.entry.js +0 -4
- package/lib/duet/p-547f4d57.system.entry.js +0 -4
- package/lib/duet/p-54bedfc1.entry.js +0 -4
- package/lib/duet/p-54e76170.entry.js +0 -4
- package/lib/duet/p-583c363f.system.entry.js +0 -4
- package/lib/duet/p-63f0077b.entry.js +0 -4
- package/lib/duet/p-64b40242.system.entry.js +0 -4
- package/lib/duet/p-6e95e911.entry.js +0 -4
- package/lib/duet/p-6ff65c0f.system.entry.js +0 -4
- package/lib/duet/p-75e5becf.system.entry.js +0 -4
- package/lib/duet/p-775ae756.entry.js +0 -4
- package/lib/duet/p-82b579a9.system.entry.js +0 -4
- package/lib/duet/p-86364112.system.entry.js +0 -4
- package/lib/duet/p-88fbee70.system.entry.js +0 -4
- package/lib/duet/p-8c6e3c4f.system.js +0 -4
- package/lib/duet/p-94dd060e.system.entry.js +0 -4
- package/lib/duet/p-9721d5c8.entry.js +0 -4
- package/lib/duet/p-97a0cefa.system.entry.js +0 -4
- package/lib/duet/p-a1aae246.entry.js +0 -4
- package/lib/duet/p-aa76ed06.system.entry.js +0 -4
- package/lib/duet/p-acb8efa3.system.entry.js +0 -4
- package/lib/duet/p-b519ac77.js +0 -4
- package/lib/duet/p-c0421abd.system.entry.js +0 -4
- package/lib/duet/p-c0a1eca6.system.entry.js +0 -4
- package/lib/duet/p-c9881968.system.entry.js +0 -4
- package/lib/duet/p-cdc5fd58.system.entry.js +0 -4
- package/lib/duet/p-d01530c7.entry.js +0 -4
- package/lib/duet/p-d6f75b8c.system.entry.js +0 -4
- package/lib/duet/p-d89ed9a7.entry.js +0 -4
- package/lib/duet/p-dc42d88f.system.entry.js +0 -4
- package/lib/duet/p-dd01dec3.entry.js +0 -4
- package/lib/duet/p-e0e8af53.system.entry.js +0 -4
- package/lib/duet/p-e4408451.system.entry.js +0 -4
- package/lib/duet/p-e71c9a22.system.entry.js +0 -4
- package/lib/duet/p-e7db4458.system.entry.js +0 -4
- package/lib/duet/p-ecb74e7a.system.js +0 -4
- package/lib/duet/p-eec6e6f2.entry.js +0 -4
- package/lib/duet/p-f5caefda.entry.js +0 -4
- package/lib/duet/p-f89a1ae9.system.entry.js +0 -4
- package/lib/duet/p-fa3fea8e.entry.js +0 -4
- package/lib/duet/p-fcc290f8.system.entry.js +0 -4
- package/lib/esm-es5/tokens-f6b32339.js +0 -4
- package/lib/esm-es5/tokens.module-ed773027.js +0 -4
|
@@ -1,262 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-687196b5.js';
|
|
5
|
-
import { i as inheritGlobalTheme } from './p-4ebf1618.js';
|
|
6
|
-
import { c as createID } from './p-c1325e35.js';
|
|
7
|
-
import { p as parsePossibleJSON } from './p-5a9d75e1.js';
|
|
8
|
-
import { d as defineCustomElement$7 } from './p-fef085ea.js';
|
|
9
|
-
import { d as defineCustomElement$6 } from './p-b514c789.js';
|
|
10
|
-
import { d as defineCustomElement$5 } from './p-2b5c6ba3.js';
|
|
11
|
-
import { d as defineCustomElement$4 } from './p-a18f1990.js';
|
|
12
|
-
import { d as defineCustomElement$3 } from './p-05f08935.js';
|
|
13
|
-
import { d as defineCustomElement$2 } from './p-d111b07b.js';
|
|
14
|
-
import { d as defineCustomElement$1 } from './p-5bd9489b.js';
|
|
15
|
-
|
|
16
|
-
const duetSelectCss = "*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px rgb(144, 149, 153)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px rgb(23, 28, 58)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-help.sc-duet-select{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
|
|
17
|
-
|
|
18
|
-
function isOptionGroup(item) {
|
|
19
|
-
return "options" in item;
|
|
20
|
-
}
|
|
21
|
-
function findOptionByValue(items, value) {
|
|
22
|
-
for (var i = 0; i < items.length; i++) {
|
|
23
|
-
let item = items[i];
|
|
24
|
-
if (isOptionGroup(item)) {
|
|
25
|
-
item = findOptionByValue(item.options, value);
|
|
26
|
-
}
|
|
27
|
-
if (item && item.value === value) {
|
|
28
|
-
return item;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
const DuetSelect = /*@__PURE__*/ proxyCustomElement(class extends H {
|
|
33
|
-
constructor() {
|
|
34
|
-
super();
|
|
35
|
-
this.__registerHost();
|
|
36
|
-
this.duetChange = createEvent(this, "duetChange", 3);
|
|
37
|
-
this.duetFocus = createEvent(this, "duetFocus", 7);
|
|
38
|
-
this.duetBlur = createEvent(this, "duetBlur", 7);
|
|
39
|
-
/**
|
|
40
|
-
* Own Properties
|
|
41
|
-
*/
|
|
42
|
-
this.selectId = createID("DuetSelect");
|
|
43
|
-
this.errorId = createID("DuetError");
|
|
44
|
-
this.labelId = createID("DuetLabel");
|
|
45
|
-
this.topCaptionId = createID("DuetCaptionTop");
|
|
46
|
-
this.topCaptionPlaceholderId = createID("DuetCaptionPlaceholderTop");
|
|
47
|
-
/**
|
|
48
|
-
* Component event handling.
|
|
49
|
-
*/
|
|
50
|
-
this.onClick = (ev) => {
|
|
51
|
-
ev.stopPropagation();
|
|
52
|
-
};
|
|
53
|
-
this.onChange = () => {
|
|
54
|
-
this.value = this.nativeSelect.value;
|
|
55
|
-
this.duetChange.emit({
|
|
56
|
-
value: this.value,
|
|
57
|
-
component: "duet-select",
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
this.onBlur = (ev) => {
|
|
61
|
-
this.duetBlur.emit({
|
|
62
|
-
originalEvent: ev,
|
|
63
|
-
value: this.value,
|
|
64
|
-
component: "duet-select",
|
|
65
|
-
});
|
|
66
|
-
};
|
|
67
|
-
this.onFocus = (ev) => {
|
|
68
|
-
this.duetFocus.emit({
|
|
69
|
-
originalEvent: ev,
|
|
70
|
-
value: this.value,
|
|
71
|
-
component: "duet-select",
|
|
72
|
-
});
|
|
73
|
-
};
|
|
74
|
-
this.getDescribedBy = () => {
|
|
75
|
-
const describedBy = [];
|
|
76
|
-
if (this.isCaptionVisible && this.topCaptionId) {
|
|
77
|
-
describedBy.push(this.topCaptionId);
|
|
78
|
-
}
|
|
79
|
-
if (this.accessibleDescribedBy) {
|
|
80
|
-
describedBy.push(this.accessibleDescribedBy);
|
|
81
|
-
}
|
|
82
|
-
if (this.error) {
|
|
83
|
-
describedBy.push(this.errorId);
|
|
84
|
-
}
|
|
85
|
-
return describedBy.length > 0 ? describedBy.join(" ") : null;
|
|
86
|
-
};
|
|
87
|
-
this.processedItems = null;
|
|
88
|
-
this.variation = "default";
|
|
89
|
-
this.accessibleActiveDescendant = undefined;
|
|
90
|
-
this.accessibleDescribedBy = undefined;
|
|
91
|
-
this.margin = "auto";
|
|
92
|
-
this.accessibleControls = undefined;
|
|
93
|
-
this.accessibleOwns = undefined;
|
|
94
|
-
this.error = "";
|
|
95
|
-
this.accessibleLiveError = "polite";
|
|
96
|
-
this.expand = false;
|
|
97
|
-
this.value = undefined;
|
|
98
|
-
this.theme = "";
|
|
99
|
-
this.labelHidden = false;
|
|
100
|
-
this.identifier = undefined;
|
|
101
|
-
this.name = undefined;
|
|
102
|
-
this.placeholder = "";
|
|
103
|
-
this.caption = undefined;
|
|
104
|
-
this.echoPlaceholder = false;
|
|
105
|
-
this.items = undefined;
|
|
106
|
-
this.disabled = false;
|
|
107
|
-
this.required = false;
|
|
108
|
-
this.label = "label";
|
|
109
|
-
this.role = undefined;
|
|
110
|
-
this.tooltip = "";
|
|
111
|
-
this.tooltipDirection = "auto";
|
|
112
|
-
}
|
|
113
|
-
valueChanged() {
|
|
114
|
-
if (this.nativeSelect) {
|
|
115
|
-
this.nativeSelect.value = this.value;
|
|
116
|
-
}
|
|
117
|
-
this.isCaptionVisible = !!this.caption;
|
|
118
|
-
}
|
|
119
|
-
/**
|
|
120
|
-
* Component lifecycle events.
|
|
121
|
-
*/
|
|
122
|
-
componentWillLoad() {
|
|
123
|
-
inheritGlobalTheme(this);
|
|
124
|
-
this.isCaptionVisible = !!this.caption;
|
|
125
|
-
this.refresh();
|
|
126
|
-
}
|
|
127
|
-
/**
|
|
128
|
-
* Sets focus on the specified `duet-select`. Use this method instead of the global
|
|
129
|
-
* `select.focus()`.
|
|
130
|
-
*/
|
|
131
|
-
async setFocus(options) {
|
|
132
|
-
if (this.nativeSelect) {
|
|
133
|
-
this.nativeSelect.focus(options);
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
/**
|
|
137
|
-
* Local methods.
|
|
138
|
-
*/
|
|
139
|
-
async refresh() {
|
|
140
|
-
this.processedItems = parsePossibleJSON(this.items);
|
|
141
|
-
}
|
|
142
|
-
getSelectedItemLabel() {
|
|
143
|
-
let item;
|
|
144
|
-
if (this.processedItems) {
|
|
145
|
-
item = findOptionByValue(this.processedItems, this.value);
|
|
146
|
-
}
|
|
147
|
-
return item ? item.label : this.placeholder || "";
|
|
148
|
-
}
|
|
149
|
-
renderOption(option) {
|
|
150
|
-
return (h("option", { "aria-label": option.ariaLabel, value: option.value, key: option.value, selected: this.value === option.value, disabled: option.disabled }, option.label));
|
|
151
|
-
}
|
|
152
|
-
renderOptionGroup(group) {
|
|
153
|
-
return (h("optgroup", { key: group.label, label: group.label, disabled: group.disabled }, group.options.map(option => this.renderOption(option))));
|
|
154
|
-
}
|
|
155
|
-
/**
|
|
156
|
-
* render() function
|
|
157
|
-
* Always the last one in the class.
|
|
158
|
-
*/
|
|
159
|
-
render() {
|
|
160
|
-
const identifier = this.identifier || this.selectId;
|
|
161
|
-
return (h(Host, { onClick: this.onClick, class: {
|
|
162
|
-
"duet-m-0": this.margin === "none",
|
|
163
|
-
"duet-expand": this.expand,
|
|
164
|
-
"duet-select-variation-tiny": this.variation === "tiny",
|
|
165
|
-
} }, h("div", { class: {
|
|
166
|
-
"duet-select-container": true,
|
|
167
|
-
"duet-label-hidden": this.labelHidden,
|
|
168
|
-
"duet-theme-turva": this.theme === "turva",
|
|
169
|
-
"duet-select-variation-tiny": this.variation === "tiny",
|
|
170
|
-
"duet-input-top-caption-shown": this.isCaptionVisible,
|
|
171
|
-
"has-error": !!this.error,
|
|
172
|
-
} }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), h("select", { ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (h("option", { disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (h("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
|
|
173
|
-
return isOptionGroup(item) ? this.renderOptionGroup(item) : this.renderOption(item);
|
|
174
|
-
}))), h("div", { class: {
|
|
175
|
-
"duet-select": true,
|
|
176
|
-
"duet-select-variation-tiny": this.variation === "tiny",
|
|
177
|
-
}, "aria-hidden": "true" }, h("span", { key: this.value }, this.getSelectedItemLabel()), this.variation !== "tiny" && (h("svg", { role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), this.variation === "tiny" && (h("duet-icon", { name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xx-small" }))), h("span", { class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), h("span", { class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && h("span", null, this.error)))));
|
|
178
|
-
}
|
|
179
|
-
get element() { return this; }
|
|
180
|
-
static get watchers() { return {
|
|
181
|
-
"value": ["valueChanged"],
|
|
182
|
-
"items": ["refresh"]
|
|
183
|
-
}; }
|
|
184
|
-
static get style() { return duetSelectCss; }
|
|
185
|
-
}, [2, "duet-select", {
|
|
186
|
-
"variation": [1],
|
|
187
|
-
"accessibleActiveDescendant": [1, "accessible-active-descendant"],
|
|
188
|
-
"accessibleDescribedBy": [1, "accessible-described-by"],
|
|
189
|
-
"margin": [1],
|
|
190
|
-
"accessibleControls": [1, "accessible-controls"],
|
|
191
|
-
"accessibleOwns": [1, "accessible-owns"],
|
|
192
|
-
"error": [1],
|
|
193
|
-
"accessibleLiveError": [1, "accessible-live-error"],
|
|
194
|
-
"expand": [4],
|
|
195
|
-
"value": [1537],
|
|
196
|
-
"theme": [1025],
|
|
197
|
-
"labelHidden": [4, "label-hidden"],
|
|
198
|
-
"identifier": [1],
|
|
199
|
-
"name": [1],
|
|
200
|
-
"placeholder": [1],
|
|
201
|
-
"caption": [1],
|
|
202
|
-
"echoPlaceholder": [4, "echo-placeholder"],
|
|
203
|
-
"items": [1],
|
|
204
|
-
"disabled": [516],
|
|
205
|
-
"required": [4],
|
|
206
|
-
"label": [1],
|
|
207
|
-
"role": [1],
|
|
208
|
-
"tooltip": [1],
|
|
209
|
-
"tooltipDirection": [1, "tooltip-direction"],
|
|
210
|
-
"processedItems": [32],
|
|
211
|
-
"setFocus": [64]
|
|
212
|
-
}]);
|
|
213
|
-
function defineCustomElement() {
|
|
214
|
-
if (typeof customElements === "undefined") {
|
|
215
|
-
return;
|
|
216
|
-
}
|
|
217
|
-
const components = ["duet-select", "duet-caption", "duet-icon", "duet-label", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
|
|
218
|
-
components.forEach(tagName => { switch (tagName) {
|
|
219
|
-
case "duet-select":
|
|
220
|
-
if (!customElements.get(tagName)) {
|
|
221
|
-
customElements.define(tagName, DuetSelect);
|
|
222
|
-
}
|
|
223
|
-
break;
|
|
224
|
-
case "duet-caption":
|
|
225
|
-
if (!customElements.get(tagName)) {
|
|
226
|
-
defineCustomElement$7();
|
|
227
|
-
}
|
|
228
|
-
break;
|
|
229
|
-
case "duet-icon":
|
|
230
|
-
if (!customElements.get(tagName)) {
|
|
231
|
-
defineCustomElement$6();
|
|
232
|
-
}
|
|
233
|
-
break;
|
|
234
|
-
case "duet-label":
|
|
235
|
-
if (!customElements.get(tagName)) {
|
|
236
|
-
defineCustomElement$5();
|
|
237
|
-
}
|
|
238
|
-
break;
|
|
239
|
-
case "duet-tooltip":
|
|
240
|
-
if (!customElements.get(tagName)) {
|
|
241
|
-
defineCustomElement$4();
|
|
242
|
-
}
|
|
243
|
-
break;
|
|
244
|
-
case "duet-tooltip-button":
|
|
245
|
-
if (!customElements.get(tagName)) {
|
|
246
|
-
defineCustomElement$3();
|
|
247
|
-
}
|
|
248
|
-
break;
|
|
249
|
-
case "duet-tooltip-popup":
|
|
250
|
-
if (!customElements.get(tagName)) {
|
|
251
|
-
defineCustomElement$2();
|
|
252
|
-
}
|
|
253
|
-
break;
|
|
254
|
-
case "duet-visually-hidden":
|
|
255
|
-
if (!customElements.get(tagName)) {
|
|
256
|
-
defineCustomElement$1();
|
|
257
|
-
}
|
|
258
|
-
break;
|
|
259
|
-
} });
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
export { DuetSelect as D, defineCustomElement as d };
|
|
@@ -1,271 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-687196b5.js';
|
|
5
|
-
import { i as inheritGlobalTheme } from './p-4ebf1618.js';
|
|
6
|
-
import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
|
|
7
|
-
import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-03baceb5.js';
|
|
8
|
-
import { g as getColorByName } from './p-de68431d.js';
|
|
9
|
-
import { d as defineCustomElement$3 } from './p-b514c789.js';
|
|
10
|
-
import { d as defineCustomElement$2 } from './p-afe7886a.js';
|
|
11
|
-
import { d as defineCustomElement$1 } from './p-5bd9489b.js';
|
|
12
|
-
|
|
13
|
-
const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;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(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;width:100%}.duet-button{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;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:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){padding:9px 19px 10px !important;min-width:48px;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !important}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-theme-turva .duet-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{border-color:rgb(225, 227, 230)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}.duet-button.default:hover{border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(228, 228, 230) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-embedded{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(228, 228, 230) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.negative{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px rgb(0, 41, 77), 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px rgb(23, 28, 58), 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.small{padding-left:20px !important}.duet-button.plain.icon.small.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium-small{padding-left:20px !important}.duet-button.plain.icon.medium-small.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}.duet-button.plain:hover{color:rgb(0, 77, 128) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(148, 9, 37) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(228, 228, 230) !important}.duet-button.plain.duet-button-negative:hover{color:rgb(0, 119, 179) !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:rgb(198, 12, 48) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.square{width:48px !important;min-width:auto !important;height:48px !important;padding:0 !important;font-size:1.25rem;border-color:rgb(225, 227, 230);border-width:1px;border-radius:8px}.duet-button.square.duet-button-is-small{width:28px !important;height:28px !important;padding:0 !important;font-size:1rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(228, 228, 230)}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
|
|
14
|
-
|
|
15
|
-
const DuetButton = /*@__PURE__*/ proxyCustomElement(class extends H {
|
|
16
|
-
constructor() {
|
|
17
|
-
super();
|
|
18
|
-
this.__registerHost();
|
|
19
|
-
this.__attachShadow();
|
|
20
|
-
this.duetFocus = createEvent(this, "duetFocus", 7);
|
|
21
|
-
this.duetBlur = createEvent(this, "duetBlur", 7);
|
|
22
|
-
/**
|
|
23
|
-
* Component event handling.
|
|
24
|
-
*/
|
|
25
|
-
this.handleClick = (ev) => {
|
|
26
|
-
// If this button wants to specifically submit a form
|
|
27
|
-
// climb up the dom to see if we're in a <form>
|
|
28
|
-
// and if so, then use JS to submit it.
|
|
29
|
-
// To understand better, see: https://www.hjorthhansen.dev/shadow-dom-form-participation/
|
|
30
|
-
if (!this.url && this.element.closest("form")) {
|
|
31
|
-
ev.preventDefault();
|
|
32
|
-
this.proxyButton.click();
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
this.onFocus = () => {
|
|
36
|
-
this.duetFocus.emit();
|
|
37
|
-
};
|
|
38
|
-
this.onBlur = () => {
|
|
39
|
-
this.duetBlur.emit();
|
|
40
|
-
};
|
|
41
|
-
this.accessibleLabel = undefined;
|
|
42
|
-
this.accessibleControls = undefined;
|
|
43
|
-
this.accessiblePopup = "false";
|
|
44
|
-
this.accessibleActiveDescendant = undefined;
|
|
45
|
-
this.accessibleOwns = undefined;
|
|
46
|
-
this.accessibleDescribedBy = undefined;
|
|
47
|
-
this.accessibleDetails = undefined;
|
|
48
|
-
this.accessibleLabelledBy = undefined;
|
|
49
|
-
this.accessibleDescription = undefined;
|
|
50
|
-
this.accessibleExpanded = undefined;
|
|
51
|
-
this.accessiblePressed = undefined;
|
|
52
|
-
this.loading = false;
|
|
53
|
-
this.variation = "default";
|
|
54
|
-
this.negative = false;
|
|
55
|
-
this.theme = "";
|
|
56
|
-
this.margin = "auto";
|
|
57
|
-
this.padding = "auto";
|
|
58
|
-
this.centerText = false;
|
|
59
|
-
this.wrapping = "auto";
|
|
60
|
-
this.expand = false;
|
|
61
|
-
this.fixed = false;
|
|
62
|
-
this.disabled = false;
|
|
63
|
-
this.name = undefined;
|
|
64
|
-
this.value = undefined;
|
|
65
|
-
this.identifier = undefined;
|
|
66
|
-
this.submit = false;
|
|
67
|
-
this.external = false;
|
|
68
|
-
this.language = getLanguage();
|
|
69
|
-
this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
|
|
70
|
-
this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
|
|
71
|
-
this.icon = "";
|
|
72
|
-
this.color = "";
|
|
73
|
-
this.iconRight = false;
|
|
74
|
-
this.iconSize = "medium";
|
|
75
|
-
this.size = "medium";
|
|
76
|
-
this.iconOnly = false;
|
|
77
|
-
this.url = undefined;
|
|
78
|
-
}
|
|
79
|
-
/**
|
|
80
|
-
* Component lifecycle events.
|
|
81
|
-
*/
|
|
82
|
-
componentWillLoad() {
|
|
83
|
-
inheritGlobalTheme(this);
|
|
84
|
-
if (this.url && this.external && this.icon) {
|
|
85
|
-
console.warn("[DUET]: Button used as an external link will override any icon that is set");
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
connectedCallback() {
|
|
89
|
-
this.proxyButton = document.createElement("button");
|
|
90
|
-
this.proxyButton.style.display = "none";
|
|
91
|
-
this.syncToProxyButton();
|
|
92
|
-
connectLanguageChangeObserver(this, {
|
|
93
|
-
prop: "accessibleLabelExternal",
|
|
94
|
-
defaults: "accessibleLabelExternalDefaults",
|
|
95
|
-
});
|
|
96
|
-
if (!this.url && this.element.closest("form")) {
|
|
97
|
-
this.element.insertAdjacentElement("beforebegin", this.proxyButton);
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
disconnectedCallback() {
|
|
101
|
-
this.proxyButton.remove();
|
|
102
|
-
this.proxyButton = null;
|
|
103
|
-
disconnectLanguageChangeObserver(this);
|
|
104
|
-
}
|
|
105
|
-
syncToProxyButton() {
|
|
106
|
-
this.proxyButton.type = this.getButtonType();
|
|
107
|
-
this.proxyButton.disabled = this.disabled;
|
|
108
|
-
// attributes should be removed in cases where name/value is not set
|
|
109
|
-
if (this.name != null) {
|
|
110
|
-
this.proxyButton.name = this.name;
|
|
111
|
-
}
|
|
112
|
-
else {
|
|
113
|
-
this.proxyButton.removeAttribute("name");
|
|
114
|
-
}
|
|
115
|
-
if (this.value != null) {
|
|
116
|
-
this.proxyButton.value = this.value;
|
|
117
|
-
}
|
|
118
|
-
else {
|
|
119
|
-
this.proxyButton.removeAttribute("value");
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
getButtonType() {
|
|
123
|
-
return this.submit ? "submit" : "button";
|
|
124
|
-
}
|
|
125
|
-
/**
|
|
126
|
-
* Sets focus on the specified `duet-button`. Use this method instead of the global
|
|
127
|
-
* `button.focus()`.
|
|
128
|
-
*/
|
|
129
|
-
async setFocus(options) {
|
|
130
|
-
if (this.nativeButton) {
|
|
131
|
-
this.nativeButton.focus(options);
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
/**
|
|
135
|
-
* render() function.
|
|
136
|
-
* Always the last one in the class.
|
|
137
|
-
*/
|
|
138
|
-
render() {
|
|
139
|
-
var _a;
|
|
140
|
-
const isExternalLink = this.external && this.url;
|
|
141
|
-
// enforce consistency for external links
|
|
142
|
-
const icon = isExternalLink ? "action-new-window" : this.icon;
|
|
143
|
-
const iconRight = isExternalLink ? true : this.iconRight;
|
|
144
|
-
const commonChildren = (h("span", { class: "duet-button-contents", style: { color: getColorByName(this.color) } }, icon && (h("div", { "aria-hidden": "true", class: {
|
|
145
|
-
"duet-button-icon": true,
|
|
146
|
-
left: !iconRight,
|
|
147
|
-
right: iconRight,
|
|
148
|
-
[this.iconSize]: true,
|
|
149
|
-
} }, h("duet-icon", { size: "auto", margin: "none", name: icon, color: "currentColor" }))), h("slot", null)));
|
|
150
|
-
const commonProps = {
|
|
151
|
-
onFocus: this.onFocus,
|
|
152
|
-
onBlur: this.onBlur,
|
|
153
|
-
ref: button => (this.nativeButton = button),
|
|
154
|
-
id: this.identifier,
|
|
155
|
-
class: {
|
|
156
|
-
"duet-m-0": this.margin === "none",
|
|
157
|
-
"duet-p-0": this.padding === "none",
|
|
158
|
-
"duet-no-wrap": this.wrapping === "none",
|
|
159
|
-
"duet-button": true,
|
|
160
|
-
"duet-button-is-small": this.size === "small",
|
|
161
|
-
"duet-button-icon-only": this.iconOnly,
|
|
162
|
-
"duet-button-text-center": this.centerText,
|
|
163
|
-
"duet-button-negative": this.negative || this.variation === "negative",
|
|
164
|
-
[this.variation]: true,
|
|
165
|
-
disabled: this.disabled,
|
|
166
|
-
icon: !!icon,
|
|
167
|
-
"icon-right": iconRight,
|
|
168
|
-
[this.iconSize]: true,
|
|
169
|
-
},
|
|
170
|
-
"aria-controls": this.accessibleControls,
|
|
171
|
-
"aria-label": this.accessibleLabel,
|
|
172
|
-
"aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined,
|
|
173
|
-
"aria-activedescendant": this.accessibleActiveDescendant,
|
|
174
|
-
"aria-owns": this.accessibleOwns,
|
|
175
|
-
"aria-describedby": this.accessibleDescribedBy,
|
|
176
|
-
"aria-labelledby": this.accessibleLabelledBy,
|
|
177
|
-
"aria-details": this.accessibleDetails,
|
|
178
|
-
"aria-description": this.accessibleDescription,
|
|
179
|
-
};
|
|
180
|
-
return (h(Host, { onClick: this.handleClick, class: {
|
|
181
|
-
"duet-m-0": this.margin === "none",
|
|
182
|
-
"duet-small": this.size === "small",
|
|
183
|
-
"duet-fixed": this.fixed,
|
|
184
|
-
"duet-expand": this.expand,
|
|
185
|
-
"input-button": (_a = this.variation) === null || _a === void 0 ? void 0 : _a.startsWith("input-button"),
|
|
186
|
-
} }, h("div", { class: {
|
|
187
|
-
"duet-button-container": true,
|
|
188
|
-
"duet-button-is-loading": this.loading,
|
|
189
|
-
"duet-theme-turva": this.theme === "turva",
|
|
190
|
-
"duet-button-negative": this.negative || this.variation === "negative",
|
|
191
|
-
[this.variation]: true,
|
|
192
|
-
} }, this.url ? (h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren)), this.loading && h("duet-spinner", { color: "currentColor" }))));
|
|
193
|
-
}
|
|
194
|
-
get element() { return this; }
|
|
195
|
-
static get watchers() { return {
|
|
196
|
-
"disabled": ["syncToProxyButton"],
|
|
197
|
-
"submit": ["syncToProxyButton"],
|
|
198
|
-
"value": ["syncToProxyButton"],
|
|
199
|
-
"name": ["syncToProxyButton"]
|
|
200
|
-
}; }
|
|
201
|
-
static get style() { return duetButtonCss; }
|
|
202
|
-
}, [1, "duet-button", {
|
|
203
|
-
"accessibleLabel": [1, "accessible-label"],
|
|
204
|
-
"accessibleControls": [1, "accessible-controls"],
|
|
205
|
-
"accessiblePopup": [1, "accessible-popup"],
|
|
206
|
-
"accessibleActiveDescendant": [1, "accessible-active-descendant"],
|
|
207
|
-
"accessibleOwns": [1, "accessible-owns"],
|
|
208
|
-
"accessibleDescribedBy": [1, "accessible-described-by"],
|
|
209
|
-
"accessibleDetails": [1, "accessible-details"],
|
|
210
|
-
"accessibleLabelledBy": [1, "accessible-labelled-by"],
|
|
211
|
-
"accessibleDescription": [1, "accessible-description"],
|
|
212
|
-
"accessibleExpanded": [4, "accessible-expanded"],
|
|
213
|
-
"accessiblePressed": [4, "accessible-pressed"],
|
|
214
|
-
"loading": [4],
|
|
215
|
-
"variation": [1],
|
|
216
|
-
"negative": [4],
|
|
217
|
-
"theme": [1025],
|
|
218
|
-
"margin": [1],
|
|
219
|
-
"padding": [1],
|
|
220
|
-
"centerText": [4, "center-text"],
|
|
221
|
-
"wrapping": [1],
|
|
222
|
-
"expand": [4],
|
|
223
|
-
"fixed": [4],
|
|
224
|
-
"disabled": [516],
|
|
225
|
-
"name": [1],
|
|
226
|
-
"value": [1],
|
|
227
|
-
"identifier": [1],
|
|
228
|
-
"submit": [516],
|
|
229
|
-
"external": [4],
|
|
230
|
-
"language": [1537],
|
|
231
|
-
"accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
|
|
232
|
-
"accessibleLabelExternal": [1025, "accessible-label-external"],
|
|
233
|
-
"icon": [1],
|
|
234
|
-
"color": [1],
|
|
235
|
-
"iconRight": [4, "icon-right"],
|
|
236
|
-
"iconSize": [1, "icon-size"],
|
|
237
|
-
"size": [1],
|
|
238
|
-
"iconOnly": [4, "icon-only"],
|
|
239
|
-
"url": [513],
|
|
240
|
-
"setFocus": [64]
|
|
241
|
-
}]);
|
|
242
|
-
function defineCustomElement() {
|
|
243
|
-
if (typeof customElements === "undefined") {
|
|
244
|
-
return;
|
|
245
|
-
}
|
|
246
|
-
const components = ["duet-button", "duet-icon", "duet-spinner", "duet-visually-hidden"];
|
|
247
|
-
components.forEach(tagName => { switch (tagName) {
|
|
248
|
-
case "duet-button":
|
|
249
|
-
if (!customElements.get(tagName)) {
|
|
250
|
-
customElements.define(tagName, DuetButton);
|
|
251
|
-
}
|
|
252
|
-
break;
|
|
253
|
-
case "duet-icon":
|
|
254
|
-
if (!customElements.get(tagName)) {
|
|
255
|
-
defineCustomElement$3();
|
|
256
|
-
}
|
|
257
|
-
break;
|
|
258
|
-
case "duet-spinner":
|
|
259
|
-
if (!customElements.get(tagName)) {
|
|
260
|
-
defineCustomElement$2();
|
|
261
|
-
}
|
|
262
|
-
break;
|
|
263
|
-
case "duet-visually-hidden":
|
|
264
|
-
if (!customElements.get(tagName)) {
|
|
265
|
-
defineCustomElement$1();
|
|
266
|
-
}
|
|
267
|
-
break;
|
|
268
|
-
} });
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
export { DuetButton as D, defineCustomElement as d };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,n,u){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function r(e){try{l(u.next(e))}catch(e){a(e)}}function s(e){try{l(u["throw"](e))}catch(e){a(e)}}function l(e){e.done?n(e.value):i(e.value).then(r,s)}l((u=u.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},u,i,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return l([e,t])}}function l(s){if(u)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(n=0)),n)try{if(u=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{u=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
|
|
2
|
-
/*!
|
|
3
|
-
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-c48d8cfe.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-51721695.system.js","./p-43660fa9.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,n,u,i,a,r,s,l,o,c,d,b,p,h,m,f,v;return{setters:[function(e){t=e.r;n=e.c;u=e.h;i=e.H;a=e.g},function(e){r=e.i},function(e){s=e.c},function(e){l=e.a;o=e.b;c=e.c;d=e.d;b=e.e},function(e){p=e.a;h=e.b;m=e.g;f=e.c;v=e.d},function(){}],execute:function(){var g={title:"action-add",tags:"action add plus",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z"/></svg>'};var y={title:"action-subtract",tags:"action subtract minus remove delete cancel",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 12.788a.75.75 0 0 1 0-1.5h22.5a.75.75 0 0 1 0 1.5z"/></svg>'};function x(e,t){var n;if(typeof e==="string"){if(e===""){return null}var u=e.replace("−","-").replace("‐","-").replace("−","-").replace("–","-").replace("—","-");if(t){u=w(u,t,false)}u=u.replace(/\s+/g,"");u=u.replace(/(?!^-?\d*\.{0,1}\d+$)/g,"");n=parseFloat(u)}if(typeof e==="number"){n=parseFloat(String(e))}if(!isNaN(Number(n))){return Number(n)}if(e===null||e===undefined){return null}throw new Error("Invalid value passed to SafeParseFloat")}function w(e,t,n){if(n===void 0){n=false}var u;var i=new Intl.NumberFormat(t).format(1/2).replace(/[0-9]/g,"");var a=new Intl.NumberFormat("en-US").format(1/2).replace(/[0-9]/g,"");var r=new Intl.NumberFormat(t).format(1e3).replace(/[0-9]/g,"");var s=new Intl.NumberFormat("en-US").format(1e3).replace(/[0-9]/g,"");u=e.replace(i,"DECIMALSEPARATOR");if(n){u=u.replace(r,"THOUSANDSEPARATOR")}else{u=u.replace(r,"")}u=u.replace("DECIMALSEPARATOR",a);u=u.replace("THOUSANDSEPARATOR",s);return u}var D=function(e,t){return Math.round(e/t)*t};var A=function(e,t,n){return Math.min(Math.max(e,t),n)};var N='*.sc-duet-number-input,*.sc-duet-number-input::after,*.sc-duet-number-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-number-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;text-align:left;vertical-align:bottom}.sc-duet-number-input-h:last-child,.sc-duet-number-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-number-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-number-input-h{width:100% !important}.duet-m-0.sc-duet-number-input-h{margin:0 !important}.duet-number-container.sc-duet-number-input{position:relative;width:100%}.duet-number-buttons.sc-duet-number-input{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;width:96px;height:calc(100% - 2px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50%;height:100%;text-align:center;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled{pointer-events:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input duet-icon.sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled duet-icon.sc-duet-number-input{opacity:0.4}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:active duet-icon.sc-duet-number-input{transform:translateY(1px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{outline:0}.user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{z-index:2;box-shadow:0 0 0 2px rgb(0, 119, 179)}.duet-theme-turva .user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{box-shadow:0 0 0 2px rgb(23, 28, 58)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type{border-left:1px solid rgb(207, 210, 212)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{position:absolute;top:20%;left:0;width:1px;height:60%;content:"";background:rgb(225, 227, 230)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{background:linear-gradient(to left, rgba(207, 207, 209, 0.2) 0%, rgba(207, 207, 209, 0.2) 1px, rgba(207, 207, 209, 0.1) 1px, rgba(207, 207, 209, 0) 100%)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{background:rgb(228, 228, 230)}';var S=e("duet_number_input",function(){function e(e){var u=this;t(this,e);this.duetChange=n(this,"duetChange",3);this.duetInput=n(this,"duetInput",3);this.duetBlur=n(this,"duetBlur",7);this.duetFocus=n(this,"duetFocus",7);this.inputId=s("DuetInput");this.handleFocus=function(){u.focusedValue=u.value};this.handleKeyDown=function(e){if(l(e)||o(e)){u.add(e)}else if(c(e)||d(e)){u.subtract(e)}else if(b(e)){u.clearValue()}};this.handleChange=function(e){var t=e.target;if(t&&t.value){try{var n=x(t.value,u.locale);if(isNaN(n)||n==null){n=u.min||0}u.setValue(n);u.duetInput.emit({component:"duet-number-input",originalEvent:e,value:x(u.value,u.locale).toString(),valueAsNumber:n})}catch(t){u.duetInput.emit({component:"duet-number-input",originalEvent:e,value:null,valueAsNumber:null})}}else{u.duetInput.emit({component:"duet-number-input",originalEvent:e,value:null,valueAsNumber:null})}};this.handleBlur=function(e){var t=e.target;if(!t){return}if(t.value){try{var n=x(t.value,u.locale);if(u.rounding){n=D(n,u.step)}n=A(n,u.min,u.max);if(n!==x(u.value,u.locale)||n!==x(u.focusedValue,u.locale)){u.setValue(n);u.emitChange(e)}}catch(t){u.emitNull(e)}}else{u.emitNull(e)}};this.emitChange=function(e){var t=x(u.value,u.locale);u.duetChange.emit({originalEvent:e,value:t.toString(),valueAsNumber:t,component:"duet-number-input"})};this.emitNull=function(e){u.duetChange.emit({originalEvent:e,value:null,valueAsNumber:null,component:"duet-number-input"})};this.localizeValue=function(e){return e.toLocaleString(u.locale)};this.setValue=function(e){u.value=u.localizeValue(e);u.duetInputElement.value="".concat(u.value," ").concat(u.unit)};this.add=function(e){if(e){e.preventDefault()}var t=x(u.value,u.locale);if(t===u.max){return}var n=t==null?u.min:t+u.step;if(n%u.step!==0){var i=n%u.step;n-=i}var a=A(n,u.min,u.max);u.value=u.localizeValue(a);u.emitChange(e)};this.subtract=function(e){if(e){e.preventDefault()}var t=x(u.value,u.locale);if(t===u.min){return}var n=t-u.step;if(n%u.step!==0){var i=u.step-n%u.step;n+=i}n=A(n,u.min,u.max);u.value=u.localizeValue(n);u.emitChange(e)};this.language=p();this.locale=h(this.language).locale;this.unit=h(this.language).money;this.focusedValue=undefined;this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleLiveDefaults={fi:"{current} euroa valittuna",en:"{current} euros selected",sv:"{current} euro valt"};this.accessibleLive=m(this.accessibleLiveDefaults,this.language);this.accessibleLiveEnabled=true;this.accessibleAddDefaults={fi:"Lisää summaan",en:"Add to the amount",sv:"Lägg till beloppet"};this.accessibleAdd=m(this.accessibleAddDefaults,this.language);this.accessibleSubtractDefaults={fi:"Vähennä summasta",en:"Subtract from the amount",sv:"Dra från beloppet"};this.accessibleSubtract=m(this.accessibleSubtractDefaults,this.language);this.theme="";this.margin="auto";this.expand=false;this.identifier=undefined;this.min=0;this.labelDefaults={fi:"Nimilappu",en:"Label",sv:"Etikett"};this.label=m(this.labelDefaults,this.language);this.labelHidden=false;this.max=1e6;this.name=undefined;this.error="";this.tooltip="";this.step=5e3;this.rounding=true;this.role=undefined;this.disabled=false;this.required=false;this.value=undefined}e.prototype.componentWillLoad=function(){r(this);if(this.value){this.value=this.localizeValue(x(this.value,this.locale))}};e.prototype.connectedCallback=function(){f(this,[{prop:"accessibleLive",defaults:"accessibleLiveDefaults"},{prop:"accessibleAdd",defaults:"accessibleAddDefaults"},{prop:"accessibleSubtract",defaults:"accessibleSubtractDefaults"},{prop:"label",defaults:"labelDefaults"}])};e.prototype.disconnectedCallback=function(){v(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.duetInputElement.setFocus(e);return[2]}))}))};e.prototype.getValueAsNumber=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=x(this.value,this.locale);return[2,this.value===undefined||this.value===null||isNaN(e)?null:e]}))}))};e.prototype.clearValue=function(){this.value=null;this.duetInputElement.value=""};e.prototype.formatAnnouncement=function(){var e=!!this.value?x(this.value,this.locale):null;if(e==null){return""}return this.accessibleLive.replace("{current}",e.toString(10))};e.prototype.render=function(){var e=this;var t=this.identifier||this.inputId;var n="".concat(this.localizeValue(this.max)," ").concat(this.unit).length;var a=!!this.value?x(this.value,this.locale):null;return u(i,{class:{"duet-theme-turva":this.theme==="turva","duet-expand":this.expand,"duet-m-0":this.margin==="none"}},u("div",{class:"duet-number-container"},u("duet-input",{ref:function(t){return e.duetInputElement=t},onDuetChange:function(t){return e.handleChange(t)},onDuetFocus:this.handleFocus,onDuetBlur:function(t){return e.handleBlur(t)},onKeyDown:function(t){return e.handleKeyDown(t)},label:this.label,value:this.value?"".concat(this.value," ").concat(this.unit):"",error:this.error,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":a!=null?a:"",maxlength:n,name:this.name,component:"number",required:this.required,disabled:this.disabled,role:this.role,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:t,theme:this.theme,margin:"none",expand:true,numericKeyboard:true,autoComplete:"off",type:"text",accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleLabelledBy:this.accessibleLabelledBy,accessibleDescription:this.accessibleDescription,accessibleDetails:this.accessibleDetails,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy},u("div",{class:{"duet-number-buttons":true,"duet-no-label":this.labelHidden}},u("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":a==null||a===this.min?"true":"false",class:"duet-number-button duet-number-button-subtract",onClick:this.subtract,type:"button"},u("duet-visually-hidden",null,this.accessibleSubtract," ",this.step),u("duet-icon",{icon:y.svg,size:"small",margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary"})),u("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":a===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},u("duet-visually-hidden",null,this.accessibleAdd," ",this.step),u("duet-icon",{icon:g.svg,size:"small",margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&u("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());S.style=N}}}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,c as o,h as t,H as a,g as n}from"./p-f7418b24.js";import{i}from"./p-4ebf1618.js";const r=class{constructor(t){e(this,t),this.duetCookieConsent=o(this,"duetCookieConsent",7),this.handleClick=e=>{e.preventDefault(),this.duetCookieConsent.emit({component:"duet-cookie-consent"})},this.accessibleLabel="Hyväksyn evästeiden käytön",this.theme=""}componentWillLoad(){i(this)}render(){return t(a,{tabindex:"0"},t("div",{class:{"duet-cookie-consent":!0,"duet-theme-turva":"turva"===this.theme}},t("div",{class:"duet-cookie-consent-content"},t("div",{class:"expand"},t("slot",null)),t("duet-spacer",{size:"large",direction:"horizontal"}),t("div",null,t("duet-button",{variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))}get element(){return n(this)}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}: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 rgb(0, 119, 179)}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-cookie-consent{padding:20px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;color:rgb(255, 255, 255) !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}';export{r as duet_cookie_consent}
|