@duetds/components 10.0.0-alpha.23 → 10.0.0-alpha.25
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 +414 -261
- package/hydrate/index.mjs +414 -261
- package/lib/cjs/{a11y-utils-aMJTxbM9.js → a11y-utils-BeS3x4Hg.js} +1 -1
- package/lib/cjs/{app-globals-DN9e0v8L.js → app-globals-BvljEFtV.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-alert.cjs.entry.js +4 -4
- package/lib/cjs/duet-badge.cjs.entry.js +4 -4
- package/lib/cjs/duet-banner.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +6 -6
- package/lib/cjs/duet-button_2.cjs.entry.js +12 -12
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +13 -12
- 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 +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +3 -3
- package/lib/cjs/duet-choice_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
- package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
- package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
- package/lib/cjs/duet-date-picker.cjs.entry.js +6 -6
- package/lib/cjs/duet-divider_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +9 -9
- package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
- package/lib/cjs/duet-footer.cjs.entry.js +4 -4
- package/lib/cjs/duet-grid_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-header_2.cjs.entry.js +54 -12
- package/lib/cjs/duet-hero.cjs.entry.js +4 -4
- package/lib/cjs/duet-icon.cjs.entry.js +7 -7
- package/lib/cjs/duet-input_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-layout.cjs.entry.js +2 -2
- package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar.cjs.entry.js +10 -42
- package/lib/cjs/duet-modal.cjs.entry.js +37 -20
- package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-number-input.cjs.entry.js +14 -9
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +5 -5
- package/lib/cjs/duet-pagination_2.cjs.entry.js +17 -17
- package/lib/cjs/duet-panel.cjs.entry.js +53 -0
- package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +6 -6
- package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +16 -16
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +9 -9
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart.cjs.entry.js +7 -7
- package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +7 -7
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +12 -12
- package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
- package/lib/cjs/duet-status-icon.cjs.entry.js +4 -4
- package/lib/cjs/duet-step_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +8 -8
- package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
- package/lib/cjs/duet-toggle.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +8 -8
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +8 -8
- package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
- package/lib/cjs/duet-tray.cjs.entry.js +5 -5
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-CSxc4txc.js → errorcodes.utils-CwTzu57-.js} +1 -1
- package/lib/cjs/{focus-utils-R3gIGr8k.js → focus-utils-Dh4b8BiX.js} +1 -1
- package/lib/cjs/{index-cypK_uRu.js → index-D3O_5Hr7.js} +5 -1
- package/lib/cjs/{label-61f_b8fi.js → label-8AXhdqJy.js} +1 -1
- package/lib/cjs/{language-utils-DIDyCgUk.js → language-utils-CMK9eR4Q.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-BC5Q3UDm.js → slot-utils-BIdgEejh.js} +1 -1
- package/lib/cjs/{themeable-component-BWW4XmUY.js → themeable-component-B3llZmjN.js} +14 -2
- package/lib/cjs/{token-utils-CHLLcMzU.js → token-utils-DsVwGXGM.js} +75 -7
- package/lib/cjs/{tokens-DYbf8HFV.js → tokens-D7zqZKjQ.js} +0 -1
- package/lib/collection/collection-manifest.json +1 -0
- package/lib/collection/common/themeable-component.js +13 -1
- package/lib/collection/components/duet-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-banner/duet-banner.css +1 -0
- package/lib/collection/components/duet-banner/duet-banner.js +3 -3
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-button/duet-button.css +19 -4
- package/lib/collection/components/duet-button/duet-button.js +5 -5
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
- package/lib/collection/components/duet-header/duet-header.css +3 -0
- package/lib/collection/components/duet-header/duet-header.js +3 -2
- package/lib/collection/components/duet-icon/duet-icon.css +5 -0
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-label/duet-label.js +1 -1
- package/lib/collection/components/duet-link/duet-link.js +5 -4
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.css +8 -0
- package/lib/collection/components/duet-logo/duet-logo.js +74 -5
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +91 -0
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +27 -39
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +96 -15
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-nav/duet-nav.js +1 -1
- package/lib/collection/components/duet-notification/duet-notification.js +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +2 -2
- package/lib/collection/components/duet-number-input/duet-number-input.js +11 -6
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.css +12 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
- package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
- package/lib/collection/components/duet-panel/duet-panel.css +98 -0
- package/lib/collection/components/duet-panel/duet-panel.js +234 -0
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +3 -3
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
- package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
- package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
- package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
- package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +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.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab/duet-tab.js +2 -2
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +3 -3
- package/lib/collection/components/duet-toggle/duet-toggle.js +2 -2
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +2 -2
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/collection/utils/token-utils.js +59 -7
- package/lib/collection/utils/turva2-color-tokens.js +42 -0
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-2de0e6b5.entry.js → p-04ce95ba.entry.js} +1 -1
- package/lib/duet/{p-eafab2a1.entry.js → p-05766552.entry.js} +1 -1
- package/lib/duet/{p-3ea842ba.entry.js → p-065f7e81.entry.js} +1 -1
- package/lib/duet/{p-95dd811d.entry.js → p-06ed84cb.entry.js} +1 -1
- package/lib/duet/{p-625a23c2.entry.js → p-08ed76c2.entry.js} +1 -1
- package/lib/duet/{p-f3d5e40a.entry.js → p-0a448068.entry.js} +1 -1
- package/lib/duet/{p-44786477.entry.js → p-0dc4fe1d.entry.js} +1 -1
- package/lib/duet/{p-626e92a9.entry.js → p-0ebeee02.entry.js} +1 -1
- package/lib/duet/{p-9b9031cf.entry.js → p-106d3089.entry.js} +1 -1
- package/lib/duet/{p-32352972.entry.js → p-15593e3e.entry.js} +1 -1
- package/lib/duet/{p-54b978c0.entry.js → p-2057cc55.entry.js} +1 -1
- package/lib/duet/{p-061f484f.entry.js → p-2792ec0b.entry.js} +1 -1
- package/lib/duet/p-28a998f9.entry.js +4 -0
- package/lib/duet/{p-8057c9e5.entry.js → p-2d3d11db.entry.js} +1 -1
- package/lib/duet/{p-9d5be586.entry.js → p-2e34dd28.entry.js} +1 -1
- package/lib/duet/{p-f7782ce5.entry.js → p-30ade10d.entry.js} +1 -1
- package/lib/duet/{p-d5270614.entry.js → p-35ac072d.entry.js} +1 -1
- package/lib/duet/{p-70fd5cb5.entry.js → p-37222c50.entry.js} +1 -1
- package/lib/duet/{p-80f567c7.entry.js → p-39169420.entry.js} +1 -1
- package/lib/duet/{p-a544dcb2.entry.js → p-3dd4fbf1.entry.js} +1 -1
- package/lib/duet/{p-8ae3ba95.entry.js → p-402c8cd9.entry.js} +1 -1
- package/lib/duet/{p-2b2be1ce.entry.js → p-4628e002.entry.js} +1 -1
- package/lib/duet/{p-07cd31d4.entry.js → p-466ef37c.entry.js} +1 -1
- package/lib/duet/{p-f2e88086.entry.js → p-4aece4f9.entry.js} +1 -1
- package/lib/duet/{p-1b4e4213.entry.js → p-4ee576a2.entry.js} +1 -1
- package/lib/duet/p-500d799b.entry.js +4 -0
- package/lib/duet/{p-e8bf81e8.entry.js → p-5564a39c.entry.js} +1 -1
- package/lib/duet/p-5848a34c.entry.js +4 -0
- package/lib/duet/{p-1662ddb0.entry.js → p-5ab64521.entry.js} +1 -1
- package/lib/duet/{p-b3547427.entry.js → p-60be3836.entry.js} +1 -1
- package/lib/duet/p-625347d3.entry.js +4 -0
- package/lib/duet/{p-779380f8.entry.js → p-64ebf5e9.entry.js} +1 -1
- package/lib/duet/{p-48bcf197.entry.js → p-64f8d654.entry.js} +1 -1
- package/lib/duet/{p-73f38d13.entry.js → p-652eefa8.entry.js} +1 -1
- package/lib/duet/{p-85ddf215.entry.js → p-65a8dd89.entry.js} +1 -1
- package/lib/duet/{p-05cb3ef2.entry.js → p-66c7af01.entry.js} +1 -1
- package/lib/duet/{p-e8668d1a.entry.js → p-67290546.entry.js} +1 -1
- package/lib/duet/p-693fda6b.entry.js +4 -0
- package/lib/duet/{p-6fa05aeb.entry.js → p-6a6e4d82.entry.js} +1 -1
- package/lib/duet/{p-5c749aae.entry.js → p-6aa6ce7d.entry.js} +1 -1
- package/lib/duet/{p-e6a5676c.entry.js → p-71603edd.entry.js} +1 -1
- package/lib/duet/{p-c0721ad9.entry.js → p-71a6b137.entry.js} +1 -1
- package/lib/duet/{p-a40fbcac.entry.js → p-72c2ba6b.entry.js} +1 -1
- package/lib/duet/p-73290da8.entry.js +4 -0
- package/lib/duet/{p-2c2a8a28.entry.js → p-73ce0ef8.entry.js} +1 -1
- package/lib/duet/p-767afcf4.entry.js +4 -0
- package/lib/duet/{p-7ac87fc1.entry.js → p-774cf9f5.entry.js} +1 -1
- package/lib/duet/{p-89e9badf.entry.js → p-7a9f3475.entry.js} +1 -1
- package/lib/duet/{p-61da8d25.entry.js → p-7c814d9a.entry.js} +1 -1
- package/lib/duet/{p-1cc69291.entry.js → p-7f1fb1a9.entry.js} +1 -1
- package/lib/duet/{p-d154fb42.entry.js → p-83f6beb5.entry.js} +1 -1
- package/lib/duet/{p-5b2e8342.entry.js → p-8596c993.entry.js} +1 -1
- package/lib/duet/{p-e72e498d.entry.js → p-867aab83.entry.js} +1 -1
- package/lib/duet/{p-a854a83c.entry.js → p-86b74914.entry.js} +1 -1
- package/lib/duet/{p-11b6b71d.entry.js → p-8ed6f7c7.entry.js} +1 -1
- package/lib/duet/{p-b5cdfd48.entry.js → p-94e33308.entry.js} +1 -1
- package/lib/duet/p-960f95b4.entry.js +4 -0
- package/lib/duet/{p-5f437262.entry.js → p-9973c0dc.entry.js} +1 -1
- package/lib/duet/{p-e89f59fe.entry.js → p-9a1f29ac.entry.js} +1 -1
- package/lib/duet/{p-e3c9a33a.entry.js → p-9fade6a0.entry.js} +1 -1
- package/lib/duet/{p-0710ad83.entry.js → p-9fff2189.entry.js} +1 -1
- package/lib/duet/{p-CUNSbdt4.js → p-B_VBeM3r.js} +1 -1
- package/lib/duet/{p-B_RHZ7jo.js → p-BaR6ufr4.js} +1 -1
- package/lib/duet/p-BdUQgQFn.js +4 -0
- package/lib/duet/p-DdwVwK5C.js +4 -0
- package/lib/duet/p-Dr2j33H2.js +4 -0
- package/lib/duet/{p-Dvk6bntS.js → p-DxV3RbmM.js} +1 -1
- package/lib/duet/{p-fwfCVW-k.js → p-DyXNfxdT.js} +1 -1
- package/lib/duet/p-DzerL_yn.js +4 -0
- package/lib/duet/p-KocOARXM.js +4 -0
- package/lib/duet/p-OdY4DjJa.js +4 -0
- package/lib/duet/p-T5kkooky.js +4 -0
- package/lib/duet/{p-D5_4M8f7.js → p-Z0D6Gy9e.js} +1 -1
- package/lib/duet/{p-bd6f7e7b.entry.js → p-a09c6e42.entry.js} +1 -1
- package/lib/duet/{p-5956c71f.entry.js → p-a3a2e89e.entry.js} +1 -1
- package/lib/duet/{p-a94d6219.entry.js → p-a440c5b3.entry.js} +1 -1
- package/lib/duet/{p-835874ed.entry.js → p-a4a768bf.entry.js} +1 -1
- package/lib/duet/{p-e1715e1f.entry.js → p-a72b8cf4.entry.js} +1 -1
- package/lib/duet/{p-24f39c08.entry.js → p-ab0cd4e5.entry.js} +1 -1
- package/lib/duet/{p-a9353027.entry.js → p-aefcd222.entry.js} +1 -1
- package/lib/duet/p-b84ac47b.entry.js +4 -0
- package/lib/duet/{p-7cfcd244.entry.js → p-ba0fcce1.entry.js} +1 -1
- package/lib/duet/p-ba2b47d3.entry.js +4 -0
- package/lib/duet/{p-3d266d49.entry.js → p-baeb1090.entry.js} +1 -1
- package/lib/duet/{p-828a4e8b.entry.js → p-bcbe4d11.entry.js} +1 -1
- package/lib/duet/{p-fcb87d86.entry.js → p-bf5fae27.entry.js} +1 -1
- package/lib/duet/p-c6479694.entry.js +4 -0
- package/lib/duet/{p-c037858f.entry.js → p-c8308bec.entry.js} +1 -1
- package/lib/duet/p-d0f3a2e6.entry.js +4 -0
- package/lib/duet/{p-d29c6c90.entry.js → p-d28a8bc4.entry.js} +1 -1
- package/lib/duet/p-d2ceafd6.entry.js +4 -0
- package/lib/duet/{p-26ef0a2c.entry.js → p-d96af9c9.entry.js} +1 -1
- package/lib/duet/{p-a930cc2b.entry.js → p-dee8ff90.entry.js} +1 -1
- package/lib/duet/p-e9421a0e.entry.js +4 -0
- package/lib/duet/p-ec6e097b.entry.js +4 -0
- package/lib/duet/{p-b52c9aed.entry.js → p-effefdec.entry.js} +1 -1
- package/lib/duet/{p-9d16f09d.entry.js → p-fb3b8e0f.entry.js} +1 -1
- package/lib/esm/{a11y-utils-Do8wJ0uc.js → a11y-utils-CXqm1pj1.js} +1 -1
- package/lib/esm/{app-globals-CM7s1rys.js → app-globals-s-_CGo5t.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +5 -5
- package/lib/esm/duet-alert.entry.js +4 -4
- package/lib/esm/duet-badge.entry.js +4 -4
- package/lib/esm/duet-banner.entry.js +8 -8
- package/lib/esm/duet-breadcrumb.entry.js +7 -7
- package/lib/esm/duet-breadcrumbs.entry.js +7 -7
- package/lib/esm/duet-button_2.entry.js +13 -13
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +14 -13
- package/lib/esm/duet-card.entry.js +5 -5
- package/lib/esm/duet-checkbox.entry.js +2 -2
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +3 -3
- package/lib/esm/duet-choice_2.entry.js +6 -6
- package/lib/esm/duet-collapsible.entry.js +4 -4
- package/lib/esm/duet-combobox.entry.js +4 -4
- package/lib/esm/duet-contact-card.entry.js +5 -5
- package/lib/esm/duet-cookie-consent.entry.js +2 -2
- package/lib/esm/duet-date-picker.entry.js +6 -6
- package/lib/esm/duet-divider_2.entry.js +5 -5
- package/lib/esm/duet-editable-table_3.entry.js +10 -10
- package/lib/esm/duet-empty-state.entry.js +2 -2
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +2 -2
- package/lib/esm/duet-footer.entry.js +4 -4
- package/lib/esm/duet-grid_2.entry.js +4 -4
- package/lib/esm/duet-header_2.entry.js +55 -13
- package/lib/esm/duet-hero.entry.js +4 -4
- package/lib/esm/duet-icon.entry.js +8 -8
- package/lib/esm/duet-input_2.entry.js +8 -8
- package/lib/esm/duet-layout.entry.js +2 -2
- package/lib/esm/duet-list_2.entry.js +4 -4
- package/lib/esm/duet-menu-bar-button.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-menu-bar-item.entry.js +7 -7
- package/lib/esm/duet-menu-bar-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar.entry.js +10 -42
- package/lib/esm/duet-modal.entry.js +37 -20
- package/lib/esm/duet-multiselect.entry.js +10 -10
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +7 -7
- package/lib/esm/duet-number-input.entry.js +14 -9
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +5 -5
- package/lib/esm/duet-pagination_2.entry.js +18 -18
- package/lib/esm/duet-panel.entry.js +51 -0
- package/lib/esm/duet-phone-input.entry.js +4 -4
- package/lib/esm/duet-popup-menu_2.entry.js +7 -7
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +7 -7
- package/lib/esm/duet-radio_2.entry.js +7 -7
- package/lib/esm/duet-range-slider.entry.js +7 -7
- package/lib/esm/duet-scrollable_3.entry.js +17 -17
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +9 -9
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +2 -2
- package/lib/esm/duet-share-chart.entry.js +8 -8
- package/lib/esm/duet-show-more.entry.js +5 -5
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +7 -7
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +13 -13
- package/lib/esm/duet-slideout.entry.js +11 -11
- package/lib/esm/duet-status-icon.entry.js +4 -4
- package/lib/esm/duet-step_2.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar.entry.js +8 -8
- package/lib/esm/duet-textarea.entry.js +8 -8
- package/lib/esm/duet-toggle.entry.js +6 -6
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
- package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
- package/lib/esm/duet-toolbar-item.entry.js +8 -8
- package/lib/esm/duet-toolbar-link.entry.js +4 -4
- package/lib/esm/duet-toolbar.entry.js +4 -4
- package/lib/esm/duet-tooltip-button_2.entry.js +8 -8
- package/lib/esm/duet-tooltip.entry.js +5 -5
- package/lib/esm/duet-tray.entry.js +6 -6
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-jdmUflM5.js → errorcodes.utils-Bre55Njd.js} +1 -1
- package/lib/esm/{focus-utils-Fb4Hjq5k.js → focus-utils-vvgYykmM.js} +1 -1
- package/lib/esm/{index-CUNSbdt4.js → index-B_VBeM3r.js} +5 -1
- package/lib/esm/{label-CSouuUKb.js → label-l-Eza5H3.js} +1 -1
- package/lib/esm/{language-utils-fAqNRSrI.js → language-utils-B7PXWqpg.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-CgXzS75x.js → slot-utils-aDCRCdc4.js} +1 -1
- package/lib/esm/{themeable-component-EVqsr6Ut.js → themeable-component-DPqozkF4.js} +14 -2
- package/lib/esm/{token-utils-orOLyKQw.js → token-utils-BGFYWQ6j.js} +76 -9
- package/lib/esm/{tokens-Dvk6bntS.js → tokens-DxV3RbmM.js} +1 -1
- package/lib/esm/{tokens.module-D5_4M8f7.js → tokens.module-Z0D6Gy9e.js} +1 -1
- package/lib/types/components/duet-logo/duet-logo.d.ts +8 -0
- package/lib/types/components/duet-menu-bar/duet-menu-bar.d.ts +5 -4
- package/lib/types/components/duet-modal/duet-modal.d.ts +17 -1
- package/lib/types/components/duet-number-input/duet-number-input.d.ts +3 -1
- package/lib/types/components/duet-panel/duet-panel.d.ts +47 -0
- package/lib/types/components.d.ts +123 -4
- package/lib/types/utils/token-utils.d.ts +4 -0
- package/lib/types/utils/turva2-color-tokens.d.ts +39 -0
- package/package.json +3 -3
- package/lib/duet/p-2354e2c1.entry.js +0 -4
- package/lib/duet/p-50Jw5Ir2.js +0 -4
- package/lib/duet/p-5432f24c.entry.js +0 -4
- package/lib/duet/p-710ae64d.entry.js +0 -4
- package/lib/duet/p-7a9e6423.entry.js +0 -4
- package/lib/duet/p-7c4f010e.entry.js +0 -4
- package/lib/duet/p-88773ebf.entry.js +0 -4
- package/lib/duet/p-89e6b8d0.entry.js +0 -4
- package/lib/duet/p-9d501c34.entry.js +0 -4
- package/lib/duet/p-BI7G8d3Z.js +0 -4
- package/lib/duet/p-Be6-farU.js +0 -4
- package/lib/duet/p-CF5Kkdym.js +0 -4
- package/lib/duet/p-DyjhCDQL.js +0 -4
- package/lib/duet/p-M3ljdQX1.js +0 -4
- package/lib/duet/p-b2c2a24e.entry.js +0 -4
- package/lib/duet/p-b314a75a.entry.js +0 -4
- package/lib/duet/p-b4569b01.entry.js +0 -4
- package/lib/duet/p-d2e1cef2.entry.js +0 -4
- package/lib/duet/p-e89e940b.entry.js +0 -4
- package/lib/duet/p-ekdrapBY.js +0 -4
- package/lib/duet/p-fc319c57.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as a,g as r}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,g as r}from"./p-B_VBeM3r.js";import{i as o}from"./p-DdwVwK5C.js";const d=class{constructor(t){e(this,t),this.theme="",this.variation="default",this.background="normal",this.margin="auto"}componentWillLoad(){o(this)}render(){const e=`background-${this.background}`;return t(a,{key:"da159f6322336c9e29fe1f6fd62a1c856fee0a86",class:{"duet-m-0":"none"===this.margin}},t("span",{key:"9e9e12f29c7a27a2c15be1e4e7aaffcacc81f053",class:{"duet-badge":!0,[this.variation]:!0,[e]:!0,"duet-theme-turva":"turva"===this.theme}},t("slot",{key:"97ed4f103d26ccf534b9eb10168a7855a958b466"})))}get element(){return r(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:#172a3b}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:#172a3b}';export{d as duet_badge}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as i,g as a}from"./p-
|
|
4
|
+
import{r as e,h as t,H as i,g as a}from"./p-B_VBeM3r.js";import{a as s}from"./p-DxV3RbmM.js";import{e as n,d as o}from"./p-B1B-PPrh.js";import{i as d}from"./p-DdwVwK5C.js";const r=class{constructor(t){e(this,t),this.mql=[window.matchMedia(s.replace(/'/g,""))],this.boundMqlFunctions=[],this.previousYScroll=0,this.hidden=!1,this.mobile=!0,this.bodyScroll=!0,this.theme="",this.hideOnScroll=!1,this.open=!1,this.handleMobileView=()=>{this.mql[0].matches?(this.mobile=!1,this.enableBodyScroll()):(this.mobile=!0,this.bodyScroll||this.disableBodyScroll())},this.onClick=()=>{this.open=!this.open},this.enableBodyScroll=()=>{this.nav&&n(this.nav),this.itemsContainer&&n(this.itemsContainer)},this.disableBodyScroll=()=>{this.nav&&o(this.nav,{reserveScrollBarGap:!0}),this.itemsContainer&&o(this.itemsContainer,{reserveScrollBarGap:!0})},this.checkIfHasItems=()=>{const e=!!this.element.querySelector("duet-submenu-bar-dropdown-link"),t=!!this.element.querySelector("duet-submenu-bar-link"),i=!!this.element.querySelector("duet-submenu-bar-item");return e||t||i}}watchOpenStateHandler(e){e?(this.bodyScroll=!1,this.disableBodyScroll()):(this.enableBodyScroll(),this.bodyScroll=!0)}componentWillLoad(){d(this)}connectedCallback(){this.nav=document.querySelector("duet-nav > [slot='mobile']"),this.hasItems=this.checkIfHasItems(),this.handleMobileView();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.handleMobileView.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[],this.enableBodyScroll()}async setFocus(e){this.button.focus(e)}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hidden=!0):window.scrollY<150&&(this.hidden=!1),this.previousYScroll=window.scrollY)}render(){return t(i,{key:"3e7b02904bbbba59c39e6ab92da7f5c57725da8b"},t("nav",{key:"2dc04f3533701d9c21afd7c15756f27ecb58441f",class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme,hidden:this.hidden},"aria-label":this.accessibleLabel},this.hasItems&&t("button",{key:"839b1d9944d8c6c3bfaf329a682d91657066ec2f",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},t("span",{key:"67a6c63dc412388b52a2de220127dea5bef408e9",class:"label"},t("slot",{key:"f7c3882a3339a2cfdf581b63d4aee13867b5d67b",name:"label"}),t("duet-icon",{key:"e0f1cd34ad6ae56df39fcdf39683cb7dfacc6aec",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"368b77169fb80a8486623763734cedecb40b33a8",class:{"menu-container":!0,hidden:!this.open},role:"presentation"},t("div",{key:"25476a3938ac4a4cde6a36aeb5c992e61cd016b3",role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:!0,hidden:!this.open},ref:e=>this.itemsContainer=e},t("div",{key:"78a0b5dcbad16181839842b362fc2aa4233933e0",class:"list",role:this.mobile?"presentation":"list"},t("slot",{key:"88ed711a6f222bfa266148da84789eaecfa433d4"}),t("div",{key:"bccca592f7f6986a27e8b90b410f09c28d7d5667",class:"list-padding"}))),t("duet-overlay",{key:"3ba23120b948aeb6f066d21d86b58e3b6fa91669","keep-stacking-context":!0,visible:this.open,"display-device":"not-large",transition:"immediate"}))))}get element(){return a(this)}static get watchers(){return{open:["watchOpenStateHandler"]}}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(181, 198, 208)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 247, 250)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items{background:#fdf7f2}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background{background:#172a3b}';export{r as duet_submenu_bar}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as i,g as a,H as r}from"./p-CUNSbdt4.js";import{g as o}from"./p-DvwKrUS6.js";import{i as s}from"./p-BI7G8d3Z.js";import{c as d}from"./p-Cfr_DJqU.js";import{i as n,s as p,u as c}from"./p-Db8rvjPI.js";import{c as u}from"./p-MxsWrBCY.js";import{a as h,g as b}from"./p-B_RHZ7jo.js";import"./p-C6E9F6QT.js";var l,m,g=o(m?l:(m=1,l={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'}));const f=class{constructor(i){e(this,i),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=d("DuetStepButton"),this.contentId=d("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||n(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){s(this)}connectedCallback(){p(this)}disconnectedCallback(){c(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?i("div",{class:"duet-step-icon"},i("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:g.svg})):`${this.stepIndex+1} `}render(){return i("div",{key:"51c999cc2bfbe71e0e093319dd9884cc8294885e",class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},i("div",{key:"7e37c18c314a018c3d2fd006b5dc7062adc258ab",class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},i("div",{key:"5406b207399c19b7eb27f546d4f9e630ab562f27","aria-hidden":"true"},i("div",{key:"9a764a847bfbfc0c7d8263caf09c2f8ec4f1e2e2",class:"duet-step-counter"},this.renderStepCounter())),i("duet-spacer",{key:"d5c38b329d444e0ce41b7d7ef10a7abdc112fc9f",direction:"horizontal",size:"large",breakpoint:"small"}),i("duet-spacer",{key:"d8df9b84045f0781d4e107cf4e60204ccee742f4",direction:"horizontal",size:"medium",breakpoint:"x-small"}),i("div",{key:"df49bf9c100c15f9a1a577967d0d08ac73b9a0e5"},i("duet-heading",{key:"deb97c522056fc06be50fafa711ab24fb36b1df8",theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),i("duet-spacer",{key:"fa5b363beee40f23f4257aac9979abfa6f5360c5",direction:"horizontal",size:"large"}),i("div",{key:"8c98357c0e10aad337d9aa76c579a8391ecc51f1",class:"duet-step-heading-slot"},i("slot",{key:"6220e94dd9fc54bf637b0a23ba11e60f5c9b106b",name:"heading-content"}))),i("div",{key:"c00269d7e1225fe5272bcd99e2fb2e2d6c227fb1",class:"duet-step-content-wrapper"},i("div",{key:"9251329e1b7f1f8b93fdea50c8d2e8c609d94692",class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},i("slot",{key:"0f89cd5aded7f098c5ec935893a8e1f969aef217"}))))}get element(){return a(this)}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-current .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-counter{background-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#b81233}:host(.duet-theme-turva2) .duet-theme-turva .duet-step-content-wrapper{border-color:#fbe1d1}';const x=class{constructor(i){e(this,i),this.duetStepChange=t(this,"duetStepChange",7),this.language=h(),this.theme="",this.accessibleLive=b(u,this.language),this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){s(this)}async connectedCallback(){this.childObserver=new MutationObserver(this.updateStepState.bind(this)),this.childObserver.observe(this.element,{childList:!0}),this.updateStepState()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let i;i=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=i,e.stepIndex=t}));const t=function(e,t){const i={};return t.forEach((e=>{const t=e.state;i[t]||(i[t]=[]),i[t].push(e)})),i}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,i)=>{t.roundedTop=0===i,t.roundedBottom=i===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),i=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",i)}render(){return i(r,{key:"4d38266a77dcb5167b2d11ccd4e82b41e573d62d",class:{"duet-m-0":"none"===this.margin}},i("div",{key:"049c574172078399ca78a1dd505a059e7d74c1f9",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},i("duet-visually-hidden",{key:"dd2e9bacc643f4d6240283d698daad1298a21d6e","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),i("slot",{key:"a7e33500cf5429b00297b489cdcebb4048e6e639"})))}get element(){return a(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};x.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{f as duet_step,x as duet_stepper}
|
|
4
|
+
import{r as e,c as t,h as a,g as i,H as r}from"./p-B_VBeM3r.js";import{g as o}from"./p-DvwKrUS6.js";import{i as s}from"./p-DdwVwK5C.js";import{c as d}from"./p-Cfr_DJqU.js";import{i as n,s as p,u as c}from"./p-Db8rvjPI.js";import{c as u}from"./p-MxsWrBCY.js";import{a as h,g as b}from"./p-BaR6ufr4.js";import"./p-C6E9F6QT.js";var l,m,g=o(m?l:(m=1,l={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'}));const f=class{constructor(a){e(this,a),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=d("DuetStepButton"),this.contentId=d("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||n(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){s(this)}connectedCallback(){p(this)}disconnectedCallback(){c(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?a("div",{class:"duet-step-icon"},a("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:g.svg})):`${this.stepIndex+1} `}render(){return a("div",{key:"3204237f7f65d0f7e40d171da59beae2438d0b73",class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"144dc2c4f67e3ab88437ba11dbe665d8d938e998",class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},a("div",{key:"3a16cbf1b403adb015eafda7d8768e17eae7fb40","aria-hidden":"true"},a("div",{key:"8ee2d9f18fcef2d1cdb2ad43cf8a41c5615b4765",class:"duet-step-counter"},this.renderStepCounter())),a("duet-spacer",{key:"0dd226292f09ae93ba5ca9bde08511982771fe15",direction:"horizontal",size:"large",breakpoint:"small"}),a("duet-spacer",{key:"d2fea319dfc6db59b1aaba216a913c3a8e9e81e8",direction:"horizontal",size:"medium",breakpoint:"x-small"}),a("div",{key:"7c3dee5bf9df62db35cbe5896551062c482d8b3e"},a("duet-heading",{key:"27d4325d36f4f0621af0bf633fe3de821822d4bc",theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),a("duet-spacer",{key:"f0e367883df25339d1882ebe17ff56c3555d4cd1",direction:"horizontal",size:"large"}),a("div",{key:"f4313eed84ca3fe24272ce59a59b711169c4c0a8",class:"duet-step-heading-slot"},a("slot",{key:"a06a67c70d672288b7ef3f76149561fe5200ed99",name:"heading-content"}))),a("div",{key:"62b81bf1127a74bd5fb1cec4b0aa1e9c706d2038",class:"duet-step-content-wrapper"},a("div",{key:"c46f37355b38f10b1dc182108cae7f444025246d",class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},a("slot",{key:"f08a916f605a7227add9fdb0bd4f6ede0719ec02"}))))}get element(){return i(this)}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-current .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-counter{background-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#b81233}:host(.duet-theme-turva2) .duet-theme-turva .duet-step-content-wrapper{border-color:#fbe1d1}';const x=class{constructor(a){e(this,a),this.duetStepChange=t(this,"duetStepChange",7),this.language=h(),this.theme="",this.accessibleLive=b(u,this.language),this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){s(this)}async connectedCallback(){this.childObserver=new MutationObserver(this.updateStepState.bind(this)),this.childObserver.observe(this.element,{childList:!0}),this.updateStepState()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let a;a=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=a,e.stepIndex=t}));const t=function(e,t){const a={};return t.forEach((e=>{const t=e.state;a[t]||(a[t]=[]),a[t].push(e)})),a}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,a)=>{t.roundedTop=0===a,t.roundedBottom=a===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),a=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",a)}render(){return a(r,{key:"f135a9f1ddcc6eaa86acdcdc9d11def0ec489b81",class:{"duet-m-0":"none"===this.margin}},a("div",{key:"d68ff41042b6582c21d555e3131054278e9eaf1f",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},a("duet-visually-hidden",{key:"21d8af2f8896f0e5f893f041a2f3010ada1e74c9","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),a("slot",{key:"efe281a3ddce9364e69c5131e7e59e3a9c2bb9d5"})))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};x.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{f as duet_step,x as duet_stepper}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,g as i,H as d}from"./p-CUNSbdt4.js";import{i as s}from"./p-BI7G8d3Z.js";import{w as l}from"./p-BmMFVM-y.js";const o=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.padding="auto",this.mobile="left",this.breakpoint="small",this.variation="default",this.labelWidth="30",this.responsive=!0}componentWillLoad(){s(this)}async connectedCallback(){this.mutationO=l(this.element,"duet-list-item",(()=>{this.updateListItems()})),this.updateListItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}toggleClass(t,e,i){i?t.classList.add(e):t.classList.remove(e)}async updateListItems(){Array.from(this.element.querySelectorAll("duet-list-item")).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.responsive?this.breakpoint||"small":void 0,t.classList.add(`duet-list-width-${this.labelWidth}`),t.classList.add(`duet-list-variation-${this.variation}`),this.toggleClass(t,"duet-p-0","none"===this.padding),this.toggleClass(t,"duet-list-mobile-center","center"===this.mobile),this.toggleClass(t,"duet-list-striped","striped"===this.variation),this.toggleClass(t,"duet-list-bordered","bordered"===this.variation),this.toggleClass(t,"duet-list-inner-bordered","inner-bordered"===this.variation),this.toggleClass(t,"duet-theme-turva","turva"===this.theme)}))}render(){return e("dl",{key:"82930dea1fe1193f295b5888ed5f06a85693faaa",class:{"duet-list-component":!0,"duet-m-0":"none"===this.margin}},e("slot",{key:"44602efe41782f5dc0221b0fe2dd2ac6dc905ae3"}))}get element(){return i(this)}static get watchers(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";const a=class{constructor(e){t(this,e),this.theme="",this.responsive=!1,this.breakpoint="small"}componentWillLoad(){s(this)}render(){return e(d,{key:"8b3943e8c6c0ff91b8405bfedb46b4612da7451b",class:{"duet-theme-turva":"turva"===this.theme,"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":"x-small"===this.breakpoint,"duet-list-item-breakpoint-small":"small"===this.breakpoint,"duet-list-item-breakpoint-medium":"medium"===this.breakpoint,"duet-list-item-breakpoint-large":"large"===this.breakpoint,"duet-list-item-breakpoint-x-large":"x-large"===this.breakpoint}},e("dt",{key:"587ef41965121757aa51fc12391e17fd7f5563fd"},e("slot",{key:"466137ac7d5182f8d0223429f0c5159677d4330b",name:"label"})),e("dd",{key:"4f85ab7cd34ecf8d528857c07e214dbd023d0465"},e("slot",{key:"3d270b99641b4b152556402d5818216f6d34c5fa",name:"value"})))}get element(){return i(this)}};a.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;flex-direction:column;display:flex;width:100%;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}:host(.duet-theme-turva2.duet-theme-turva){color:#172a3b}:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:#f5f6f7}:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva){border-block-start:1px solid #d4dde2}:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid #d4dde2}:host(.duet-theme-turva2.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid #d4dde2}';export{o as duet_list,a as duet_list_item}
|
|
4
|
+
import{r as t,h as e,g as i,H as d}from"./p-B_VBeM3r.js";import{i as s}from"./p-DdwVwK5C.js";import{w as l}from"./p-BmMFVM-y.js";const o=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.padding="auto",this.mobile="left",this.breakpoint="small",this.variation="default",this.labelWidth="30",this.responsive=!0}componentWillLoad(){s(this)}async connectedCallback(){this.mutationO=l(this.element,"duet-list-item",(()=>{this.updateListItems()})),this.updateListItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}toggleClass(t,e,i){i?t.classList.add(e):t.classList.remove(e)}async updateListItems(){Array.from(this.element.querySelectorAll("duet-list-item")).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.responsive?this.breakpoint||"small":void 0,t.classList.add(`duet-list-width-${this.labelWidth}`),t.classList.add(`duet-list-variation-${this.variation}`),this.toggleClass(t,"duet-p-0","none"===this.padding),this.toggleClass(t,"duet-list-mobile-center","center"===this.mobile),this.toggleClass(t,"duet-list-striped","striped"===this.variation),this.toggleClass(t,"duet-list-bordered","bordered"===this.variation),this.toggleClass(t,"duet-list-inner-bordered","inner-bordered"===this.variation),this.toggleClass(t,"duet-theme-turva","turva"===this.theme)}))}render(){return e("dl",{key:"82930dea1fe1193f295b5888ed5f06a85693faaa",class:{"duet-list-component":!0,"duet-m-0":"none"===this.margin}},e("slot",{key:"44602efe41782f5dc0221b0fe2dd2ac6dc905ae3"}))}get element(){return i(this)}static get watchers(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";const a=class{constructor(e){t(this,e),this.theme="",this.responsive=!1,this.breakpoint="small"}componentWillLoad(){s(this)}render(){return e(d,{key:"47185c0399f547a7d80ac43adf617b617e33e604",class:{"duet-theme-turva":"turva"===this.theme,"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":"x-small"===this.breakpoint,"duet-list-item-breakpoint-small":"small"===this.breakpoint,"duet-list-item-breakpoint-medium":"medium"===this.breakpoint,"duet-list-item-breakpoint-large":"large"===this.breakpoint,"duet-list-item-breakpoint-x-large":"x-large"===this.breakpoint}},e("dt",{key:"6ae3c144789f6f61efd296b660b88b180a5e0e38"},e("slot",{key:"c33e76c13b822b05a938e421d6eb53ef95e403f7",name:"label"})),e("dd",{key:"31bda43d4a91ec3b4a44746a0ddde2f7b91845c2"},e("slot",{key:"c1ce54a0b9a7dd7256a7dcf3a32bef70bb063621",name:"value"})))}get element(){return i(this)}};a.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;flex-direction:column;display:flex;width:100%;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}:host(.duet-theme-turva2.duet-theme-turva){color:#172a3b}:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:#f5f6f7}:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva){border-block-start:1px solid #d4dde2}:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid #d4dde2}:host(.duet-theme-turva2.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid #d4dde2}';export{o as duet_list,a as duet_list_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as a,g as i}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,g as i}from"./p-B_VBeM3r.js";import{n as o}from"./p-vVCYtBMj.js";import{D as s}from"./p-MxsWrBCY.js";import{i as n}from"./p-DdwVwK5C.js";import{g as l}from"./p-BdUQgQFn.js";import{g as r,c as d,d as c}from"./p-BaR6ufr4.js";import"./p-DvwKrUS6.js";import"./p-KocOARXM.js";import"./p-C6E9F6QT.js";const u=class{constructor(t){e(this,t),this.theme="",this.targetLanguage=void 0,this.active=!1,this.href="#",this.icon=void 0,this.size="inherit",this.caret=!1,this.menuItem=!1,this.accessibleLabelExternalDefaults=s,this.accessibleLabelExternal=r(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){n(this)}connectedCallback(){d(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){c(this)}render(){return t(a,{key:"b0e234fc3dac2e49ce7e1cb175f1599ab9275530"},t("a",{key:"3ec02799b58d7b1d44bfc5b0e24bf65720db1c3a",target:this.href?this.external?"_blank":"_self":null,class:{"duet-slideout-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[this.size]:!0},href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.href&&l(this)||this.accessibleLabel,rel:this.external?"noopener":void 0},this.icon&&t("duet-icon",{key:"b9e3b673239c5b9655c01bcec4a2a5abe515bd88",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"medium",margin:"none"}),t("div",{key:"498acf483827529da2b9f512228ca158edaf8faa",class:"label"},t("span",{key:"e6415f10f37d8b957ce06e93b5cbb042634d1672"},t("span",{key:"53865ac539a3312b509ffb15594e72f9fa4d0f33",class:"label-container"},t("span",{key:"81cbf04aec6b336558641516b55a554a11751aa7",class:"label-content"},t("slot",{key:"f217af73f101e8a8a9ab71f611f759f4c8a8ceef"})),this.external&&t("duet-icon",{key:"0696dda9b2fe219b2a76a0c65855d47cd151bc55",class:"external-icon",theme:this.theme,name:o.title,margin:"none",size:"auto",color:"currentColor"})),t("slot",{key:"497d712ed9f5155cee76d0c9cca080a89fb26ea2",name:"description"})),this.caret&&t("duet-icon",{key:"b3057bf91b4062442a5c7823d12c714ca74d86ae",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))}get element(){return i(this)}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active .label-content::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva.active .label-content::after{background:#e61740}:host(.duet-theme-turva2) slot[name=description]::slotted(*){color:#172a3b}';export{u as duet_slideout_link}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as a,H as
|
|
4
|
+
import{r as e,h as a,H as r,g as t}from"./p-B_VBeM3r.js";import{g as i}from"./p-DvwKrUS6.js";import{i as s}from"./p-DdwVwK5C.js";import{s as o,u as n}from"./p-Db8rvjPI.js";import{a as d,c,d as l,g as b}from"./p-BaR6ufr4.js";import"./p-C6E9F6QT.js";var h,m,u=i(m?h:(m=1,h={title:"action-arrow-right-small",tags:"action arrow right small caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z"/></svg>'}));const p=class{constructor(a){e(this,a),this.currentCrumb={fi:"disabled. Nykyinen sivu",sv:"disabled. Visa mer",en:"disabled. Nuvarande sida"},this.theme="",this.language=d(),this.href="",this.icon="arrow-right-small-icon",this.iconSize="x-small",this.hasSlottedContent=!1}componentWillLoad(){s(this)}connectedCallback(){c(this),o(this),this.hasSlottedContent=Array.from(this.element.childNodes).length>0}disconnectedCallback(){l(this),n(this)}render(){var e;return a(r,{key:"1ea751b77b703d6054db7aa48bdeb9ac2a7cf742",role:"listitem"},a("div",{key:"147ae3c1a0ff6744d0d363ce2162b0acf8083535",class:"container"},"arrow-right-small-icon"===this.icon&&a("duet-icon",{key:"d1642e1065ca32cc3b05d2724fbb3a1fae48fe2d",class:"duet-breadrumbs-arrow",size:"auto",icon:u.svg,margin:"none",color:"currentColor"}),a("a",{key:"43ab506c5a641b44b99b9589eb7afdf7dc12172e",class:{"duet-breadcrumb":!0,"duet-theme-turva":"turva"===this.theme},href:this.href?this.href:void 0,"aria-label":`${this.href?"":`${b(this.currentCrumb)} `}${null!==(e=this.accessibleLabel)&&void 0!==e?e:this.element.innerHTML}`,role:"link"},"arrow-right-small-icon"!==this.icon&&this.icon&&[a("duet-icon",{key:"73e448e620cf4284d620295ee791e8ebf8d8f491",size:this.iconSize,name:this.icon,margin:"none",color:"currentColor"}),this.hasSlottedContent&&a("duet-spacer",{key:"9b0715738cc45d50d03a74f3310b654566fa0d59",size:"x-small",direction:"horizontal"})],a("slot",{key:"67cd2c6250927322b997b23a199c5ea758e2829e"}))))}get element(){return t(this)}};p.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:list-item;width:auto}.container{display:flex;gap:8px;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";export{p as duet_breadcrumb}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as r,H as s,g as
|
|
4
|
+
import{r as e,h as r,H as s,g as a}from"./p-B_VBeM3r.js";import{i as t}from"./p-DdwVwK5C.js";import{c as o}from"./p-Cfr_DJqU.js";import{g as i,c as d,d as n}from"./p-BaR6ufr4.js";import"./p-C6E9F6QT.js";const p=class{constructor(r){e(this,r),this.progressId=o("DuetProgress"),this.progressLabelId=o("DuetProgressLabel"),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelUploadDefaults={fi:["lähetys valmis","lähetys käynnissä"],sv:["Uppladdningen är klar","Uppladdning pågår"],en:["upload completed","upload in progress"]},this.accessibleLabelUpload=i(this.accessibleLabelUploadDefaults),this.progress=0,this.height="10px",this.theme=""}componentWillLoad(){t(this)}connectedCallback(){d(this,{prop:"accessibleLabelUpload",defaults:"accessibleLabelUploadDefaults"})}disconnectedCallback(){n(this)}render(){return r(s,null,r("div",{"aria-live":this.accessibleLabel?"polite":"off","aria-hidden":this.accessibleLabel?"false":"true","aria-atomic":"true",style:{height:this.height},id:this.progressId,class:{"duet-progress":!0,"duet-progress-done":100===this.progress,"duet-progress-start":0===this.progress,"duet-progress-inprogress":this.progress<99&&0!==this.progress,"duet-theme-turva":"turva"===this.theme}},r("duet-visually-hidden",null,r("label",{htmlFor:this.progressLabelId},r("span",null,this.accessibleLabel,0!==this.progress&&`, ${this.accessibleLabelUpload[this.progress<99?1:0]}`))),this.caption&&r("div",{class:"duet-progress-caption"},r("span",null,this.caption)),r("progress",{id:this.progressLabelId,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:"progressbar",value:this.progress,max:"100","aria-valuemin":"0","aria-valuemax":"100"},r("div",{class:"progress-bar"},r("span",{style:{width:`${this.progress}%;`}},"Progress: ",this.progress,"%")))))}get element(){return a(this)}};p.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(240, 247, 250);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(255, 241, 241)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(240, 247, 250);border-radius:0}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(240, 247, 250)}.duet-progress.duet-theme-turva progress[value]{color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(255, 241, 241)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value] ::-moz-progress-bar{background-color:rgb(255, 241, 241)}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar{background-color:#fdf7f2}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar>span{background-color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]{color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:#fdf7f2}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-moz-progress-bar{background-color:#fdf7f2}";export{p as duet_progress}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as e,h as i,H as o,g as l}from"./p-CUNSbdt4.js";import{D as s}from"./p-fwfCVW-k.js";import{i as a}from"./p-BI7G8d3Z.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as n,b as u,c as d,d as c,e as h,f as m,g as b}from"./p-Db8rvjPI.js";import{a as p,c as g,d as f}from"./p-B_RHZ7jo.js";import{c as x}from"./p-Be6-farU.js";import{p as v}from"./p-C6E9F6QT.js";const y=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=r("DuetError"),this.labelId=r("DuetLabel"),this.topCaptionId=r("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"},this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"},this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"},this.processedItems=[],this.processedGroups=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=p(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=r("DuetMultiselect"),this.allControls=!1,this.placeholder="",this.disabled=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(n(t)||u(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{d(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(this.allControls?-2:0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;c(t)||h(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(m(t)||b(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.handleSelectAllClick=t=>{this.value=this.processedItems,this.onChange(t)},this.handleClearAllClick=t=>{this.value=[],this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){a(this),this.isCaptionVisible=!!this.caption,x(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}connectedCallback(){g(this)}disconnectedCallback(){f(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async selectWithValues(t){const e=this.processedItems.filter((e=>t.includes(e.value)));this.value=Array.from(new Set([...this.value,...e]))}async refresh(){const t=v(this.items);this.processedItems=[],this.processedGroups=[],t&&0!==t.length&&(this.processedGroups=void 0!==t[0].items?t:[{label:"",items:t}],this.processedGroups.forEach((t=>t.items.forEach((t=>this.processedItems.push(t))))))}render(){var t;return i(o,{key:"9462771c3a5152e905cf83ba95ade9dda200833b",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{key:"1235786e07d83c91d28a13462b2fa5cf8e7907e4",class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i(s,{key:"5ccd987600f461c3c9a7f7c2f46b602f169b658d",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{key:"e519c7bf79fa2214804ca502285f52a553b79ac3",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"cfc287863231de5436fc09d8cd57b53d4ef24820",name:"tooltip"}),this.caption&&i("duet-caption",{key:"28baa67909e4027ae56a35d87a4e15a5f118e703",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"2b734b81c229392334276022638d7265e23c2168",class:"duet-multiselect-wrapper"},i("button",{key:"d6fb96ae298ce6e3d7df71217c728f29e1550c9a",id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{key:"7581bf2f7629efe48e128c941beee89c4d22f709",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`,"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&i("span",{key:"7b747555309afe0dc4716f4335269a5dc46f17ff",class:"duet-multiselect-badge"},this.value.length,i("duet-visually-hidden",{key:"22f9e68fe690b60dfe7e28ba5767d613e1037070"},this.selectedLangObject[this.language],","," ",Array.isArray(this.value)?this.value.map((t=>t.label)).join(", "):"")),i("svg",{key:"8058039ac3e9c6cf1fdf9b45468adc80673e7096",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"ac8d3582da5151508ede09fe95ea1fe7a6b79444",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"}))),i("div",{key:"0c1236ae0fad913c3e9d2fdd2d8a558467d415e8",id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},(null===(t=this.processedItems)||void 0===t?void 0:t.length)&&this.allControls&&i("div",{key:"2117b075e96a7825514769fde136f51b1ebf59f9",class:"duet-multiselect-all-control-buttons"},i("button",{key:"ca41c3bf1cb8dc88c6bf4c5d237e8e3cc5fccd6c",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:t=>this.onCheckboxKeyDown(t,-2)},this.selectAllLabel[this.language]),i("button",{key:"7070fc9475815328dc21256e8ddf279f182dd2ad",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:t=>this.onCheckboxKeyDown(t,-1)},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((t=>i("fieldset",null,t.label&&i("legend",null,t.label),t.items.map(((t,e)=>{var o,l;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(o=this.value)||void 0===o?void 0:o.includes(t),"accessible-selected":(null===(l=this.value)||void 0===l?void 0:l.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})}))))))),i("span",{key:"5842f53e10a3f9984cb668fa4730e7d18bb03a21",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",{key:"d9ba81594560d3f2c01f50b4832736144aeafe71"},this.error))))}get element(){return l(this)}static get watchers(){return{items:["refresh"]}}};y.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{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-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !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(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 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(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;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.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{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(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled]{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes{border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:#172a3b}';export{y as duet_multiselect}
|
|
4
|
+
import{r as t,c as e,h as i,H as o,g as l}from"./p-B_VBeM3r.js";import{D as s}from"./p-DyXNfxdT.js";import{i as a}from"./p-DdwVwK5C.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as n,b as u,c as d,d as c,e as h,f as m,g as b}from"./p-Db8rvjPI.js";import{a as p,c as g,d as f}from"./p-BaR6ufr4.js";import{c as x}from"./p-KocOARXM.js";import{p as v}from"./p-C6E9F6QT.js";const y=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=r("DuetError"),this.labelId=r("DuetLabel"),this.topCaptionId=r("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"},this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"},this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"},this.processedItems=[],this.processedGroups=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=p(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=r("DuetMultiselect"),this.allControls=!1,this.placeholder="",this.disabled=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(n(t)||u(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{d(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(this.allControls?-2:0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;c(t)||h(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(m(t)||b(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.handleSelectAllClick=t=>{this.value=this.processedItems,this.onChange(t)},this.handleClearAllClick=t=>{this.value=[],this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){a(this),this.isCaptionVisible=!!this.caption,x(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}connectedCallback(){g(this)}disconnectedCallback(){f(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async selectWithValues(t){const e=this.processedItems.filter((e=>t.includes(e.value)));this.value=Array.from(new Set([...this.value,...e]))}async refresh(){const t=v(this.items);this.processedItems=[],this.processedGroups=[],t&&0!==t.length&&(this.processedGroups=void 0!==t[0].items?t:[{label:"",items:t}],this.processedGroups.forEach((t=>t.items.forEach((t=>this.processedItems.push(t))))))}render(){var t;return i(o,{key:"9039645a1068225798fac400466f0f782d6f508a",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{key:"2e521282f27925d3753473b8ad88673583aa9ef2",class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i(s,{key:"201f6c1455bdcd9f91b55ce0a0b4cd4a9d0320d0",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{key:"121b63fbe0bd9421760ba61450a98c5b45033b60",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"7eda0177c7e86224b0cc85f1ef9fe9861c689d33",name:"tooltip"}),this.caption&&i("duet-caption",{key:"d13578e0bd40d7f37c4e7806f49f88020632ecfc",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"6612657d3f9c621dd266233f3c181f15131888f6",class:"duet-multiselect-wrapper"},i("button",{key:"1f302558ed3d929b35608bd8993a34cea470e248",id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{key:"6a5d345b0703da1d72fb28f1b8da5aaf708f1718",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`,"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&i("span",{key:"7c9de445eddbe7aa6cc7ab0e6f950e24255c83f5",class:"duet-multiselect-badge"},this.value.length,i("duet-visually-hidden",{key:"5484d17e999f5c43e0b1c55d74809fd731702c8f"},this.selectedLangObject[this.language],","," ",Array.isArray(this.value)?this.value.map((t=>t.label)).join(", "):"")),i("svg",{key:"27d2c25756197490d9ad767b717bcc0a65f321a8",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"60d61a8ab5924b9b6efa3f90b2c5ad680b9caa90",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"}))),i("div",{key:"c95d55f51da346b5cbd36f784ae32033f702e03d",id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},(null===(t=this.processedItems)||void 0===t?void 0:t.length)&&this.allControls&&i("div",{key:"960369ca4a160516357ece0d5e68e5ab91ce468b",class:"duet-multiselect-all-control-buttons"},i("button",{key:"9eafc40e7ba1a7d145c10ab150c0f212e74f3940",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:t=>this.onCheckboxKeyDown(t,-2)},this.selectAllLabel[this.language]),i("button",{key:"3e8788a43be5d079e60384996624141f20cc7ead",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:t=>this.onCheckboxKeyDown(t,-1)},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((t=>i("fieldset",null,t.label&&i("legend",null,t.label),t.items.map(((t,e)=>{var o,l;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(o=this.value)||void 0===o?void 0:o.includes(t),"accessible-selected":(null===(l=this.value)||void 0===l?void 0:l.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})}))))))),i("span",{key:"a33a3bb5da53083960cda036401e48b578c32747",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",{key:"abf98e9c3d01f524e5293f13929281d0e80f8b42"},this.error))))}get element(){return l(this)}static get watchers(){return{items:["refresh"]}}};y.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{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-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !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(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 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(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;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.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{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(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled]{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes{border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:#172a3b}';export{y as duet_multiselect}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,h as e,H as n,g as i,F as o}from"./p-B_VBeM3r.js";import{i as a}from"./p-DdwVwK5C.js";import{s as r}from"./p-C6E9F6QT.js";import{g as d}from"./p-Dr2j33H2.js";import{g as l}from"./p-DvwKrUS6.js";import{n as s}from"./p-vVCYtBMj.js";import{D as u,d as h}from"./p-MxsWrBCY.js";import{g as c}from"./p-BdUQgQFn.js";import{a as p,g as m,c as b,d as g}from"./p-BaR6ufr4.js";import{c as k}from"./p-Cfr_DJqU.js";import"./p-Z0D6Gy9e.js";import"./p-KocOARXM.js";const x=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.selected=!1,this.size="medium"}componentWillLoad(){a(this)}render(){return e(n,{key:"6536dfff2137c85741a34401a550ecd205ba897a",class:{"duet-caption":!0,"duet-caption-selected":this.selected,"duet-caption-small":"small"===this.size,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin}},e("slot",{key:"61789c613b54670e42ca147df64c22c5896d7cec"}))}get element(){return i(this)}};x.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:flex;flex:0 0 100%;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(98, 121, 138);vertical-align:top}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-caption-selected.duet-theme-turva){color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}:host(.duet-theme-turva2.duet-caption-selected.duet-theme-turva){color:#172a3b}';const f=class{constructor(e){t(this,e),this.level="h2",this.margin="auto",this.border=!1,this.weight="auto",this.color="",this.theme="",this.hyphenate=!1,this.fixedSize=!1}componentWillLoad(){a(this)}render(){const t=r(this.level),n=d(this.color);return e(t,{key:"2a16d1cb80380aed37b1ed878ec5dce7081a2bbf",class:{"duet-heading":!0,"duet-heading-border":!1!==this.border,"duet-heading-border-solid":"solid"===this.border,"duet-normal":"normal"===this.weight,"duet-semibold":"semibold"===this.weight,"duet-heading-hyphenate":this.hyphenate,"duet-m-0":"none"===this.margin,[this.visualLevel?this.visualLevel:this.level]:!0,"duet-theme-turva":"turva"===this.theme,"fixed-size":this.fixedSize},"aria-label":this.accessibleLabel,style:{color:n},part:"duet-heading"},e("slot",{key:"195a5b29f298c0abb79e37b308559cf65203c13c"}))}get element(){return i(this)}};var v,w;f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}.duet-heading{margin-bottom:16px !important;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;text-wrap:balance;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}:host(.duet-theme-turva2) .duet-heading.duet-theme-turva{color:#172a3b}';var y,z,_,S,j=l(w?v:(w=1,v={title:"action-arrow-right",tags:"action arrow right caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M5.499 24a.752.752 0 0 1-.53-1.281L15.689 12 4.969 1.28c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.72 10.72a1.5 1.5 0 0 1 .001 2.119L6.029 23.78a.743.743 0 0 1-.53.22z"/></svg>'})),U=l(z?y:(z=1,y={title:"action-download-small",tags:"action download arrow down small",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.193 1.7c0-.658-.542-1.2-1.2-1.2-.657 0-1.199.542-1.199 1.2v8.922l-2.778-2.6a1.2 1.2 0 0 0-1.64 1.751l4.797 4.498c.458.43 1.183.43 1.64 0l4.798-4.498c.242-.228.379-.544.379-.875a1.2 1.2 0 0 0-2.02-.876l-2.777 2.603V1.699Z"/><path d="M1.5 13.544a1.5 1.5 0 0 1 1.498 1.5v1.498a1.61 1.61 0 0 0 .418 1.096h-.003c0-.002.036.032.13.082.39.194.818.305 1.254.321H19.19a3.085 3.085 0 0 0 1.255-.32c.096-.051.13-.085.13-.085.27-.3.42-.69.414-1.096v-1.5c0-.822.677-1.498 1.5-1.498.822 0 1.499.676 1.499 1.499v1.499c0 1.16-.43 2.293-1.224 3.142-.518.557-1.235.876-1.791 1.056a5.976 5.976 0 0 1-1.783.302H4.797a6.053 6.053 0 0 1-1.782-.302c-.556-.18-1.274-.5-1.792-1.056A4.613 4.613 0 0 1 0 16.542v-1.499a1.5 1.5 0 0 1 1.5-1.499Z"/></svg>'})),A=l(S?_:(S=1,_={title:"action-new-window",tags:"arrow open new window tab external link square box rectangle action",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z"/></svg>'}));const I=class{constructor(e){t(this,e),this.variation="default",this.language=p(),this.accessibleLabelExternalDefaults=u,this.accessibleLabelExternal=m(this.accessibleLabelExternalDefaults),this.accessibleLabelDownloadDefaults=h,this.accessibleLabelDownload=m(this.accessibleLabelDownloadDefaults),this.accessiblePopup="false",this.theme="",this.url="#",this.external=!1,this.download=null,this.tabToLink=!1,this.iconColor="currentColor",this.iconBackground=null,this.iconResponsive=!1,this.margin="auto",this.padding="auto",this.isMediumScreen=!1}componentWillLoad(){a(this),this.resolvedDownload=this.resolveDownload(),"button"===this.variation&&"#"===this.url&&(this.url=void 0)}connectedCallback(){b(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}),this.setAriaLabel(),this.mutationObserver=new MutationObserver(this.setAriaLabel.bind(this)),this.mutationObserver.observe(this.element,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){g(this),this.mutationObserver&&this.mutationObserver.disconnect()}async setFocus(t){this.nativeLink.focus(t)}setAriaLabel(){setTimeout((()=>{this.ariaLabel=this.url&&c(this)||this.accessibleLabel}))}resolveDownload(){return""===this.download?this.url.split("/").pop():this.download}renderDefaultContent(){return e(o,null,e("span",{class:"duet-link-content",part:"duet-link-content"},e("slot",null)),(this.resolvedDownload||this.external)&&"default"===this.variation&&e(o,null,e("span",{class:"duet-link-icon-tail"}," ",e("duet-icon",{icon:this.resolvedDownload?U.svg:s.svg,size:"xx-small",margin:"none",color:"currentColor"}))))}renderBlockContent(){return e(o,null,this.icon&&e("span",{class:"block__icon"},e("duet-icon",{class:this.iconResponsive?"icon-responsive":"",size:"auto",name:this.icon,margin:"none",color:this.iconColor})),e("span",{class:"block__content"},this.renderDefaultContent()),e("span",{class:"block__chevron",part:"block-chevron"},e("duet-icon",{class:"block__chevron-icon",icon:this.external?A.svg:j.svg,size:"x-small",margin:"none",color:"primary-dark"})))}renderButtonCardContent(){const t={"background-color":d(this.iconBackground,this.theme)};return e(o,null,this.icon&&e("span",{class:"icon-wrap",style:t},e("duet-icon",{size:"auto",name:this.icon,margin:"none",color:this.iconColor})),e("div",{class:"duet-link-content",part:"duet-link-content"},e("slot",null)),e("span",{class:"chevron-wrap"},e("duet-icon",{class:"block__chevron-icon",icon:this.external?A.svg:j.svg,size:"x-small",margin:"none",color:"primary-dark"})))}renderContent(){switch(this.variation){case"default":return this.renderDefaultContent();case"block":case"block-center":return this.renderBlockContent();case"button":case"list-button":case"card":return this.renderButtonCardContent()}}render(){const t=this.url||"default"===this.variation?"a":"button",i=this.url||"default"!==this.variation?null:"button",o="button"===t;return e(n,{key:"eae1c61afe3b8413b109313020b9757cfe7f2e42",class:{[`duet-link-${this.variation}`]:!0,"duet-m-0":"none"===this.margin}},e(t,{key:"973984aeb4ef7dd331df49218b1552a4955b80c2",href:this.url,class:{"duet-link":!0,"duet-link-is-external":this.external,"duet-link-is-download":!!this.download,"duet-link-has-icon":!!this.icon,"duet-link-has-icon-background":!!this.iconBackground,"duet-tab-to-link":this.tabToLink,"duet-theme-turva":"turva"===this.theme,"duet-p-0":"none"===this.padding,[this.padding]:!0,[this.variation]:!0},target:this.download||!this.url?null:this.external?"_blank":"_self",download:this.resolvedDownload,"aria-label":this.ariaLabel,"aria-expanded":null!=this.accessibleExpanded&&o?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup&&o?this.accessiblePopup.toString():void 0,id:this.identifier,ref:t=>this.nativeLink=t,part:"duet-link",rel:this.external?"noopener":void 0,role:i},this.renderContent()))}static get delegatesFocus(){return!0}get element(){return i(this)}static get watchers(){return{download:["setAriaLabel"],external:["setAriaLabel"],language:["setAriaLabel"]}}};I.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link,.block-center.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon,.block-center.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none,.block-center.duet-link.none{padding:0}.block .block__icon,.block-center .block__icon{display:flex}.block .block__icon duet-icon,.block-center .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content,.block-center .block__content{position:relative;bottom:2px}.block .block__chevron,.block-center .block__chevron{align-self:center}.block .block__chevron-icon,.block-center .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon,.block-center:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.block-center.duet-link{align-items:center}.block-center .block__content{position:static}.block-center .block__chevron{display:flex;align-items:center}.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon{width:20px;height:20px}.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.button,.duet-link.list-button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.list-button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.list-button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.list-button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:24px;height:24px}@media (min-width: 48em){.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.list-button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.list-button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.list-button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.list-button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.list-button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.list-button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.list-button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.list-button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.list-button{padding:20px 12px 20px 4px;margin-top:-1px;border:solid 1px rgb(181, 198, 208);border-width:1px 0;border-radius:0}.duet-link.list-button .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.list-button .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.list-button:hover{border-color:rgb(181, 198, 208);outline:0}.duet-link.list-button:hover .duet-link-content{color:rgb(0, 119, 179)}.duet-link.list-button.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.list-button.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-link.list-button.duet-theme-turva:hover .duet-link-content{color:rgb(198, 12, 48)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}:host(.duet-theme-turva2) .duet-tab-to-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva,:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva .duet-link-content,:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva .duet-link-content{color:#172a3b}:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover .duet-link-content{color:#e61740}';const C=class{constructor(e){t(this,e),this.id=k("duet-paragraph"),this.theme="",this.margin="auto",this.size="medium",this.weight=void 0,this.variation="default",this.color=""}componentWillLoad(){a(this)}render(){const t=d(this.color);return e(n,{key:"844328a8133f4abbbbd2424b38cc14b019fd23d4","aria-describedby":this.id},e("p",{key:"dfd78aa829ee142323997f6bebde60ac47bb98e7",id:this.id,class:{"duet-paragraph":!0,"duet-paragraph-small":"small"===this.size,"duet-paragraph-semi-bold":"semi-bold"===this.weight,"duet-paragraph-bold":"bold"===this.weight,"duet-m-0":"none"===this.margin,[this.variation]:!0,"duet-theme-turva":"turva"===this.theme},style:{color:t},part:"duet-paragraph"},e("slot",{key:"f014b5496f1b791cc2879b09bd12dd85649fb0e3"})))}get element(){return i(this)}};C.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}.duet-paragraph{margin-bottom:16px !important;display:block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}.duet-paragraph.duet-p-0{padding:0 !important}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-paragraph.duet-paragraph-small{font-size:0.875rem}.duet-paragraph.duet-paragraph-semi-bold{font-weight:600}.duet-paragraph.duet-paragraph-bold{font-weight:700}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.intro{font-size:2.7vw;margin-bottom:28px !important;-webkit-hyphens:inherit;hyphens:inherit}@media (max-width: 37.037037037rem){.duet-paragraph.intro{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-paragraph.intro{font-size:1.25rem}}.duet-paragraph.intro.duet-m-0{margin:0 !important}::slotted(a){font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;font-weight:400;color:rgb(0, 119, 179);text-decoration:underline;transition:300ms ease}::slotted(a).duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48)}::slotted(a):hover{color:rgb(0, 75, 129);text-decoration:none}::slotted(a):hover.duet-theme-turva{color:rgb(126, 2, 35)}::slotted(a):active{opacity:0.75;transition:none}:host(.duet-theme-turva2) .duet-paragraph.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) ::slotted(a).duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) ::slotted(a:hover).duet-theme-turva{color:#8c001e}';export{x as duet_caption,f as duet_heading,I as duet_link,C as duet_paragraph}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as s,H as i,g as
|
|
4
|
+
import{r as t,h as s,H as i,g as r}from"./p-B_VBeM3r.js";const e=class{constructor(s){t(this,s),this.statusMessage=null,this.statusMessageLabel=null,this.accessibleAriaLive="polite",this.valid=void 0,this.total=void 0,this.invalid=void 0,this.inprogress=void 0,this.replacePlaceHolders=t=>{const s=t=>t>1?`${t} ${this.statusMessageLabel.files}`:`${t} ${this.statusMessageLabel.file}`;return t.replace("{filesUploaded}",s(this.valid)).replace("{filesInProgress}",s(this.inprogress)).replace("{filesTotal}",s(this.total)).replace("{filesWithErrors}",s(this.invalid))},this.getStatusMessage=()=>{const{done:t,inProgress:s,doneWithErrors:i,inProgressWithErrors:r}=this.statusMessageLabel,e=this.invalid>0,h=this.inprogress>0,a=this.valid+this.invalid===this.total&&!h;this.valid!==this.total||h||e?this.inprogress>0&&e?this.statusMessage=this.replacePlaceHolders(r):h?this.statusMessage=this.replacePlaceHolders(s):a&&(this.statusMessage=this.replacePlaceHolders(i)):this.statusMessage=this.replacePlaceHolders(t)}}watchHandler(t,s){t!==s&&this.getStatusMessage()}render(){return s(i,{key:"2084d67e27f201170cb0915e97235481a8f42ff6",role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},s("duet-visually-hidden",{key:"f774f8926c1f2500866e4b50781cf83a1263b0c2"},this.statusMessage))}get element(){return r(this)}static get watchers(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}}};export{e as duet_upload_aria_status}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as o,H as t,g as
|
|
4
|
+
import{r as e,h as o,H as t,g as r}from"./p-B_VBeM3r.js";import{i as a}from"./p-DdwVwK5C.js";import{a as n}from"./p-Db8rvjPI.js";const d=class{constructor(o){e(this,o),this.theme="",this.href="#",this.icon=void 0,this.getVariant=()=>(this.element.parentElement.parentElement.getAttribute("slot"),"right")}componentWillLoad(){a(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-menu-bar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"6d31641d480353ee7f924029a31c94dc1747f1ed"},o("a",{key:"ea374446994ad7ea0780b8f4320247c718f08219",class:{"duet-menu-bar-dropdown-link":!0,[`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]:!0,"duet-theme-turva":"turva"===this.theme},href:this.href,role:"menuitem",onKeyUp:e=>this.handleEscape(e),"aria-label":this.accessibleLabel},this.icon&&o("duet-icon",{key:"486173db589cdbf851d3a5dd9171990af84707bb",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("slot",{key:"d284cabdff17ad2590e80ed02894fe87425507b0"})))}get element(){return r(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-menu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover{background:#fbebe1}';export{d as duet_menu_bar_dropdown_link}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as e,h as i,H as a,g as o}from"./p-CUNSbdt4.js";import{i as s}from"./p-BI7G8d3Z.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as d,h,c as n}from"./p-Be6-farU.js";import{f as l,w as b}from"./p-BmMFVM-y.js";const c=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",7),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.focus=!1,this.radioId=r("DuetRadio"),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.margin="auto",this.theme="",this.disabled=!1,this.required=!1,this.blockEvents=!1,this.label="label",this.radioInputListenersRemove=t=>{t.removeEventListener("change",this.onChange),t.removeEventListener("focus",this.onFocus),t.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=t=>{t.addEventListener("change",this.onChange),t.addEventListener("focus",this.onFocus),t.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const t=this.element.querySelector("input"),e=t||document.createElement("input");if(e.slot="input",e.disabled=!(!this.disabled&&!this.groupDisabled)||void 0,e.id=this.identifier||this.radioId,e.type="radio",e.name=this.name,e.value=this.value,e.checked=this.checked,this.accessibleIndex&&(e.tabIndex=Number(this.accessibleIndex)),e.required=this.required,e.role=this.role,this.accessibleControls&&e.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&e.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleOwns&&e.setAttribute("aria-owns",this.accessibleOwns),this.accessibleDescribedBy&&e.setAttribute("aria-describedby",this.accessibleDescribedBy),this.accessibleLabelledBy&&e.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&e.setAttribute("aria-details",this.accessibleDetails),this.accessibleDescription&&e.setAttribute("aria-description",this.accessibleDescription),this.hasLabel){const t=d(this.element,"label");e.ariaLabel=t.length>0?t[0].textContent:this.labelElement.textContent}else e.ariaLabel=this.labelElement.textContent;t?this.radioInputListenersRemove(e):this.element.appendChild(e),this.radioInputListenersAdd(e),this.focusableElement=e},this.onClick=t=>{t.stopPropagation()},this.onChange=t=>{this.checked=this.focusableElement.checked,this.checked&&!this.blockEvents&&this.duetChange.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})}}componentWillLoad(){s(this),this.hasLabel=h(this.element,"label"),void 0===this.value&&(this.value=this.identifier)}componentDidRender(){this.radioInputSetUp()}async setFocus(t){this.focusableElement.focus(t)}render(){return i(a,{key:"0811162c634e2b8b369c4e7f4b812f8a1273d968",onClick:this.onClick,class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin}},i("div",{key:"092e3a273977a27528421ed663ff7fb02d8d69c3",class:{"duet-radio-container":!0,"duet-theme-turva":"turva"===this.theme}},i("slot",{key:"4718ae20d1c35598cd5303f78aff0a4396cb2347",name:"input"}),i("label",{key:"ec79e101c2130e2bb249336066e200e0dd4be698",inert:!0,ref:t=>this.labelElement=t,class:{"duet-label":!0,checked:this.checked,focus:this.focus,disabled:this.disabled||this.groupDisabled}},i("div",{key:"11d19022266ecb88c7f4e473ac20279dc02fbd08",class:"duet-label-content"},this.hasLabel?i("slot",{name:"label"}):this.label))))}get element(){return o(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.vertical){margin-right:0 !important}:host(.horizontal){margin-bottom:0 !important;width:auto}:host(.horizontal) .duet-label .duet-label-content{max-width:100%}@media (min-width: 48em){:host(.horizontal-responsive){margin-right:28px !important;margin-bottom:0 !important;width:auto}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}:host(.horizontal-responsive) .duet-label .duet-label-content{max-width:100%}}:host(.duet-m-0){margin:0 !important}:host(:last-child:not(:only-child)){margin-right:0 !important;margin-bottom:0 !important}.duet-label{position:relative;z-index:100;display:flex;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva .duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-label .duet-label-content{flex-grow:1;font-size:1rem}.duet-label-hidden .duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container{position:relative;width:100%;height:100%}.duet-label::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:50%}.duet-theme-turva .duet-label::before{border-color:rgb(23, 28, 58)}.duet-label.focus::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-label.focus::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-label.checked::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva .duet-label.checked::after{background:rgb(23, 28, 58)}.duet-label.disabled{color:rgb(98, 121, 138)}.duet-theme-turva .duet-label.disabled{color:rgb(143, 147, 158)}.duet-label.disabled::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-label.disabled::before{border-color:rgb(143, 147, 158)}.duet-label.disabled.checked::before{border:1px solid rgb(127, 150, 165)}.duet-label.disabled.checked::after{background:rgb(127, 150, 165)}.duet-theme-turva .duet-label.disabled.checked::after{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}*::slotted([slot=input]){padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}*::slotted([slot=input][disabled]){cursor:default}:host(.duet-theme-turva2) .duet-theme-turva .duet-label{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio+label::before{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio:checked+label::after{background:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]+label{color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]+label::before{border-color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]:checked+label::after{background:#7891a4;border-color:#7891a4}';const u=class{constructor(e){t(this,e),this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.tooltip="",this.tooltipDirection="auto",this.label="Label",this.labelHidden=!1,this.caption="",this.responsive=!1,this.required=!1,this.accessibleLiveError="polite",this.onSelect=t=>{const e=t.target;e&&(this.value=e.value),t.cancelBubble=!0}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){const t=this.element;if(void 0===this.value){const e=l(t,"duet-radio");void 0!==e&&(await e.componentOnReady(),void 0===this.value&&(this.value=e.value))}this.mutationO=b(t,"duet-radio",(t=>{void 0!==t?t.componentOnReady().then((()=>{this.value=t.value})):this.updateRadios()})),this.updateRadios()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){s(this),this.removeDisabledAttributeWhenFalse(),n(this.element,"tooltip","duet-tooltip",1,!0)}async updateRadios(){const t=Array.from(this.element.querySelectorAll("duet-radio")),{value:e}=this;let i=!1;for(const a of t)a.name=this.name,a.required=this.required,a.groupDisabled=this.disabled,a.groupDirection=this.direction,a.groupResponsive=this.responsive,i||a.value!==e?a.checked=!1:(i=!0,a.checked=!0);i||(this.value=void 0)}render(){return i(a,{key:"01ba8f8a5f168e071abf1524c8815e2ce34664d7",onDuetChange:this.onSelect,class:{horizontal:"horizontal"===this.direction}},i("duet-fieldset",{key:"48e48291e03a0c5d7f6c713680d1feebcbfabc1f",label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&i("duet-tooltip",{key:"532801bb298de01439683cd488d13cb333891f8e",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"042abc2d766f10418bded8555de4c50c0049bcdd",name:"tooltip"}),i("div",{key:"2dbadf3c9d3635a6b00d7facd133ec257fd0db9b",class:{"duet-radio-group":!0,"duet-no-stacking":!this.responsive}},i("slot",{key:"79adc31a7e9ffe6fb1d564c282e454aca4f94f8e"}))))}get element(){return o(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateRadios"],name:["updateRadios"],value:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}}};u.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}:host(.horizontal) .duet-radio-group{display:block}@media (min-width: 48em){:host(.horizontal) .duet-radio-group{display:flex}}:host(.horizontal) .duet-radio-group.duet-no-stacking{display:flex}.deut-radio-group{width:100%}";export{c as duet_radio,u as duet_radio_group}
|
|
4
|
+
import{r as t,c as e,h as i,H as a,g as o}from"./p-B_VBeM3r.js";import{i as s}from"./p-DdwVwK5C.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as d,h,c as n}from"./p-KocOARXM.js";import{f as l,w as b}from"./p-BmMFVM-y.js";const c=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",7),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.focus=!1,this.radioId=r("DuetRadio"),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.margin="auto",this.theme="",this.disabled=!1,this.required=!1,this.blockEvents=!1,this.label="label",this.radioInputListenersRemove=t=>{t.removeEventListener("change",this.onChange),t.removeEventListener("focus",this.onFocus),t.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=t=>{t.addEventListener("change",this.onChange),t.addEventListener("focus",this.onFocus),t.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const t=this.element.querySelector("input"),e=t||document.createElement("input");if(e.slot="input",e.disabled=!(!this.disabled&&!this.groupDisabled)||void 0,e.id=this.identifier||this.radioId,e.type="radio",e.name=this.name,e.value=this.value,e.checked=this.checked,this.accessibleIndex&&(e.tabIndex=Number(this.accessibleIndex)),e.required=this.required,e.role=this.role,this.accessibleControls&&e.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&e.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleOwns&&e.setAttribute("aria-owns",this.accessibleOwns),this.accessibleDescribedBy&&e.setAttribute("aria-describedby",this.accessibleDescribedBy),this.accessibleLabelledBy&&e.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&e.setAttribute("aria-details",this.accessibleDetails),this.accessibleDescription&&e.setAttribute("aria-description",this.accessibleDescription),this.hasLabel){const t=d(this.element,"label");e.ariaLabel=t.length>0?t[0].textContent:this.labelElement.textContent}else e.ariaLabel=this.labelElement.textContent;t?this.radioInputListenersRemove(e):this.element.appendChild(e),this.radioInputListenersAdd(e),this.focusableElement=e},this.onClick=t=>{t.stopPropagation()},this.onChange=t=>{this.checked=this.focusableElement.checked,this.checked&&!this.blockEvents&&this.duetChange.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})}}componentWillLoad(){s(this),this.hasLabel=h(this.element,"label"),void 0===this.value&&(this.value=this.identifier)}componentDidRender(){this.radioInputSetUp()}async setFocus(t){this.focusableElement.focus(t)}render(){return i(a,{key:"173f8f9bee06f6f1fce187b223c661a737e724a5",onClick:this.onClick,class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin}},i("div",{key:"c234b7ed5eb36bcce5c89ebe92b3347245136267",class:{"duet-radio-container":!0,"duet-theme-turva":"turva"===this.theme}},i("slot",{key:"064045eefce1bcd83621abeba85129b345867a9e",name:"input"}),i("label",{key:"28efb57846fef34d8be372c9d9ac351120efa58d",inert:!0,ref:t=>this.labelElement=t,class:{"duet-label":!0,checked:this.checked,focus:this.focus,disabled:this.disabled||this.groupDisabled}},i("div",{key:"1f6a2376b2c34c7f5479eac3817b3f3c92b7ca42",class:"duet-label-content"},this.hasLabel?i("slot",{name:"label"}):this.label))))}get element(){return o(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.vertical){margin-right:0 !important}:host(.horizontal){margin-bottom:0 !important;width:auto}:host(.horizontal) .duet-label .duet-label-content{max-width:100%}@media (min-width: 48em){:host(.horizontal-responsive){margin-right:28px !important;margin-bottom:0 !important;width:auto}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}:host(.horizontal-responsive) .duet-label .duet-label-content{max-width:100%}}:host(.duet-m-0){margin:0 !important}:host(:last-child:not(:only-child)){margin-right:0 !important;margin-bottom:0 !important}.duet-label{position:relative;z-index:100;display:flex;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva .duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-label .duet-label-content{flex-grow:1;font-size:1rem}.duet-label-hidden .duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container{position:relative;width:100%;height:100%}.duet-label::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:50%}.duet-theme-turva .duet-label::before{border-color:rgb(23, 28, 58)}.duet-label.focus::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-label.focus::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-label.checked::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva .duet-label.checked::after{background:rgb(23, 28, 58)}.duet-label.disabled{color:rgb(98, 121, 138)}.duet-theme-turva .duet-label.disabled{color:rgb(143, 147, 158)}.duet-label.disabled::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-label.disabled::before{border-color:rgb(143, 147, 158)}.duet-label.disabled.checked::before{border:1px solid rgb(127, 150, 165)}.duet-label.disabled.checked::after{background:rgb(127, 150, 165)}.duet-theme-turva .duet-label.disabled.checked::after{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}*::slotted([slot=input]){padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}*::slotted([slot=input][disabled]){cursor:default}:host(.duet-theme-turva2) .duet-theme-turva .duet-label{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio+label::before{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio:checked+label::after{background:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]+label{color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]+label::before{border-color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]:checked+label::after{background:#7891a4;border-color:#7891a4}';const u=class{constructor(e){t(this,e),this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.tooltip="",this.tooltipDirection="auto",this.label="Label",this.labelHidden=!1,this.caption="",this.responsive=!1,this.required=!1,this.accessibleLiveError="polite",this.onSelect=t=>{const e=t.target;e&&(this.value=e.value),t.cancelBubble=!0}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){const t=this.element;if(void 0===this.value){const e=l(t,"duet-radio");void 0!==e&&(await e.componentOnReady(),void 0===this.value&&(this.value=e.value))}this.mutationO=b(t,"duet-radio",(t=>{void 0!==t?t.componentOnReady().then((()=>{this.value=t.value})):this.updateRadios()})),this.updateRadios()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){s(this),this.removeDisabledAttributeWhenFalse(),n(this.element,"tooltip","duet-tooltip",1,!0)}async updateRadios(){const t=Array.from(this.element.querySelectorAll("duet-radio")),{value:e}=this;let i=!1;for(const a of t)a.name=this.name,a.required=this.required,a.groupDisabled=this.disabled,a.groupDirection=this.direction,a.groupResponsive=this.responsive,i||a.value!==e?a.checked=!1:(i=!0,a.checked=!0);i||(this.value=void 0)}render(){return i(a,{key:"b39897a5768066e81309d63d7f5c75c1c2eecfef",onDuetChange:this.onSelect,class:{horizontal:"horizontal"===this.direction}},i("duet-fieldset",{key:"f26a8ac391a951b87e2015bfa3ffcfe63bc3f8c8",label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&i("duet-tooltip",{key:"2c5bd82fbd17c3c959ee697de49ebc79382b08fd",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"ac3c4bc22b28dfb4e75d7ee646433f0dc54fd1cf",name:"tooltip"}),i("div",{key:"8eb867559bf7ad38008c675aea68ed32f4b1f78d",class:{"duet-radio-group":!0,"duet-no-stacking":!this.responsive}},i("slot",{key:"b7c150d9ed7e6643a158032e3d110576358d14e2"}))))}get element(){return o(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateRadios"],name:["updateRadios"],value:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}}};u.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}:host(.horizontal) .duet-radio-group{display:block}@media (min-width: 48em){:host(.horizontal) .duet-radio-group{display:flex}}:host(.horizontal) .duet-radio-group.duet-no-stacking{display:flex}.deut-radio-group{width:100%}";export{c as duet_radio,u as duet_radio_group}
|