@duetds/components 10.0.0-alpha.27 → 10.0.0-alpha.28
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 +49 -41
- package/hydrate/index.mjs +49 -41
- package/lib/cjs/{a11y-utils-B33qnv_c.js → a11y-utils-CJbT7JyN.js} +1 -1
- package/lib/cjs/{app-globals-DxEBgBDv.js → app-globals-Bg_Qat6e.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 +3 -3
- package/lib/cjs/duet-banner.cjs.entry.js +4 -4
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +11 -20
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
- package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-callout.cjs.entry.js +3 -3
- package/lib/cjs/duet-caption_4.cjs.entry.js +6 -6
- 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 +2 -2
- package/lib/cjs/duet-chip.cjs.entry.js +3 -3
- package/lib/cjs/duet-choice_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-collapsible.cjs.entry.js +17 -8
- package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
- package/lib/cjs/duet-contact-card.cjs.entry.js +3 -3
- 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 +3 -3
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +5 -5
- package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
- package/lib/cjs/duet-fieldset.cjs.entry.js +3 -3
- 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 +2 -2
- package/lib/cjs/duet-header_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-hero.cjs.entry.js +15 -11
- package/lib/cjs/duet-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-indicator.cjs.entry.js +2 -2
- package/lib/cjs/duet-input_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-layout.cjs.entry.js +2 -2
- package/lib/cjs/duet-list_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -4
- package/lib/cjs/duet-modal.cjs.entry.js +6 -6
- package/lib/cjs/duet-multiselect.cjs.entry.js +5 -5
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-number-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-overlay.cjs.entry.js +2 -2
- package/lib/cjs/duet-page-heading.cjs.entry.js +3 -3
- package/lib/cjs/duet-pagination_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-panel.cjs.entry.js +3 -3
- package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-radio_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-range-slider.cjs.entry.js +4 -4
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +5 -5
- package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +4 -4
- package/lib/cjs/duet-shaped-image.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +1 -1
- package/lib/cjs/duet-share-chart.cjs.entry.js +5 -5
- package/lib/cjs/duet-show-more.cjs.entry.js +3 -3
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +3 -3
- package/lib/cjs/duet-slideout-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout.cjs.entry.js +6 -6
- package/lib/cjs/duet-status-icon.cjs.entry.js +1 -1
- package/lib/cjs/duet-step_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +5 -5
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +3 -3
- package/lib/cjs/duet-textarea.cjs.entry.js +5 -5
- package/lib/cjs/duet-toggle.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +5 -5
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-toolbar.cjs.entry.js +2 -2
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
- package/lib/cjs/duet-tray.cjs.entry.js +3 -3
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-upload-item.cjs.entry.js +4 -4
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-D9V4NJkh.js → errorcodes.utils-CvAMXZjl.js} +1 -1
- package/lib/cjs/{focus-utils-2MQWj2yf.js → focus-utils-C8MDOQZG.js} +1 -1
- package/lib/cjs/{index-CgbT-GDe.js → index-BkDTP7hm.js} +1 -1
- package/lib/cjs/{label-B2EZulEI.js → label-DYV9pC59.js} +1 -1
- package/lib/cjs/{language-utils-DjVt82-o.js → language-utils-BxIeXBGy.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-mZWWDERy.js → slot-utils-F-Jmx-3a.js} +1 -1
- package/lib/cjs/{themeable-component-DtTN09xK.js → themeable-component-DvX_Xgrg.js} +1 -1
- package/lib/cjs/{token-utils-DsVwGXGM.js → token-utils-b3aW02zZ.js} +7 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css +1 -1
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +9 -22
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css +3 -3
- package/lib/collection/components/duet-button/duet-button.css +3 -0
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +15 -6
- package/lib/collection/components/duet-hero/duet-hero.css +4 -0
- package/lib/collection/components/duet-hero/duet-hero.js +10 -6
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +4 -0
- package/lib/collection/components/duet-nav/duet-nav.css +4 -0
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +1 -1
- package/lib/collection/components/duet-panel/duet-panel.css +5 -4
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +4 -0
- package/lib/collection/utils/token-utils.js +3 -3
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-ca2fd9dc.entry.js → p-01a9a47d.entry.js} +1 -1
- package/lib/duet/{p-c43669b3.entry.js → p-09758ca7.entry.js} +1 -1
- package/lib/duet/{p-f6b76f66.entry.js → p-1206ff96.entry.js} +1 -1
- package/lib/duet/{p-076d2d0d.entry.js → p-12ac4ff1.entry.js} +1 -1
- package/lib/duet/{p-75fd0eca.entry.js → p-166bc231.entry.js} +1 -1
- package/lib/duet/{p-91f39296.entry.js → p-16a96348.entry.js} +1 -1
- package/lib/duet/{p-39087512.entry.js → p-1a8da00c.entry.js} +1 -1
- package/lib/duet/{p-a0e708db.entry.js → p-20fa2389.entry.js} +1 -1
- package/lib/duet/{p-6a95d722.entry.js → p-22e7cf7d.entry.js} +1 -1
- package/lib/duet/{p-2c976b5a.entry.js → p-2cdeebb1.entry.js} +1 -1
- package/lib/duet/{p-fe393084.entry.js → p-2f21ed78.entry.js} +1 -1
- package/lib/duet/{p-3facac5a.entry.js → p-2f8ac3ad.entry.js} +1 -1
- package/lib/duet/{p-b37b1542.entry.js → p-30035283.entry.js} +1 -1
- package/lib/duet/{p-a9094bdc.entry.js → p-3208daa6.entry.js} +1 -1
- package/lib/duet/{p-6943a2ef.entry.js → p-34ca9627.entry.js} +1 -1
- package/lib/duet/{p-41dd144f.entry.js → p-35fdce02.entry.js} +1 -1
- package/lib/duet/{p-875dd701.entry.js → p-3a1c718a.entry.js} +1 -1
- package/lib/duet/{p-931b4437.entry.js → p-3a4a486b.entry.js} +1 -1
- package/lib/duet/{p-3d3aff4c.entry.js → p-41558cfd.entry.js} +1 -1
- package/lib/duet/{p-503a290b.entry.js → p-447520f5.entry.js} +1 -1
- package/lib/duet/p-44e44f11.entry.js +4 -0
- package/lib/duet/{p-9f9576a2.entry.js → p-49534af3.entry.js} +1 -1
- package/lib/duet/{p-e882bbb5.entry.js → p-4e6bc806.entry.js} +1 -1
- package/lib/duet/{p-bed6b29f.entry.js → p-54dff5d5.entry.js} +1 -1
- package/lib/duet/{p-9af77c24.entry.js → p-5a2e2e55.entry.js} +1 -1
- package/lib/duet/p-5cd78818.entry.js +4 -0
- package/lib/duet/{p-3389969d.entry.js → p-5d626b10.entry.js} +1 -1
- package/lib/duet/{p-208fdfe6.entry.js → p-5da18b67.entry.js} +1 -1
- package/lib/duet/{p-b6354004.entry.js → p-631b16b7.entry.js} +1 -1
- package/lib/duet/{p-5a8f14cf.entry.js → p-66dc053b.entry.js} +1 -1
- package/lib/duet/{p-59cd72fc.entry.js → p-68b125c1.entry.js} +1 -1
- package/lib/duet/{p-a94cc8a6.entry.js → p-6b79244a.entry.js} +1 -1
- package/lib/duet/{p-b001a8a4.entry.js → p-6e1454e9.entry.js} +1 -1
- package/lib/duet/p-6f710a62.entry.js +4 -0
- package/lib/duet/{p-7379c2ed.entry.js → p-787b30fc.entry.js} +1 -1
- package/lib/duet/{p-a582e823.entry.js → p-78db887a.entry.js} +1 -1
- package/lib/duet/{p-c745c02a.entry.js → p-7912bc42.entry.js} +1 -1
- package/lib/duet/{p-55a63695.entry.js → p-796eec58.entry.js} +1 -1
- package/lib/duet/{p-ab61831a.entry.js → p-7b718349.entry.js} +1 -1
- package/lib/duet/{p-3c7ba14f.entry.js → p-7c3fcd96.entry.js} +1 -1
- package/lib/duet/{p-0528f691.entry.js → p-7e02804f.entry.js} +1 -1
- package/lib/duet/{p-72c7db64.entry.js → p-8017e834.entry.js} +1 -1
- package/lib/duet/{p-b025df86.entry.js → p-81992942.entry.js} +1 -1
- package/lib/duet/{p-4107efb5.entry.js → p-8356498a.entry.js} +1 -1
- package/lib/duet/p-87fa61b0.entry.js +4 -0
- package/lib/duet/p-882f0aaf.entry.js +4 -0
- package/lib/duet/{p-c588fc15.entry.js → p-88e2e400.entry.js} +1 -1
- package/lib/duet/p-8d3c4a3f.entry.js +4 -0
- package/lib/duet/p-8de6d1e2.entry.js +4 -0
- package/lib/duet/{p-493d938a.entry.js → p-97ba0b31.entry.js} +1 -1
- package/lib/duet/{p-79c93372.entry.js → p-97bb619b.entry.js} +1 -1
- package/lib/duet/p-9ac2964f.entry.js +4 -0
- package/lib/duet/{p-deb90dc7.entry.js → p-9dd85685.entry.js} +1 -1
- package/lib/duet/{p-BXJZKiJg.js → p-BFsh4y5I.js} +1 -1
- package/lib/duet/{p-1s1EpusX.js → p-BVUumLs-.js} +1 -1
- package/lib/duet/{p-vt84lkeQ.js → p-BfHFKBVa.js} +1 -1
- package/lib/duet/p-D3JjrjH_.js +4 -0
- package/lib/duet/{p-Ob09ol4-.js → p-D4WDSjzx.js} +1 -1
- package/lib/duet/p-DEF77zC7.js +4 -0
- package/lib/duet/p-DeH5mj7m.js +4 -0
- package/lib/duet/p-Do6ugHz0.js +4 -0
- package/lib/duet/p-Yh6R_0l1.js +4 -0
- package/lib/duet/{p-1995091e.entry.js → p-a1442533.entry.js} +1 -1
- package/lib/duet/{p-d65a706f.entry.js → p-abd2d2e5.entry.js} +1 -1
- package/lib/duet/{p-338667ab.entry.js → p-adf33c50.entry.js} +1 -1
- package/lib/duet/{p-9500f26b.entry.js → p-b88c7286.entry.js} +1 -1
- package/lib/duet/{p-d11b094d.entry.js → p-b9125a20.entry.js} +1 -1
- package/lib/duet/{p-50afabfb.entry.js → p-b942ee5a.entry.js} +1 -1
- package/lib/duet/{p-4289c214.entry.js → p-bd08aba8.entry.js} +1 -1
- package/lib/duet/p-be077745.entry.js +4 -0
- package/lib/duet/{p-c516bf93.entry.js → p-c084c91d.entry.js} +1 -1
- package/lib/duet/{p-bc7d4da0.entry.js → p-c43dc2fd.entry.js} +1 -1
- package/lib/duet/{p-a274b8fd.entry.js → p-c9ef3dfc.entry.js} +1 -1
- package/lib/duet/{p-25ebe6a5.entry.js → p-c9fd65ce.entry.js} +1 -1
- package/lib/duet/{p-c4fe8bae.entry.js → p-caf2cab9.entry.js} +1 -1
- package/lib/duet/{p-4b032feb.entry.js → p-cb78347a.entry.js} +1 -1
- package/lib/duet/{p-e439d733.entry.js → p-cc343a6c.entry.js} +1 -1
- package/lib/duet/p-d0cc1c5b.entry.js +4 -0
- package/lib/duet/{p-4f638a3d.entry.js → p-d83d4c83.entry.js} +1 -1
- package/lib/duet/{p-ed5f5c6b.entry.js → p-d93c2be4.entry.js} +1 -1
- package/lib/duet/{p-fc7d6429.entry.js → p-daa8f255.entry.js} +1 -1
- package/lib/duet/{p-7ace4629.entry.js → p-dd8692cb.entry.js} +1 -1
- package/lib/duet/{p-5b2527f7.entry.js → p-ddbdbe11.entry.js} +1 -1
- package/lib/duet/{p-8ff78f91.entry.js → p-ea979f26.entry.js} +1 -1
- package/lib/duet/{p-263790e3.entry.js → p-eab48b73.entry.js} +1 -1
- package/lib/duet/{p-1228299f.entry.js → p-ee38050b.entry.js} +1 -1
- package/lib/duet/{p-167290f7.entry.js → p-f0076621.entry.js} +1 -1
- package/lib/duet/{p-a431d704.entry.js → p-f2b7be73.entry.js} +1 -1
- package/lib/duet/{p-cd4d12c2.entry.js → p-f30823aa.entry.js} +1 -1
- package/lib/duet/p-f78c747f.entry.js +4 -0
- package/lib/duet/{p-5efda812.entry.js → p-fc2d3b85.entry.js} +1 -1
- package/lib/duet/{p-ba6dc53e.entry.js → p-fcc4cd08.entry.js} +1 -1
- package/lib/duet/{p-fe29dee3.entry.js → p-fdab5c0b.entry.js} +1 -1
- package/lib/duet/{p-6fe283f7.entry.js → p-fec4da8c.entry.js} +1 -1
- package/lib/duet/{p-950c4ec0.entry.js → p-ff169773.entry.js} +1 -1
- package/lib/duet/p-x84EsPoI.js +4 -0
- package/lib/esm/{a11y-utils-CROKOfOD.js → a11y-utils-CRHgvsu9.js} +1 -1
- package/lib/esm/{app-globals-CahJi_2c.js → app-globals-CYQv_sg4.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +4 -4
- package/lib/esm/duet-alert.entry.js +4 -4
- package/lib/esm/duet-badge.entry.js +3 -3
- package/lib/esm/duet-banner.entry.js +4 -4
- package/lib/esm/duet-breadcrumb.entry.js +11 -20
- package/lib/esm/duet-breadcrumbs.entry.js +5 -5
- package/lib/esm/duet-button_2.entry.js +5 -5
- package/lib/esm/duet-callout.entry.js +3 -3
- package/lib/esm/duet-caption_4.entry.js +6 -6
- package/lib/esm/duet-card.entry.js +4 -4
- package/lib/esm/duet-checkbox.entry.js +2 -2
- package/lib/esm/duet-checkmark.entry.js +2 -2
- package/lib/esm/duet-chip.entry.js +3 -3
- package/lib/esm/duet-choice_2.entry.js +4 -4
- package/lib/esm/duet-collapsible.entry.js +17 -8
- package/lib/esm/duet-combobox.entry.js +4 -4
- package/lib/esm/duet-contact-card.entry.js +3 -3
- 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 +3 -3
- package/lib/esm/duet-editable-table_3.entry.js +5 -5
- package/lib/esm/duet-empty-state.entry.js +2 -2
- package/lib/esm/duet-fieldset.entry.js +3 -3
- 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 +2 -2
- package/lib/esm/duet-header_2.entry.js +4 -4
- package/lib/esm/duet-hero.entry.js +15 -11
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-indicator.entry.js +2 -2
- package/lib/esm/duet-input_2.entry.js +6 -6
- package/lib/esm/duet-layout.entry.js +2 -2
- package/lib/esm/duet-list_2.entry.js +2 -2
- package/lib/esm/duet-menu-bar-button.entry.js +2 -2
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +2 -2
- package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
- package/lib/esm/duet-menu-bar-item.entry.js +5 -5
- package/lib/esm/duet-menu-bar-link.entry.js +2 -2
- package/lib/esm/duet-menu-bar.entry.js +4 -4
- package/lib/esm/duet-modal.entry.js +6 -6
- package/lib/esm/duet-multiselect.entry.js +5 -5
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +3 -3
- package/lib/esm/duet-number-input.entry.js +4 -4
- package/lib/esm/duet-overlay.entry.js +2 -2
- package/lib/esm/duet-page-heading.entry.js +3 -3
- package/lib/esm/duet-pagination_2.entry.js +4 -4
- package/lib/esm/duet-panel.entry.js +3 -3
- package/lib/esm/duet-phone-input.entry.js +4 -4
- package/lib/esm/duet-popup-menu_2.entry.js +4 -4
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +4 -4
- package/lib/esm/duet-radio_2.entry.js +3 -3
- package/lib/esm/duet-range-slider.entry.js +4 -4
- package/lib/esm/duet-scrollable_3.entry.js +5 -5
- package/lib/esm/duet-section-layout.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +4 -4
- package/lib/esm/duet-shaped-image.entry.js +2 -2
- package/lib/esm/duet-share-chart-item.entry.js +1 -1
- package/lib/esm/duet-share-chart.entry.js +5 -5
- package/lib/esm/duet-show-more.entry.js +3 -3
- package/lib/esm/duet-slideout-lang.entry.js +3 -3
- package/lib/esm/duet-slideout-link.entry.js +5 -5
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +2 -2
- package/lib/esm/duet-slideout-panel.entry.js +6 -6
- package/lib/esm/duet-slideout.entry.js +6 -6
- package/lib/esm/duet-status-icon.entry.js +1 -1
- package/lib/esm/duet-step_2.entry.js +3 -3
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-item.entry.js +5 -5
- package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar.entry.js +3 -3
- package/lib/esm/duet-textarea.entry.js +5 -5
- package/lib/esm/duet-toggle.entry.js +4 -4
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +2 -2
- package/lib/esm/duet-toolbar-dropdown.entry.js +2 -2
- package/lib/esm/duet-toolbar-item.entry.js +5 -5
- package/lib/esm/duet-toolbar-link.entry.js +2 -2
- package/lib/esm/duet-toolbar.entry.js +2 -2
- package/lib/esm/duet-tooltip-button_2.entry.js +3 -3
- package/lib/esm/duet-tooltip.entry.js +4 -4
- package/lib/esm/duet-tray.entry.js +3 -3
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-upload-item.entry.js +4 -4
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-6V_f8y5q.js → errorcodes.utils-MZm5Z6Ra.js} +1 -1
- package/lib/esm/{focus-utils-CErdQceY.js → focus-utils-CrtNnjPR.js} +1 -1
- package/lib/esm/{index-vt84lkeQ.js → index-BfHFKBVa.js} +1 -1
- package/lib/esm/{label-BosP5JdK.js → label-BewTofiP.js} +1 -1
- package/lib/esm/{language-utils-B9dLrWKg.js → language-utils-BvGD3xAJ.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-BZXZ33TK.js → slot-utils-QOcACBKy.js} +1 -1
- package/lib/esm/{themeable-component-CsnFpp6R.js → themeable-component-D9rAA2iK.js} +1 -1
- package/lib/esm/{token-utils-BGFYWQ6j.js → token-utils-C-c-tsXV.js} +7 -4
- package/lib/types/components/duet-breadcrumbs/duet-breadcrumb.d.ts +2 -4
- package/lib/types/components/duet-hero/duet-hero.d.ts +1 -0
- package/lib/types/components.d.ts +2 -2
- package/package.json +3 -3
- package/lib/duet/p-15d4751c.entry.js +0 -4
- package/lib/duet/p-26146512.entry.js +0 -4
- package/lib/duet/p-46eaee49.entry.js +0 -4
- package/lib/duet/p-537d3b11.entry.js +0 -4
- package/lib/duet/p-61105f0d.entry.js +0 -4
- package/lib/duet/p-BSOF0zb5.js +0 -4
- package/lib/duet/p-Cq7Ixl9a.js +0 -4
- package/lib/duet/p-DejMEymG.js +0 -4
- package/lib/duet/p-Dr2j33H2.js +0 -4
- package/lib/duet/p-G09pKpI-.js +0 -4
- package/lib/duet/p-aWO-HcmJ.js +0 -4
- package/lib/duet/p-b2780442.entry.js +0 -4
- package/lib/duet/p-babbf633.entry.js +0 -4
- package/lib/duet/p-cbedc26b.entry.js +0 -4
- package/lib/duet/p-ef821bec.entry.js +0 -4
- package/lib/duet/p-f46480c6.entry.js +0 -4
- package/lib/duet/p-fd989bd6.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-BfHFKBVa.js";import{i as s}from"./p-BFsh4y5I.js";import{f as i}from"./p-D4WDSjzx.js";import{g as o}from"./p-x84EsPoI.js";import{g as h}from"./p-Do6ugHz0.js";import"./p-C6E9F6QT.js";import"./p-Z0D6Gy9e.js";const l=class{constructor(t){e(this,t),this.defaultColors=["lt-blue-800","lt-blue-600","success-600","success-800","warning-600","danger-600","danger-800"],this.theme="",this.unit="%"}componentWillLoad(){s(this)}connectedCallback(){this.childObserver=new MutationObserver(this.updateChartItems.bind(this)),this.childObserver.observe(this.element,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.updateChartItems()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}updateChartItems(){const e=o(this.element).filter((e=>"duet-share-chart-item"===e.tagName.toLocaleLowerCase()));this.items=e.map(((e,t)=>({text:e.textContent,value:e.value,color:e.color||this.defaultColors[t%this.defaultColors.length]}))),this.itemsTotalValue=this.items.reduce(((e,{value:t})=>e+t),0)}render(){return t(a,{key:"c22523d7e91ce5ef59f5553ed847309cc45c9499"},t("div",{key:"9aa4f2e4c117c5f7c30bce27585c7abc4d5568ea",class:"duet-share-chart-horizontal-bar",role:"presentation"},this.items.filter((e=>!!e.value)).map((e=>t("span",{class:"duet-share-chart-share",style:{width:e.value/this.itemsTotalValue*100+"%",backgroundColor:h(e.color,this.theme)}})))),t("ul",{key:"428d17dde9185b071455325d5d2195618f4a0267",class:"duet-share-chart-item-list"},this.items.map((e=>t("li",{class:{"duet-theme-turva":"turva"===this.theme}},t("span",{class:"duet-share-chart-item-color",style:{background:h(e.color,this.theme)}}),t("span",{class:"duet-share-chart-item-text"},e.text,":"),t("span",{class:"duet-share-chart-item-value"}," ",i(e.value)," ",this.unit),"%"!==this.unit&&t("duet-visually-hidden",null,`${i(e.value/this.itemsTotalValue*100,0)} %`))))),t("slot",{key:"2f394e013dfe0a533524bef6f0649f57d1c2d957"}))}get element(){return r(this)}};l.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-share-chart-horizontal-bar{height:16px;margin-bottom:20px;border-radius:4px}.duet-share-chart-horizontal-bar .duet-share-chart-share{box-sizing:border-box;display:inline-block;height:16px;border-color:rgb(255, 255, 255);border-style:solid;border-width:0 1px}.duet-share-chart-horizontal-bar .duet-share-chart-share:first-child{border-left-width:0;border-radius:4px 0 0 4px}.duet-share-chart-horizontal-bar .duet-share-chart-share:last-child{border-right-width:0;border-radius:0 4px 4px 0}.duet-share-chart-item-list{padding:0 4px;margin:0;list-style:none}.duet-share-chart-item-list li{display:flex;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;color:rgb(8, 42, 77)}.duet-share-chart-item-list li.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-share-chart-item-list span{display:inline-block}.duet-share-chart-item-list .duet-share-chart-item-color{flex-shrink:0;width:12px;height:12px;margin-top:calc((1.5rem - 12px) / 2);margin-right:12px;border-radius:4px}.duet-share-chart-item-list .duet-share-chart-item-value{font-weight:600}:host(.duet-theme-turva2) .duet-share-chart-item-list li.duet-theme-turva{color:#172a3b}';export{l as duet_share_chart}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{h as t,r as i,c as s,H as e,g as h}from"./p-vt84lkeQ.js";import{i as o}from"./p-BXJZKiJg.js";import{c as n}from"./p-Cfr_DJqU.js";import{d as a}from"./p-BlUsLmbQ.js";import{c as r,a as l,b as d,e as c,g as u}from"./p-Db8rvjPI.js";import{g as m,a as p,c as v,d as b}from"./p-Ob09ol4-.js";import{g}from"./p-aWO-HcmJ.js";import{r as f,p as y}from"./p-C6E9F6QT.js";const x=({item:i,activeDescendant:s,selected:e,label:h,clickHandler:o=t=>{t.preventDefault()},keyHandler:n=t=>{t.preventDefault()},search:a,isAndroidDevice:r,id:l})=>{const d=a.split(" ").filter((t=>!!t.trim())).map((t=>f(t))),c=""!==a?new RegExp(`(${d.join("|")})`,"i"):void 0;return t("duet-popup-menu-item",{id:s?l:"",active:e,"data-index":i.id,"aria-selected":s?"true":void 0,"aria-current":e?"true":void 0,role:"option","aria-label":h,tabindex:r?"-1":null,onClick:t=>o(t),onKeyUp:t=>n(t),accessibleRole:"option",activeDescendant:s},c?t("span",{class:"option-container","aria-hidden":"true"},t("span",{innerHTML:i.name.replace(c,'<span style="text-decoration: underline">$&</span>')})):i.name,i.tags&&t("span",{class:"option-tags"},i.tags.join(", ")))},I=class{constructor(t){var e,h;i(this,t),this.duetChange=s(this,"duetChange",3),this.listBoxId=n("duet-combobox-list-element"),this.inputId=n("duet-combobox-input-id"),this.activeDescendantId=n("duet-combobox-active-descendant"),this.isAndroidDevice=(null===(h=null===(e=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===e?void 0:e.toLowerCase())||void 0===h?void 0:h.indexOf("android"))>-1||null,this.isInsideModal=!1,this.resizeObserver=new ResizeObserver(a((t=>{var i,s,e;if(1===(null==t?void 0:t.length)){const h=null===(s=null===(i=t[0])||void 0===i?void 0:i.target)||void 0===s?void 0:s.getBoundingClientRect().width,o=parseInt(null===(e=getComputedStyle(this.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))||void 0===e?void 0:e.padding);this.listContainer.style.setProperty("--popup-width",h-2*o+"px")}}),100)),this.processedItems=null,this.inputValue="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}},this.accessibleLabels=m(this.accessibleLabelDefaults,p()),this.label="",this.caption="",this.theme="",this.force=!1,this.multiple=!1,this.formatter=t=>t&&t.name?t.name:"",this.minCharacters=0,this.openListOnClick=!1,this.filterType="startsWith",this.onInputChange=async t=>{this.inputValue=t.detail.value},this.onInputClick=()=>{var t,i;this.listOpen=this.openListOnClick?!this.listOpen:(null===(t=this.inputValue)||void 0===t?void 0:t.length)>=this.minCharacters,(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)||(this.listOpen=!1)},this.onInputTyping=async t=>{var i;const s=t.detail.value;!this.force&&!this.multiple&&this.selectedItems.size>0&&s!==this.getSelectedItemLabel()&&this.selectedItems.clear(),this.force||this.multiple||""!==s||(this.value=void 0),this.listOpen=String(s).length>=this.minCharacters&&(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)>0},this.onKeyDown=t=>{var i,s,e;const h=this.returnFilteredOrNonFiltered(),o=h.filter((t=>!this.selectedItems.has(t.id)));if(this.input.accessibleActiveDescendant=void 0,r(t))return t.preventDefault(),this.listOpen&&void 0!==this.activeItem&&h[this.activeItem]&&!this.selectedItems.has(h[this.activeItem].id)?this.multiple?this.addSelectedItem(h[this.activeItem].id,!0):this.updateSelectedItem(h[this.activeItem].id,!0):!this.multiple&&this.listOpen&&1===o.length&&o[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(o[0].id,!0),this.activeItem=void 0,void(this.listOpen=!1);if(l(t)||d(t))return this.listOpen&&t.preventDefault(),this.updateInputText(!0),this.activeItem=void 0,void(this.listOpen=!1);let n=this.activeItem;if(c(t))t.preventDefault(),n=this.activeItem-1;else if(u(t)){if((null!==(e=null===(s=null===(i=this.input)||void 0===i?void 0:i.value)||void 0===s?void 0:s.length)&&void 0!==e?e:0)<this.minCharacters)return;t.preventDefault(),n=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0}(u(t)||c(t))&&((n<0||!n)&&(n=0),n>=h.length&&(n=h.length-1),this.input.accessibleActiveDescendant=this.activeDescendantId,this.activeItem=n,this.scrollToActive())}}popupMenuOpenHandler(){this.listOpen?this.listContainer.show():this.listContainer.hide()}activeItemHandler(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||0===t)?this.activeDescendantId:""}inputValueHandler(){setTimeout((async()=>{const t=await this.getSelectedItemLabel();""==this.input.value&&t&&(this.input.value="",this.value=void 0)}),200)}handleDocumentClick(t){t.composedPath().every((t=>t!==this.element))&&(this.updateInputText(!0),this.listOpen=!1)}async formatItem(t){return this.formatter(t)}processItems(){const t=[];if(this.processedItems=y(this.items),!Array.isArray(this.processedItems))return void console.error("DuetCombobox: Items should be an array");this.processedItems.length!==new Set([...this.processedItems]).size&&console.warn("DuetCombobox: Duplicate item values found in the list"),this.processedItems=this.processedItems.map(((i,s)=>("string"==typeof i&&(i={name:i,value:i}),i.id=void 0!==i.id?String(i.id):`${JSON.stringify(i.value)}-${i.name}`,t.includes(i.id)&&(console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index"),i.id=`${i.id}-${s}`),t.push(i.id),i)));const i=Array.from(this.selectedItems).filter((t=>!this.processedItems.find((i=>i.id===t))));i.length&&(this.multiple?i.forEach((t=>this.removeSelectedItem(t))):this.updateSelectedItem(i[0],!0))}processValue(){if(""!==this.value&&!this.value)return void this.selectedItems.clear();const t=Array.isArray(this.value)?this.value:[this.value],i=this.processedItems.filter((i=>t.includes(i.value))).map((t=>t.id));if(i.length!==this.selectedItems.size||!i.every((t=>this.selectedItems.has(t))))if(this.multiple)this.selectedItems.clear(),this.input.clearChips(),i.forEach((t=>this.addSelectedItem(t)));else{const t=this.processedItems.find((t=>t.value===this.value));this.updateSelectedItem(t.id)}}processListOpenChange(){this.openListOnClick&&(this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"),this.input.accessibleExpanded=this.listOpen?"true":"false"}componentWillLoad(){this.element.closest("duet-modal")&&(this.isInsideModal=!0),o(this)}connectedCallback(){this.items&&this.processItems();const t=g(this.element);t.length?this.input=t[0]:(this.input=document.createElement("duet-input"),this.input.label=this.label,this.input.caption=this.caption,this.input.expand=!0,this.element.prepend(this.input)),this.input.chips=this.multiple,this.input.addEventListener("duetChange",this.onInputChange),this.input.addEventListener("duetInput",this.onInputTyping),this.input.addEventListener("click",this.onInputClick),this.input.role="combobox",this.input.accessibleExpanded=this.listOpen?"true":"false",this.input.accessibleAutocomplete="list",this.input.accessibleControls=this.listBoxId,this.input.id=this.inputId,this.element.addEventListener("keydown",this.onKeyDown),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"}),this.processListOpenChange()}disconnectedCallback(){this.input.removeEventListener("duetChange",this.onInputChange),this.input.removeEventListener("click",this.onInputClick),this.element.removeEventListener("keydown",this.onKeyDown),this.resizeObserver.disconnect(),b(this)}componentDidLoad(){this.resizeObserver.observe(this.input),this.processValue()}shouldListBeFiltered(){var t;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue&&(null===(t=this.inputValue)||void 0===t?void 0:t.length)<this.minCharacters){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}emitChangeEvent(t){const i=this.processedItems.find((i=>i.id===t));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})}updateMultipleValue(){this.value=this.processedItems.filter((t=>this.selectedItems.has(t.id))).map((t=>t.value)),this.input.value="",this.updateChips(),this.input.setFocus()}addSelectedItem(t,i){this.selectedItems.has(t)||(this.selectedItems.add(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}removeSelectedItem(t,i){this.selectedItems.has(t)&&(this.selectedItems.delete(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}async updateSelectedItem(t,i){this.selectedItems.clear(),this.selectedItems.add(t),this.value=this.processedItems.find((i=>i.id===t)).value,i&&this.emitChangeEvent(this.value&&t),await this.updateInputText()}async updateChips(){const t=Array.from(this.selectedItems),i=await this.input.getChips();t.forEach((async t=>{const i=this.processedItems.find((i=>i.id===t)),s=await this.formatItem(i);if(!await this.input.hasChip({value:`${t}`,text:s})){const i=document.createElement("duet-chip");i.variation="input",i.role="option",i.value=`${t}`,i.textContent=s,i.addEventListener("duetRemove",(t=>{this.removeSelectedItem(t.detail.value,!0)})),this.input.addChip(i)}})),i.forEach((i=>{t.includes(i.value)||i.remove()}))}async getSelectedItemLabel(){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return t?await this.formatItem(t):""}async updateInputText(t=!1){if(t&&this.multiple)this.input.value="";else{if(t&&this.force){const t=this.returnFilteredOrNonFiltered();!this.multiple&&this.listOpen&&1===t.length&&t[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(t[0].id,!0),this.input.value=0===this.selectedItems.size?"":await this.getSelectedItemLabel()}!t&&this.selectedItems.size>0&&(this.input.value="",this.input.value=await this.getSelectedItemLabel(),this.input.scrollLeft=this.input.scrollWidth,await this.input.setFocus())}}onListClick(t,i){return t.preventDefault(),t.stopPropagation(),this.multiple?this.addSelectedItem(i.id,!0):this.updateSelectedItem(i.id,!0),this.activeItem=void 0,this.listOpen=!1,this.listOpen}scrollToActive(){const t=document.getElementById(`${this.activeDescendantId}`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(t,i,s,e){return t&&void 0!==e?(s===e?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(s)).replace("{hiddenItems}",String(e-s)):""}getFilteredItems(){const t=this.processedItems.filter((t=>{var i,s,e,h,o;return(null===(i=String(t.value))||void 0===i?void 0:i.toLowerCase()[this.filterType](null===(s=this.inputValue)||void 0===s?void 0:s.toLowerCase()))||(null===(e=String(t.name))||void 0===e?void 0:e.toLowerCase()[this.filterType](null===(h=this.inputValue)||void 0===h?void 0:h.toLowerCase()))||this.formatter(t).toLowerCase()[this.filterType](null===(o=this.inputValue)||void 0===o?void 0:o.toLowerCase())||this.selectedItems.has(t.id)})).filter((t=>{let i=!0;return this.multiple&&this.selectedItems.has(t.id)&&(i=!1),i}));return this.sortFilteredItems(t)}sortFilteredItems(t){return t.length>0&&t.filter((t=>this.selectedItems.has(t.id))).forEach((i=>{const s=t.indexOf(i);t.splice(s,1),t.unshift(i)})),t}render(){const i=this.returnFilteredOrNonFiltered();return t(e,{class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},t("slot",null),t("div",null,t("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:t=>this.listContainer=t,accessibleRole:"listbox",allowVerticalFlip:!1,class:{"duet-skip-teleport-inert":this.isInsideModal}},t("div",{class:"combobox-menu-container"},this.listOpen&&i.map(((s,e)=>t(x,{id:this.activeDescendantId,item:s,activeDescendant:e===this.activeItem,selected:this.selectedItems.has(s.id),search:this.inputValue,clickHandler:t=>this.onListClick(t,s),label:this.formatLabel(s,e,i.length,this.processedItems.length),isAndroidDevice:this.isAndroidDevice}))),t("duet-spacer",{size:"x-small"})))))}get element(){return h(this)}static get watchers(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],inputValue:["inputValueHandler"],items:["processItems"],value:["processValue"]}}};I.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-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";color:rgb(8, 42, 77)}:host a{color:rgb(8, 42, 77);transition:none}: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-theme-turva a{color:rgb(23, 28, 58)}.combobox-menu-container{width:var(--popup-width);max-height:200px}:host(.duet-theme-turva2.duet-theme-turva){color:#172a3b}:host(.duet-theme-turva2.duet-theme-turva) a{color:#172a3b}';export{I as duet_combobox}
|
|
4
|
+
import{h as t,r as i,c as s,H as e,g as h}from"./p-BfHFKBVa.js";import{i as o}from"./p-BFsh4y5I.js";import{c as n}from"./p-Cfr_DJqU.js";import{d as a}from"./p-BlUsLmbQ.js";import{c as r,a as l,b as d,e as c,g as u}from"./p-Db8rvjPI.js";import{g as p,a as m,c as v,d as b}from"./p-D4WDSjzx.js";import{g}from"./p-x84EsPoI.js";import{r as f,p as y}from"./p-C6E9F6QT.js";const x=({item:i,activeDescendant:s,selected:e,label:h,clickHandler:o=t=>{t.preventDefault()},keyHandler:n=t=>{t.preventDefault()},search:a,isAndroidDevice:r,id:l})=>{const d=a.split(" ").filter((t=>!!t.trim())).map((t=>f(t))),c=""!==a?new RegExp(`(${d.join("|")})`,"i"):void 0;return t("duet-popup-menu-item",{id:s?l:"",active:e,"data-index":i.id,"aria-selected":s?"true":void 0,"aria-current":e?"true":void 0,role:"option","aria-label":h,tabindex:r?"-1":null,onClick:t=>o(t),onKeyUp:t=>n(t),accessibleRole:"option",activeDescendant:s},c?t("span",{class:"option-container","aria-hidden":"true"},t("span",{innerHTML:i.name.replace(c,'<span style="text-decoration: underline">$&</span>')})):i.name,i.tags&&t("span",{class:"option-tags"},i.tags.join(", ")))},I=class{constructor(t){var e,h;i(this,t),this.duetChange=s(this,"duetChange",3),this.listBoxId=n("duet-combobox-list-element"),this.inputId=n("duet-combobox-input-id"),this.activeDescendantId=n("duet-combobox-active-descendant"),this.isAndroidDevice=(null===(h=null===(e=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===e?void 0:e.toLowerCase())||void 0===h?void 0:h.indexOf("android"))>-1||null,this.isInsideModal=!1,this.resizeObserver=new ResizeObserver(a((t=>{var i,s,e;if(1===(null==t?void 0:t.length)){const h=null===(s=null===(i=t[0])||void 0===i?void 0:i.target)||void 0===s?void 0:s.getBoundingClientRect().width,o=parseInt(null===(e=getComputedStyle(this.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))||void 0===e?void 0:e.padding);this.listContainer.style.setProperty("--popup-width",h-2*o+"px")}}),100)),this.processedItems=null,this.inputValue="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}},this.accessibleLabels=p(this.accessibleLabelDefaults,m()),this.label="",this.caption="",this.theme="",this.force=!1,this.multiple=!1,this.formatter=t=>t&&t.name?t.name:"",this.minCharacters=0,this.openListOnClick=!1,this.filterType="startsWith",this.onInputChange=async t=>{this.inputValue=t.detail.value},this.onInputClick=()=>{var t,i;this.listOpen=this.openListOnClick?!this.listOpen:(null===(t=this.inputValue)||void 0===t?void 0:t.length)>=this.minCharacters,(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)||(this.listOpen=!1)},this.onInputTyping=async t=>{var i;const s=t.detail.value;!this.force&&!this.multiple&&this.selectedItems.size>0&&s!==this.getSelectedItemLabel()&&this.selectedItems.clear(),this.force||this.multiple||""!==s||(this.value=void 0),this.listOpen=String(s).length>=this.minCharacters&&(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)>0},this.onKeyDown=t=>{var i,s,e;const h=this.returnFilteredOrNonFiltered(),o=h.filter((t=>!this.selectedItems.has(t.id)));if(this.input.accessibleActiveDescendant=void 0,r(t))return t.preventDefault(),this.listOpen&&void 0!==this.activeItem&&h[this.activeItem]&&!this.selectedItems.has(h[this.activeItem].id)?this.multiple?this.addSelectedItem(h[this.activeItem].id,!0):this.updateSelectedItem(h[this.activeItem].id,!0):!this.multiple&&this.listOpen&&1===o.length&&o[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(o[0].id,!0),this.activeItem=void 0,void(this.listOpen=!1);if(l(t)||d(t))return this.listOpen&&t.preventDefault(),this.updateInputText(!0),this.activeItem=void 0,void(this.listOpen=!1);let n=this.activeItem;if(c(t))t.preventDefault(),n=this.activeItem-1;else if(u(t)){if((null!==(e=null===(s=null===(i=this.input)||void 0===i?void 0:i.value)||void 0===s?void 0:s.length)&&void 0!==e?e:0)<this.minCharacters)return;t.preventDefault(),n=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0}(u(t)||c(t))&&((n<0||!n)&&(n=0),n>=h.length&&(n=h.length-1),this.input.accessibleActiveDescendant=this.activeDescendantId,this.activeItem=n,this.scrollToActive())}}popupMenuOpenHandler(){this.listOpen?this.listContainer.show():this.listContainer.hide()}activeItemHandler(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||0===t)?this.activeDescendantId:""}inputValueHandler(){setTimeout((async()=>{const t=await this.getSelectedItemLabel();""==this.input.value&&t&&(this.input.value="",this.value=void 0)}),200)}handleDocumentClick(t){t.composedPath().every((t=>t!==this.element))&&(this.updateInputText(!0),this.listOpen=!1)}async formatItem(t){return this.formatter(t)}processItems(){const t=[];if(this.processedItems=y(this.items),!Array.isArray(this.processedItems))return void console.error("DuetCombobox: Items should be an array");this.processedItems.length!==new Set([...this.processedItems]).size&&console.warn("DuetCombobox: Duplicate item values found in the list"),this.processedItems=this.processedItems.map(((i,s)=>("string"==typeof i&&(i={name:i,value:i}),i.id=void 0!==i.id?String(i.id):`${JSON.stringify(i.value)}-${i.name}`,t.includes(i.id)&&(console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index"),i.id=`${i.id}-${s}`),t.push(i.id),i)));const i=Array.from(this.selectedItems).filter((t=>!this.processedItems.find((i=>i.id===t))));i.length&&(this.multiple?i.forEach((t=>this.removeSelectedItem(t))):this.updateSelectedItem(i[0],!0))}processValue(){if(""!==this.value&&!this.value)return void this.selectedItems.clear();const t=Array.isArray(this.value)?this.value:[this.value],i=this.processedItems.filter((i=>t.includes(i.value))).map((t=>t.id));if(i.length!==this.selectedItems.size||!i.every((t=>this.selectedItems.has(t))))if(this.multiple)this.selectedItems.clear(),this.input.clearChips(),i.forEach((t=>this.addSelectedItem(t)));else{const t=this.processedItems.find((t=>t.value===this.value));this.updateSelectedItem(t.id)}}processListOpenChange(){this.openListOnClick&&(this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"),this.input.accessibleExpanded=this.listOpen?"true":"false"}componentWillLoad(){this.element.closest("duet-modal")&&(this.isInsideModal=!0),o(this)}connectedCallback(){this.items&&this.processItems();const t=g(this.element);t.length?this.input=t[0]:(this.input=document.createElement("duet-input"),this.input.label=this.label,this.input.caption=this.caption,this.input.expand=!0,this.element.prepend(this.input)),this.input.chips=this.multiple,this.input.addEventListener("duetChange",this.onInputChange),this.input.addEventListener("duetInput",this.onInputTyping),this.input.addEventListener("click",this.onInputClick),this.input.role="combobox",this.input.accessibleExpanded=this.listOpen?"true":"false",this.input.accessibleAutocomplete="list",this.input.accessibleControls=this.listBoxId,this.input.id=this.inputId,this.element.addEventListener("keydown",this.onKeyDown),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"}),this.processListOpenChange()}disconnectedCallback(){this.input.removeEventListener("duetChange",this.onInputChange),this.input.removeEventListener("click",this.onInputClick),this.element.removeEventListener("keydown",this.onKeyDown),this.resizeObserver.disconnect(),b(this)}componentDidLoad(){this.resizeObserver.observe(this.input),this.processValue()}shouldListBeFiltered(){var t;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue&&(null===(t=this.inputValue)||void 0===t?void 0:t.length)<this.minCharacters){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}emitChangeEvent(t){const i=this.processedItems.find((i=>i.id===t));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})}updateMultipleValue(){this.value=this.processedItems.filter((t=>this.selectedItems.has(t.id))).map((t=>t.value)),this.input.value="",this.updateChips(),this.input.setFocus()}addSelectedItem(t,i){this.selectedItems.has(t)||(this.selectedItems.add(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}removeSelectedItem(t,i){this.selectedItems.has(t)&&(this.selectedItems.delete(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}async updateSelectedItem(t,i){this.selectedItems.clear(),this.selectedItems.add(t),this.value=this.processedItems.find((i=>i.id===t)).value,i&&this.emitChangeEvent(this.value&&t),await this.updateInputText()}async updateChips(){const t=Array.from(this.selectedItems),i=await this.input.getChips();t.forEach((async t=>{const i=this.processedItems.find((i=>i.id===t)),s=await this.formatItem(i);if(!await this.input.hasChip({value:`${t}`,text:s})){const i=document.createElement("duet-chip");i.variation="input",i.role="option",i.value=`${t}`,i.textContent=s,i.addEventListener("duetRemove",(t=>{this.removeSelectedItem(t.detail.value,!0)})),this.input.addChip(i)}})),i.forEach((i=>{t.includes(i.value)||i.remove()}))}async getSelectedItemLabel(){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return t?await this.formatItem(t):""}async updateInputText(t=!1){if(t&&this.multiple)this.input.value="";else{if(t&&this.force){const t=this.returnFilteredOrNonFiltered();!this.multiple&&this.listOpen&&1===t.length&&t[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(t[0].id,!0),this.input.value=0===this.selectedItems.size?"":await this.getSelectedItemLabel()}!t&&this.selectedItems.size>0&&(this.input.value="",this.input.value=await this.getSelectedItemLabel(),this.input.scrollLeft=this.input.scrollWidth,await this.input.setFocus())}}onListClick(t,i){return t.preventDefault(),t.stopPropagation(),this.multiple?this.addSelectedItem(i.id,!0):this.updateSelectedItem(i.id,!0),this.activeItem=void 0,this.listOpen=!1,this.listOpen}scrollToActive(){const t=document.getElementById(`${this.activeDescendantId}`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(t,i,s,e){return t&&void 0!==e?(s===e?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(s)).replace("{hiddenItems}",String(e-s)):""}getFilteredItems(){const t=this.processedItems.filter((t=>{var i,s,e,h,o;return(null===(i=String(t.value))||void 0===i?void 0:i.toLowerCase()[this.filterType](null===(s=this.inputValue)||void 0===s?void 0:s.toLowerCase()))||(null===(e=String(t.name))||void 0===e?void 0:e.toLowerCase()[this.filterType](null===(h=this.inputValue)||void 0===h?void 0:h.toLowerCase()))||this.formatter(t).toLowerCase()[this.filterType](null===(o=this.inputValue)||void 0===o?void 0:o.toLowerCase())||this.selectedItems.has(t.id)})).filter((t=>{let i=!0;return this.multiple&&this.selectedItems.has(t.id)&&(i=!1),i}));return this.sortFilteredItems(t)}sortFilteredItems(t){return t.length>0&&t.filter((t=>this.selectedItems.has(t.id))).forEach((i=>{const s=t.indexOf(i);t.splice(s,1),t.unshift(i)})),t}render(){const i=this.returnFilteredOrNonFiltered();return t(e,{class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},t("slot",null),t("div",null,t("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:t=>this.listContainer=t,accessibleRole:"listbox",allowVerticalFlip:!1,class:{"duet-skip-teleport-inert":this.isInsideModal}},t("div",{class:"combobox-menu-container"},this.listOpen&&i.map(((s,e)=>t(x,{id:this.activeDescendantId,item:s,activeDescendant:e===this.activeItem,selected:this.selectedItems.has(s.id),search:this.inputValue,clickHandler:t=>this.onListClick(t,s),label:this.formatLabel(s,e,i.length,this.processedItems.length),isAndroidDevice:this.isAndroidDevice}))),t("duet-spacer",{size:"x-small"})))))}get element(){return h(this)}static get watchers(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],inputValue:["inputValueHandler"],items:["processItems"],value:["processValue"]}}};I.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-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";color:rgb(8, 42, 77)}:host a{color:rgb(8, 42, 77);transition:none}: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-theme-turva a{color:rgb(23, 28, 58)}.combobox-menu-container{width:var(--popup-width);max-height:200px}:host(.duet-theme-turva2.duet-theme-turva){color:#172a3b}:host(.duet-theme-turva2.duet-theme-turva) a{color:#172a3b}';export{I as duet_combobox}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as n,h as e,H as a,g as t}from"./p-BfHFKBVa.js";import{i as o}from"./p-BFsh4y5I.js";const r=class{constructor(e){n(this,e),this.theme="",this.padding="medium",this.variation="",this.margin="auto"}componentWillLoad(){o(this)}render(){return e(a,{key:"ba9383fe5d683d44e90c7e3d9f3539365dfbe497"},e("section",{key:"149796219e3ea56f5fdeab2e2aeaa8ddb3d1fb7e","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-describedby":this.accessibleDescribedBy,class:{"duet-panel":!0,"duet-theme-turva":"turva"===this.theme,[this.variation.split("-")[0]]:!0,[this.variation.split("-")[1]]:!0,[`padding-${this.padding}`]:!0,border:this.border,"duet-m-0":"none"===this.margin}},e("slot",{key:"8291e9635f7795c4e54dfef34239dcda4dbdb33a"})))}get element(){return t(this)}};r.style='/* stylelint-disable scss/at-rule-no-unknown */\n:host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n position: relative;\n display: block;\n width: 100%;\n margin: 8px 0 20px 0;\n}\n@container (width > 36em) {\n :host {\n margin: 12px 0 28px 0;\n }\n}\n:host .duet-m-0 {\n margin: 0 !important;\n}\n\n.duet-panel {\n font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n color: rgb(8, 42, 77);\n background-color: rgb(255, 255, 255);\n border: 0 solid rgb(212, 223, 229);\n border-radius: 16px;\n}\n.duet-panel.duet-theme-turva {\n font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n color: rgb(23, 28, 58);\n border-color: rgb(222, 224, 228);\n}\n.duet-panel.padding-small {\n padding: 16px;\n border-radius: 12px;\n}\n@container (width > 36em) {\n .duet-panel.padding-small {\n padding: 20px;\n }\n}\n.duet-panel.padding-medium {\n padding: 20px;\n}\n@container (width > 36em) {\n .duet-panel.padding-medium {\n padding: 28px;\n }\n}\n.duet-panel.padding-large {\n padding: 28px;\n}\n@container (width > 36em) {\n .duet-panel.padding-large {\n padding: 36px;\n }\n}\n.duet-panel.border {\n border-width: 1px;\n}\n.duet-panel.secondary {\n background-color: rgb(245, 248, 250);\n}\n.duet-panel.secondary.duet-theme-turva {\n background-color: rgb(245, 247, 250);\n}\n.duet-panel.accent {\n background-color: rgb(240, 247, 250);\n border-color: rgb(198, 225, 238);\n}\n.duet-panel.accent.duet-theme-turva {\n background-color: rgb(245, 247, 250);\n border-color: rgb(199, 202, 207);\n}\n.duet-panel.accent.secondary {\n background-color: rgb(217, 236, 245);\n}\n.duet-panel.accent.secondary.duet-theme-turva {\n background-color: rgb(222, 224, 228);\n}\n\n:host(.duet-theme-turva2) .duet-panel.duet-theme-turva {\n color: #172a3b;\n border-color: #d4dde2;\n}\n:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.secondary {\n background-color: #f5f6f7;\n}\n:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent {\n background-color: #fdf7f2;\n border-color: #f1cab2;\n}\n:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent.secondary {\n background-color: #fbe1d1;\n}';export{r as duet_panel}
|
|
@@ -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-BfHFKBVa.js";import{i as o}from"./p-BFsh4y5I.js";import{c as d}from"./p-Cfr_DJqU.js";import{h as s}from"./p-x84EsPoI.js";const n=class{constructor(t){e(this,t),this.errorId=d("DuetError"),this.labelId=d("DuetLabel"),this.hasTooltip=!1,this.lastItemIsChip=!1,this.theme="",this.margin="auto",this.compactLabel=!1,this.accessibleLiveError="polite",this.labelHeadingLevel="span",this.labelHidden=!1,this.checkHasTooltip=()=>{this.hasTooltip=s(this.element,"tooltip")},this.checkLastItem=()=>{if(this.element){const e=this.element.lastElementChild;this.lastItemIsChip=!!e&&"DUET-CHIP"===e.nodeName}}}connectedCallback(){this.checkLastItem()}componentWillLoad(){o(this),this.checkHasTooltip()}render(){return t(i,{key:"258a1f3685f4b3062dde173a5794b9b28c09907f",class:{"duet-m-0":"none"===this.margin}},t("fieldset",{key:"2c02911b79dc15bab34df3f44a51422915f85512","aria-labelledby":this.labelId,"aria-describedby":this.error?this.errorId:null,class:{"duet-fieldset":!0,"duet-theme-turva":"turva"===this.theme}},t("legend",{key:"e8cc33c8ce84e853fc7c7346b530e2e6aaad3183",id:this.labelId},t(this.labelHeadingLevel,{key:"67c582882054f866aeeb51fe1a3cd265fba86c3d"},this.label),this.caption&&t("span",{key:"d7e7385c337f132b5f9c9a05fa1d0882059b5b4f"},this.caption)),t("div",{key:"1bde79106ff72cb9a950abb9063c1f361ebc88b8",class:{"duet-legend-wrapper":!0,"duet-legend-has-caption":!!this.caption,"duet-legend-has-tooltip":this.hasTooltip,"duet-legend-hidden":this.labelHidden,"duet-legend-compact":this.compactLabel}},t("div",{key:"5bdd5a1d10ec0ca02f0d663c4c0398cf4f15f912",class:"duet-fieldset-label"},t("span",{key:"6da5eaba488e3691f1b3f5e4641b0043f7b264dc","aria-hidden":"true"},this.label),t("slot",{key:"8720d1bc6a9fd0b88a2e2f3ec04a783f33c25f8f",onSlotchange:this.checkHasTooltip,name:"tooltip"})),this.caption&&t("div",{key:"f2701433f3204d8c606d025e2db9824f8975dd6b",class:"duet-fieldset-caption","aria-hidden":"true"},t("duet-caption",{key:"edf83cd535f5139e64f86a962f9a247e33d9b3b1",theme:this.theme,margin:"none"},this.caption))),t("slot",{key:"b8aa86236854c21d9662cf8bf46c70d5cf8c0d68"}),t("span",{key:"b8877c8c9a710aa4b59d77ebd847ff3f13b57d6d",class:"duet-fieldset-help duet-fieldset-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&t("span",{key:"b8781cebef3af6ea44dd2754ae2ae7c05f63b1f1",class:{"duet-m-0":this.lastItemIsChip}},this.error))))}get element(){return a(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-legend-wrapper{position:relative;display:block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-theme-turva .duet-legend-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-fieldset-help span.duet-m-0{margin-top:0}.duet-theme-turva .duet-fieldset-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(214, 28, 82)}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-legend-wrapper{color:#172a3b}';export{n as duet_fieldset}
|
|
@@ -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 o}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,g as o}from"./p-BfHFKBVa.js";import{i}from"./p-BFsh4y5I.js";const n=class{constructor(t){e(this,t),this.accessiblePopup="false",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.theme="",this.icon=void 0}componentWillLoad(){i(this)}async setFocus(e){this.nativeButton&&this.nativeButton.focus(e)}render(){return t(a,{key:"0e1e537a15d9a7b7d94a2ce24a71281b4757b1d5",role:"listitem",onfocus:()=>this.setFocus()},t("button",{key:"c7ab5d711a28d54af476fdf133e8f92bce25f020",ref:e=>this.nativeButton=e,class:{"duet-menu-bar-button":!0,"duet-theme-turva":"turva"===this.theme},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0},this.icon&&t("duet-icon",{key:"922a6e2fa015b52aac218ce9e803c75a57465310",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),t("slot",{key:"d85350f1fb803be4e524803b0bea4acc62f569fb"})))}get element(){return o(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-button.duet-theme-turva:hover{color:#e61740}}';export{n as duet_menu_bar_button}
|
|
@@ -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 o,g as t}from"./p-
|
|
4
|
+
import{r as e,h as a,H as o,g as t}from"./p-BfHFKBVa.js";import{i as r}from"./p-BFsh4y5I.js";import{h as d,c as i}from"./p-x84EsPoI.js";import{g as s,p as n}from"./p-Do6ugHz0.js";import"./p-Z0D6Gy9e.js";const p=class{constructor(a){e(this,a),this.theme="",this.margin="auto",this.backgroundColor="",this.textColor="secondary",this.image="",this.headingLevel="h3"}componentWillLoad(){r(this),this.hasPreHeadingSlot=d(this.element,"pre-heading"),this.hasHeadingSlot=d(this.element,"heading"),this.hasDescriptionSlot=d(this.element,"description"),this.hasActionSlot=d(this.element,"action"),i(this.element,"heading","span"),i(this.element,"description","span")}async setFocus(e){this.url&&this.aOrDivElement&&this.aOrDivElement.focus(e)}render(){const e=s(this.backgroundColor,this.theme);return a(o,{key:"dc2cca9861a1e0c15b93ea6f29247986eb98d268",class:{"duet-m-0":"none"===this.margin}},a("aside",{key:"b0bf8b66f35c1edc6a61dbea64f18e3617ec2a11",class:{"duet-promo-card":!0,"duet-theme-turva":"turva"===this.theme,"no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:{backgroundColor:e||"none"}},a(this.url?"a":"div",{key:"8e479735705a8fc5cbe67b78dc74d63eb351abb1",href:this.url,class:"content-wrapper",ref:e=>this.aOrDivElement=e},a("img",{key:"ca59fe0d082b54c7fcb3725d7ab17d9bcbdea992",class:"image",src:this.image,alt:"",role:"presentation"}),a("div",{key:"bb932a867cca710efa77488065fea73293daddab",class:"content"},this.hasPreHeadingSlot&&a("div",{key:"642577f6fcd203efd73700e4c553502aa2d56733",class:"pre-heading"},a("slot",{key:"153d63289a49239bc9aecdba096675757d4a1630",name:"pre-heading"})),this.hasHeadingSlot&&a("div",{key:"6a7cad0fc8841e0e65ddacd5d482d8df246923f6",class:"heading"},a("duet-heading",{key:"5262b84f2429bc6c7e47876f24bc7139a8f1b46f",theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:n(this.textColor,this.theme)},a("span",{key:"3cf56a75df5349003df143f2aa22cf439847a842"},a("slot",{key:"e6879565328b3898ee569cd7a13ad064da0686f7",name:"heading"})))),this.hasDescriptionSlot&&a("div",{key:"1b6ce64573256914244b57f7a68297915846404c",class:"description"},a("duet-paragraph",{key:"23e88abdcecce551c435aee9f927d64ec0e9ad61",theme:this.theme,margin:"none",color:n(this.textColor,this.theme)},a("span",{key:"e4e17be56c742e06ecafce3b10245e4a8fbeac5c"},a("slot",{key:"87a1787857492630ca860582bd92d967899e6b41",name:"description"})))),this.hasActionSlot&&a("div",{key:"d24d4f1279e861f01dd9b36bd8bf6d2a765b9321",class:"action"},a("slot",{key:"9abdd9f8370819e8d49ae68e7ee944d7bd970bdf",name:"action"}))))))}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;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height: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;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.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-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{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), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{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), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}';export{p as duet_promo_card}
|
|
@@ -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 o,H as i,g as a}from"./p-vt84lkeQ.js";import{g as c}from"./p-DvwKrUS6.js";import{i as r}from"./p-BXJZKiJg.js";import{a as d}from"./p-BWvtXbhA.js";import{c as h}from"./p-Cfr_DJqU.js";import{i as s,n,s as l,u,a as b}from"./p-Db8rvjPI.js";import{g as p,a as m,c as g,d as f}from"./p-Ob09ol4-.js";import{h as k,a as v,c as x}from"./p-aWO-HcmJ.js";import"./p-C6E9F6QT.js";var y,w,z=c(w?y:(w=1,y={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'}));const C=class{constructor(o){e(this,o),this.duetChoiceReady=t(this,"duetChoiceReady",7),this.duetChange=t(this,"duetChange",7),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.hasHeader=!1,this.choiceId=h("DuetChoice"),this.expandId=h("DuetChoiceExpand"),this.headerId=h("DuetChoiceHeader"),this.infoButtonId=h("DuetChoiceInfoButton"),this.isHovering=!1,this.isInfoOpen=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=d,this.accessibleLabelInfoButton=p(this.accessibleLabelInfoButtonDefaults),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.type="checkbox",this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=p(this.infoLabelDefaults,m()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=p(this.collapsibleNotificationDefaults,m()),this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onChange),e.removeEventListener("keydown",this.handleKeyDown),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onChange),e.addEventListener("keydown",this.handleKeyDown),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.inputSetUp=()=>{const e=this.element.querySelectorAll(":scope > input"),t=e[e.length-1]||document.createElement("input");t.slot="choiceinput",t.disabled=this.getDisabled(),t.id=this.identifier||this.choiceId,t.type=this.type,t.name=this.name,t.value=this.value,t.checked=this.checked,t.required=this.required,t.ariaDescription=this.accessibleDescription,this.accessibleControls&&t.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&t.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleLabelledBy&&t.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&t.setAttribute("aria-details",this.accessibleDetails),this.accessibleOwns&&t.setAttribute("aria-owns",this.accessibleOwns),this.getAriaDescribedby()&&t.setAttribute("aria-describedby",this.getAriaDescribedby()),t.ariaLabel=this.getLabel(),e.length>0?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{s(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.focusableElement.checked,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"}))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}),150)}}componentWillLoad(){r(this),this.hasInfo=k(this.element,"info"),this.hasHeader=k(this.element,"header"),this.hasAdditional=k(this.element,"additional"),this.hasLabel=k(this.element,"label"),this.hasBeforeText=k(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){g(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),l(this),this.duetChoiceReady.emit()}componentDidRender(){this.inputSetUp()}disconnectedCallback(){f(this),u(this)}async setFocus(e){this.focusableElement.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}handleEscape(e){b(e)&&this.isInfoOpen&&(this.isInfoOpen=!1,this.infoButtonEl&&this.infoButtonEl.focus())}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>t.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:(this.collapsible||this.hasInfo)&&this.getExpanded()?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}getLabel(){let e="",t="",o="";if(this.hasLabel){const t=v(this.element,"label");e=t.length>0?t[0].textContent:""}if(this.hasBeforeText){const e=v(this.element,"before-text");t=e.length>0?e[0].textContent:""}if(this.hasAdditional){const e=v(this.element,"additional");o=e.length>0?e[0].textContent:""}return`${t} ${this.hasLabel?e:this.label} ${this.caption} ${o}`}render(){return o(i,{key:"8e0d44318e6f23b8cd30378f4a2d6d9d04775caf",class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},o("div",{key:"94430228895b0bbd2ddf795f24e2c598356fa005",class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},o("div",{key:"e8e03959412c6c2d97e38969c2264cbd2dc93e9f",class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},o("slot",{key:"f535dd20ca1dfcefc16cefbe057ac14a9f8d0b14",name:"choiceinput"}),o("label",{key:"70fa4e33e814019ead7d1bdce622d289fbdde47c",class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText,checked:this.checked,focus:this.focus,disabled:this.getDisabled()},onClick:this.onClick},this.hasBeforeText&&o("slot",{key:"ddf8b67cf503633034ca3c8c94d5923c99dace05",name:"before-text"}),this.icon&&o("div",{key:"a5d3e1324aafbece41a54e14c9852c264bf0d9b0",class:"duet-choice-card-icon"},o("duet-icon",{key:"0382f9205997600a146e181e3783d75538b1925e",margin:"none",size:"small",name:this.icon,color:"currentColor"})),o("div",{key:"14a3b6689b6527398fdf46729e56b7a97383bf93",class:"duet-choice-card-text"},o("div",{key:"26144b6d2c60fbb338e08e6355e0b2ea2138a682"},this.hasLabel?o("slot",{name:"label"}):this.label),this.caption&&o("div",{key:"4059958e6434760f1f3afe27e4d5196595fe000b"},o("duet-spacer",{key:"beec0d868ce1f590a55ae2b30e12eb1b1cc4b35e",size:"xx-small"}),o("duet-caption",{key:"bd0c1c6cba4398151bafcdfbc79c85c6e9aad9cc",margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&o("div",{key:"35c0cad0a89437af7ef7bc8e842d7d52bfaca6ed"},o("duet-spacer",{key:"db0d7edb4432c1693160898f653ceff941ea5c72",size:"xx-small"}),o("slot",{key:"72baad0387d37783233fac3bdb9ca218036f6317",name:"additional"}))),o("div",{key:"c844c7c3d338339d4260986a68d90f43ebe5a7ba"},o("div",{key:"79f40913fe5c59d12db856a401a80f35addd0379",class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&o("div",{key:"dff8e47098a438673e4e87e1dd132280daa3eaf8",class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&o("button",{key:"22d9672aa71a3a41ed928f9b90782f335b40ea86",ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button",onKeyUp:e=>this.handleEscape(e)},o("div",{key:"263cdcb2a2121471627759f4ab9bab65436636de",class:"duet-choice-info-icon"},o("duet-icon",{key:"ed64691ddbd6ba488a7b3c494d64849cef448a33",icon:z.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&o("span",{key:"a6dba636c1c5df9f2180bbaae7d71d1571b7e356",id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?o("div",{class:this.getClassNames(),id:this.expandId},o("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},o("span",{id:this.headerId},o("slot",{name:"header"})),this.hasInfo?o("span",{ref:e=>this.infoContainer=e,tabindex:"-1",class:"duet-choice-info-container",onKeyUp:e=>this.handleEscape(e)},o("span",null,o("slot",{name:"info"})),o("slot",null)):o("span",{id:`${this.choiceId}-collapsible-content`},o("slot",null)))):null)}get element(){return a(this)}};C.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(.vertical){margin-right:0 !important}@media (min-width: 48em){:host(.horizontal){margin-bottom:0 !important}}@media (min-width: 48em){:host(.horizontal-responsive){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}}:host(:last-child:not(:only-child)){margin-right:0 !important}.duet-choice-card{position:relative;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0{padding:0 !important}.duet-choice-card.duet-m-0{margin:0 !important}.duet-theme-turva .duet-choice-card{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important}.duet-choice-card-flextainer{display:flex}.duet-choice-label{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text .duet-choice-card-icon,.duet-choice-label.has-before-text .duet-choice-card-text{align-self:flex-start;margin-top:0.25rem}.duet-choice-label>div:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info .duet-choice-label{border-top-right-radius:0;border-bottom-right-radius:0}.info .duet-choice-label{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-theme-turva .info .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-choice-label:active{opacity:0.75;transition:none !important}.checked>.duet-choice-label{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(0, 119, 179)}.duet-theme-turva .checked>.duet-choice-label{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(198, 12, 48)}.checked.collapsible>.duet-choice-label,.collapsible-force-expanded.collapsible>.duet-choice-label{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(127, 150, 165)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(23, 28, 58)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(143, 147, 158)}.info :host(.duet-theme-turva:not(.no-hover):not(.disabled):hover){border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):not([checked]):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){padding:1rem}input:focus{outline:0}.checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}:not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.duet-theme-turva :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.disabled.duet-choice-label{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.disabled.duet-choice-label .duet-choice-card-icon{color:rgb(98, 121, 138)}.duet-theme-turva .disabled.duet-choice-label .duet-choice-card-icon{color:rgb(143, 147, 158)}.disabled.duet-choice-label .duet-checkmark{border-color:rgb(98, 121, 138) !important}.disabled.duet-choice-label:hover,.disabled.duet-choice-label:active,.disabled.duet-choice-label:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva .disabled.duet-choice-label{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva .disabled.duet-choice-label .duet-checkmark{border-color:rgb(143, 147, 158) !important}.checked>.disabled.duet-choice-label{border-color:rgb(127, 150, 165) !important}.duet-theme-turva .checked>.disabled.duet-choice-label{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva .duet-checkmark-container{border-color:rgb(143, 147, 158)}.checked>.duet-choice-label .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva label.disabled .duet-checkmark-container{border-color:rgb(199, 202, 207) !important}.checked>label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked>label.disabled .duet-checkmark-container{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-card-icon{color:rgb(164, 4, 40)}.duet-choice-card-icon duet-icon{display:block}.duet-choice-section-hidden{display:none}.duet-choice-card-info.duet-choice-card-collapsed,.duet-choice-card-collapsed.duet-choice-card-collapsible{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info,.duet-choice-card-collapsible{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info,.duet-choice-card-collapsible{padding:28px !important}}.duet-theme-turva .duet-choice-card-info,.duet-theme-turva .duet-choice-card-collapsible{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked>.duet-choice-card-info,.checked>.duet-choice-card-collapsible{display:block}.duet-choice-card-info-expanded,.duet-choice-card-collapsible-expanded{display:block}.duet-choice-card-collapsible{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked{border-color:rgb(222, 224, 228)}.duet-choice-card-info{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*){display:none}:host(.user-is-tabbing) .duet-choice-info-container:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.disabled) .duet-choice-card-collapsible{border-color:rgb(127, 150, 165)}:host(.disabled) .duet-choice-card-collapsible.duet-theme-turva{border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(143, 147, 158)}:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva .duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled]{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva .duet-choice-info-icon{color:rgb(143, 147, 158) !important}.duet-choice-info-toggle:focus{outline:none}:host(.user-is-tabbing) .duet-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked+.duet-choice-info-toggle{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle duet-icon{display:block}.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-info-toggle .duet-choice-info-icon{color:rgb(198, 12, 48)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(127, 150, 165)}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(143, 147, 158)}.duet-choice-input,*::slotted([slot=choiceinput]){position:absolute !important;width:100%;height:100%;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-choice-card{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label{border-color:#b2c2cd}.info :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .checked>.duet-choice-label{background:#fdf7f2;border-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{border-color:#e61740}.duet-choice-label :host(.duet-theme-turva2) .duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:#172a3b;border-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info,:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible{color:#172a3b;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible.checked{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info{background:#fdf7f2;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-checkmark-container{border-color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle[aria-expanded=true]{background:#fdf7f2;border-bottom-color:transparent}:host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:#172a3b}:host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:#7891a4}';const j=class{constructor(t){e(this,t),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.required=!1,this.accessibleLiveError="polite",this.childObserverCallback=e=>{e.some((e=>{var t;return(null===(t=e.removedNodes)||void 0===t?void 0:t.length)>0&&Array.from(e.removedNodes.values()).some((e=>"duet-choice"===e.nodeName.toLowerCase()))}))&&this.updateChoices()},this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const t=e.target;t&&this.choices.has(t)&&(this.value=t.value)},this.onChoiceReady=()=>{this.updateChoices()}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){this.childObserver=new MutationObserver(this.childObserverCallback.bind(this)),this.childObserver.observe(this.element,{childList:!0,subtree:!0}),this.setInitialValue(),this.updateChoices()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}componentWillLoad(){r(this),this.removeDisabledAttributeWhenFalse(),x(this.element,"tooltip","duet-tooltip",1,!0)}setInitialValue(){void 0===this.initialValue&&(this.initialValue=this.value)}async getInitialValue(){return this.initialValue}async updateChoices(){var e;const t=null!==(e=this.value)&&void 0!==e?e:this.initialValue;let o=!1;this.choices.clear(),this.element.querySelectorAll("duet-choice").forEach((e=>{e.closest("duet-choice-group")===this.element&&this.choices.add(e)}));for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive,o||e.value!==t?e.checked=!1:(o=!0,e.checked=!0,void 0===this.value&&(this.value=t));o||(this.value=void 0)}render(){return o(i,{key:"a2f979cd415b3a04026750a8e1e0f4dc3a95485c",onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},o("duet-fieldset",{key:"b673b6f0485cc403b5d3f64c6e8757597288cb8d",label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&o("duet-tooltip",{key:"6ddf4ce98117de26134b04765292d721bff3d809",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"7b98782b47ebf9c596f6c435f43f8cb41d05a64b",name:"tooltip"}),o("div",{key:"7a3835503a38cf2b677ba3df1b2554432048eefe",class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},o("slot",{key:"fd6d260aa6590ae58095274ac25135e982a94e15"}))))}get element(){return a(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateChoices"],value:["setInitialValue","updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};j.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}:host(.horizontal) .duet-choice-group{display:block;margin-bottom:-12px}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:flex}@media (min-width: 48em){:host(.horizontal) .duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){:host(.horizontal) .duet-choice-group{display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:block}}:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{C as duet_choice,j as duet_choice_group}
|
|
4
|
+
import{r as e,c as t,h as o,H as i,g as a}from"./p-BfHFKBVa.js";import{g as c}from"./p-DvwKrUS6.js";import{i as r}from"./p-BFsh4y5I.js";import{a as d}from"./p-BWvtXbhA.js";import{c as h}from"./p-Cfr_DJqU.js";import{i as s,n,s as l,u,a as b}from"./p-Db8rvjPI.js";import{g as p,a as m,c as g,d as f}from"./p-D4WDSjzx.js";import{h as k,a as v,c as x}from"./p-x84EsPoI.js";import"./p-C6E9F6QT.js";var y,w,z=c(w?y:(w=1,y={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'}));const C=class{constructor(o){e(this,o),this.duetChoiceReady=t(this,"duetChoiceReady",7),this.duetChange=t(this,"duetChange",7),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.hasHeader=!1,this.choiceId=h("DuetChoice"),this.expandId=h("DuetChoiceExpand"),this.headerId=h("DuetChoiceHeader"),this.infoButtonId=h("DuetChoiceInfoButton"),this.isHovering=!1,this.isInfoOpen=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=d,this.accessibleLabelInfoButton=p(this.accessibleLabelInfoButtonDefaults),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.type="checkbox",this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=p(this.infoLabelDefaults,m()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=p(this.collapsibleNotificationDefaults,m()),this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onChange),e.removeEventListener("keydown",this.handleKeyDown),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onChange),e.addEventListener("keydown",this.handleKeyDown),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.inputSetUp=()=>{const e=this.element.querySelectorAll(":scope > input"),t=e[e.length-1]||document.createElement("input");t.slot="choiceinput",t.disabled=this.getDisabled(),t.id=this.identifier||this.choiceId,t.type=this.type,t.name=this.name,t.value=this.value,t.checked=this.checked,t.required=this.required,t.ariaDescription=this.accessibleDescription,this.accessibleControls&&t.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&t.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleLabelledBy&&t.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&t.setAttribute("aria-details",this.accessibleDetails),this.accessibleOwns&&t.setAttribute("aria-owns",this.accessibleOwns),this.getAriaDescribedby()&&t.setAttribute("aria-describedby",this.getAriaDescribedby()),t.ariaLabel=this.getLabel(),e.length>0?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{s(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.focusableElement.checked,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"}))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}),150)}}componentWillLoad(){r(this),this.hasInfo=k(this.element,"info"),this.hasHeader=k(this.element,"header"),this.hasAdditional=k(this.element,"additional"),this.hasLabel=k(this.element,"label"),this.hasBeforeText=k(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){g(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),l(this),this.duetChoiceReady.emit()}componentDidRender(){this.inputSetUp()}disconnectedCallback(){f(this),u(this)}async setFocus(e){this.focusableElement.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}handleEscape(e){b(e)&&this.isInfoOpen&&(this.isInfoOpen=!1,this.infoButtonEl&&this.infoButtonEl.focus())}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>t.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:(this.collapsible||this.hasInfo)&&this.getExpanded()?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}getLabel(){let e="",t="",o="";if(this.hasLabel){const t=v(this.element,"label");e=t.length>0?t[0].textContent:""}if(this.hasBeforeText){const e=v(this.element,"before-text");t=e.length>0?e[0].textContent:""}if(this.hasAdditional){const e=v(this.element,"additional");o=e.length>0?e[0].textContent:""}return`${t} ${this.hasLabel?e:this.label} ${this.caption} ${o}`}render(){return o(i,{key:"8e0d44318e6f23b8cd30378f4a2d6d9d04775caf",class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},o("div",{key:"94430228895b0bbd2ddf795f24e2c598356fa005",class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},o("div",{key:"e8e03959412c6c2d97e38969c2264cbd2dc93e9f",class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},o("slot",{key:"f535dd20ca1dfcefc16cefbe057ac14a9f8d0b14",name:"choiceinput"}),o("label",{key:"70fa4e33e814019ead7d1bdce622d289fbdde47c",class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText,checked:this.checked,focus:this.focus,disabled:this.getDisabled()},onClick:this.onClick},this.hasBeforeText&&o("slot",{key:"ddf8b67cf503633034ca3c8c94d5923c99dace05",name:"before-text"}),this.icon&&o("div",{key:"a5d3e1324aafbece41a54e14c9852c264bf0d9b0",class:"duet-choice-card-icon"},o("duet-icon",{key:"0382f9205997600a146e181e3783d75538b1925e",margin:"none",size:"small",name:this.icon,color:"currentColor"})),o("div",{key:"14a3b6689b6527398fdf46729e56b7a97383bf93",class:"duet-choice-card-text"},o("div",{key:"26144b6d2c60fbb338e08e6355e0b2ea2138a682"},this.hasLabel?o("slot",{name:"label"}):this.label),this.caption&&o("div",{key:"4059958e6434760f1f3afe27e4d5196595fe000b"},o("duet-spacer",{key:"beec0d868ce1f590a55ae2b30e12eb1b1cc4b35e",size:"xx-small"}),o("duet-caption",{key:"bd0c1c6cba4398151bafcdfbc79c85c6e9aad9cc",margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&o("div",{key:"35c0cad0a89437af7ef7bc8e842d7d52bfaca6ed"},o("duet-spacer",{key:"db0d7edb4432c1693160898f653ceff941ea5c72",size:"xx-small"}),o("slot",{key:"72baad0387d37783233fac3bdb9ca218036f6317",name:"additional"}))),o("div",{key:"c844c7c3d338339d4260986a68d90f43ebe5a7ba"},o("div",{key:"79f40913fe5c59d12db856a401a80f35addd0379",class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&o("div",{key:"dff8e47098a438673e4e87e1dd132280daa3eaf8",class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&o("button",{key:"22d9672aa71a3a41ed928f9b90782f335b40ea86",ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button",onKeyUp:e=>this.handleEscape(e)},o("div",{key:"263cdcb2a2121471627759f4ab9bab65436636de",class:"duet-choice-info-icon"},o("duet-icon",{key:"ed64691ddbd6ba488a7b3c494d64849cef448a33",icon:z.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&o("span",{key:"a6dba636c1c5df9f2180bbaae7d71d1571b7e356",id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?o("div",{class:this.getClassNames(),id:this.expandId},o("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},o("span",{id:this.headerId},o("slot",{name:"header"})),this.hasInfo?o("span",{ref:e=>this.infoContainer=e,tabindex:"-1",class:"duet-choice-info-container",onKeyUp:e=>this.handleEscape(e)},o("span",null,o("slot",{name:"info"})),o("slot",null)):o("span",{id:`${this.choiceId}-collapsible-content`},o("slot",null)))):null)}get element(){return a(this)}};C.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(.vertical){margin-right:0 !important}@media (min-width: 48em){:host(.horizontal){margin-bottom:0 !important}}@media (min-width: 48em){:host(.horizontal-responsive){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}}:host(:last-child:not(:only-child)){margin-right:0 !important}.duet-choice-card{position:relative;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0{padding:0 !important}.duet-choice-card.duet-m-0{margin:0 !important}.duet-theme-turva .duet-choice-card{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important}.duet-choice-card-flextainer{display:flex}.duet-choice-label{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text .duet-choice-card-icon,.duet-choice-label.has-before-text .duet-choice-card-text{align-self:flex-start;margin-top:0.25rem}.duet-choice-label>div:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info .duet-choice-label{border-top-right-radius:0;border-bottom-right-radius:0}.info .duet-choice-label{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-theme-turva .info .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-choice-label:active{opacity:0.75;transition:none !important}.checked>.duet-choice-label{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(0, 119, 179)}.duet-theme-turva .checked>.duet-choice-label{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(198, 12, 48)}.checked.collapsible>.duet-choice-label,.collapsible-force-expanded.collapsible>.duet-choice-label{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(127, 150, 165)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(23, 28, 58)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(143, 147, 158)}.info :host(.duet-theme-turva:not(.no-hover):not(.disabled):hover){border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):not([checked]):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){padding:1rem}input:focus{outline:0}.checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}:not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.duet-theme-turva :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.disabled.duet-choice-label{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.disabled.duet-choice-label .duet-choice-card-icon{color:rgb(98, 121, 138)}.duet-theme-turva .disabled.duet-choice-label .duet-choice-card-icon{color:rgb(143, 147, 158)}.disabled.duet-choice-label .duet-checkmark{border-color:rgb(98, 121, 138) !important}.disabled.duet-choice-label:hover,.disabled.duet-choice-label:active,.disabled.duet-choice-label:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva .disabled.duet-choice-label{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva .disabled.duet-choice-label .duet-checkmark{border-color:rgb(143, 147, 158) !important}.checked>.disabled.duet-choice-label{border-color:rgb(127, 150, 165) !important}.duet-theme-turva .checked>.disabled.duet-choice-label{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva .duet-checkmark-container{border-color:rgb(143, 147, 158)}.checked>.duet-choice-label .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva label.disabled .duet-checkmark-container{border-color:rgb(199, 202, 207) !important}.checked>label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked>label.disabled .duet-checkmark-container{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-card-icon{color:rgb(164, 4, 40)}.duet-choice-card-icon duet-icon{display:block}.duet-choice-section-hidden{display:none}.duet-choice-card-info.duet-choice-card-collapsed,.duet-choice-card-collapsed.duet-choice-card-collapsible{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info,.duet-choice-card-collapsible{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info,.duet-choice-card-collapsible{padding:28px !important}}.duet-theme-turva .duet-choice-card-info,.duet-theme-turva .duet-choice-card-collapsible{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked>.duet-choice-card-info,.checked>.duet-choice-card-collapsible{display:block}.duet-choice-card-info-expanded,.duet-choice-card-collapsible-expanded{display:block}.duet-choice-card-collapsible{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked{border-color:rgb(222, 224, 228)}.duet-choice-card-info{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*){display:none}:host(.user-is-tabbing) .duet-choice-info-container:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.disabled) .duet-choice-card-collapsible{border-color:rgb(127, 150, 165)}:host(.disabled) .duet-choice-card-collapsible.duet-theme-turva{border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(143, 147, 158)}:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva .duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled]{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva .duet-choice-info-icon{color:rgb(143, 147, 158) !important}.duet-choice-info-toggle:focus{outline:none}:host(.user-is-tabbing) .duet-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked+.duet-choice-info-toggle{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle duet-icon{display:block}.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-info-toggle .duet-choice-info-icon{color:rgb(198, 12, 48)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(127, 150, 165)}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(143, 147, 158)}.duet-choice-input,*::slotted([slot=choiceinput]){position:absolute !important;width:100%;height:100%;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-choice-card{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label{border-color:#b2c2cd}.info :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .checked>.duet-choice-label{background:#fdf7f2;border-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{border-color:#e61740}.duet-choice-label :host(.duet-theme-turva2) .duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:#172a3b;border-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info,:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible{color:#172a3b;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible.checked{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info{background:#fdf7f2;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-checkmark-container{border-color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle[aria-expanded=true]{background:#fdf7f2;border-bottom-color:transparent}:host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:#172a3b}:host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:#7891a4}';const j=class{constructor(t){e(this,t),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.required=!1,this.accessibleLiveError="polite",this.childObserverCallback=e=>{e.some((e=>{var t;return(null===(t=e.removedNodes)||void 0===t?void 0:t.length)>0&&Array.from(e.removedNodes.values()).some((e=>"duet-choice"===e.nodeName.toLowerCase()))}))&&this.updateChoices()},this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const t=e.target;t&&this.choices.has(t)&&(this.value=t.value)},this.onChoiceReady=()=>{this.updateChoices()}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){this.childObserver=new MutationObserver(this.childObserverCallback.bind(this)),this.childObserver.observe(this.element,{childList:!0,subtree:!0}),this.setInitialValue(),this.updateChoices()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}componentWillLoad(){r(this),this.removeDisabledAttributeWhenFalse(),x(this.element,"tooltip","duet-tooltip",1,!0)}setInitialValue(){void 0===this.initialValue&&(this.initialValue=this.value)}async getInitialValue(){return this.initialValue}async updateChoices(){var e;const t=null!==(e=this.value)&&void 0!==e?e:this.initialValue;let o=!1;this.choices.clear(),this.element.querySelectorAll("duet-choice").forEach((e=>{e.closest("duet-choice-group")===this.element&&this.choices.add(e)}));for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive,o||e.value!==t?e.checked=!1:(o=!0,e.checked=!0,void 0===this.value&&(this.value=t));o||(this.value=void 0)}render(){return o(i,{key:"a2f979cd415b3a04026750a8e1e0f4dc3a95485c",onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},o("duet-fieldset",{key:"b673b6f0485cc403b5d3f64c6e8757597288cb8d",label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&o("duet-tooltip",{key:"6ddf4ce98117de26134b04765292d721bff3d809",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"7b98782b47ebf9c596f6c435f43f8cb41d05a64b",name:"tooltip"}),o("div",{key:"7a3835503a38cf2b677ba3df1b2554432048eefe",class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},o("slot",{key:"fd6d260aa6590ae58095274ac25135e982a94e15"}))))}get element(){return a(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateChoices"],value:["setInitialValue","updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};j.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}:host(.horizontal) .duet-choice-group{display:block;margin-bottom:-12px}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:flex}@media (min-width: 48em){:host(.horizontal) .duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){:host(.horizontal) .duet-choice-group{display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:block}}:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{C as duet_choice,j as duet_choice_group}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as o,h as e,H as i,g as a}from"./p-
|
|
4
|
+
import{r as t,c as o,h as e,H as i,g as a}from"./p-BfHFKBVa.js";import{i as n}from"./p-BFsh4y5I.js";import{c as s}from"./p-Cfr_DJqU.js";import{d as r}from"./p-BlUsLmbQ.js";import{i as d}from"./p-Db8rvjPI.js";import{g as u,c,d as h}from"./p-D4WDSjzx.js";import{c as b,g as l,s as p}from"./p-Do6ugHz0.js";import"./p-C6E9F6QT.js";import"./p-Z0D6Gy9e.js";const m=class{constructor(e){t(this,e),this.duetActionEvent=o(this,"duetActionEvent",6),this.listId=s("duet-action-button"),this.numbersStore="",this.theme="",this.iconName="action-arrow-left-small",this.iconColor="currentColor",this.iconSize="xx-small",this.actionId=void 0,this.actionMeta=void 0,this.disabled=!1,this.color="",this.background="",this.accessibleTitle=!0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"},this.accessibleLabel=u(this.accessibleLabelsDefaults),this.accessibleControls="",this.emitPageEvent=r((t=>{this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionId,name:this.actionName,meta:this.actionMeta,id:this.listId})}))}async onKeyboardDown(t){d(t)&&this.emitPageEvent(t)}getTitle(){return"string"==typeof this.accessibleTitle?this.accessibleTitle:!0===this.accessibleTitle&&this.actionName?b(`${this.actionName}`):null}async onMouseHandler(t){t.preventDefault(),this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta})}componentWillLoad(){n(this)}connectedCallback(){c(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){h(this)}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){const t="currentColor"===this.color?"currentColor":l(this.color,this.theme),o=l(this.background,this.theme),a=o?p(o,-.1):o,n=o?`\n button.duet-action-button {\n background: ${o} !important;\n }\n button.duet-action-button:not(:disabled):hover {\n background: ${a} !important;\n }\n `:"",s={ref:t=>this.nativeButton=t,part:"button",style:{color:t,"border-color":l(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"},disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:{"duet-action-button":!0,"duet-action-button--disabled":this.disabled,[`duet-action-button--${this.theme}`]:""!==this.theme,"duet-theme-turva":"turva"===this.theme}};return e(i,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:t=>this.onKeyboardDown(t)},e("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:n}),this.url&&!this.disabled?e("a",Object.assign({},s,{href:this.url}),e("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):e("button",Object.assign({},s,{onClick:t=>this.onMouseHandler(t)}),e("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),e("duet-visually-hidden",null,e("slot",null))))}get element(){return a(this)}};m.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:focus{box-shadow:0 0 0 2px #172a3b !important}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important;box-shadow:none}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:disabled{color:#7891a4;background:#f5f6f7}";export{m as duet_action_button}
|
|
@@ -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-BfHFKBVa.js";import{i as o}from"./p-BFsh4y5I.js";const n=class{constructor(t){e(this,t),this.theme="",this.variation="default"}componentWillLoad(){o(this)}render(){const e="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return t(a,{key:"fe9cc8e718b52ddc3152c84ffc1ab5d4460935ba"},t("nav",{key:"a790b620e9b15d3546f88a9d7216d57269a05a6c",class:{"duet-toolbar":!0,"duet-theme-turva":"turva"===this.theme,[e]:!0},"aria-label":this.accessibleLabel},t("div",{key:"d1074c8c4ab3245f11ad5364c91cb1a3c193b833",class:"container"},t("div",{key:"ca7672dd9a66e35aa4acc360fc2221633c75cea4",class:"list",role:"list"},t("slot",{key:"6c88cdcfca3282db04370a377a106ed7b69f115b",name:"left"})),t("div",{key:"c67d455a9e59976bea3405b30ccdbc8823d7976f",class:"list",role:"list"},t("slot",{key:"d430749d17f22d1fb24c72c74eb27f5ceb31a5ae",name:"right"})))))}get element(){return r(this)}};n.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container{border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary{background:#e61740}";export{n as duet_toolbar}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,g as a}from"./p-vt84lkeQ.js";import{i as r}from"./p-BXJZKiJg.js";import{s as i,u as o}from"./p-Db8rvjPI.js";import{a as d,g as n,c as s,d as u}from"./p-Ob09ol4-.js";import{a as c}from"./p-BVgBUIYF.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const h=class{constructor(t){e(this,t),this.language=d(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=n(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){r(this)}connectedCallback(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"}),i(this)}disconnectedCallback(){u(this),o(this)}async setFocus(e){this.linkElement.focus(e)}render(){return t("div",{key:"7e4e38752baee0c65e84c4edfa1ea6225daef0a9",role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},t("a",{key:"d533b34bab8bed57448b132fdcfd7913da27d165",ref:e=>this.linkElement=e,href:this.url,target:this.external?"_blank":"_self"},t("div",{key:"9fd48a6483ee03a967abd2deca506a49eda9910c",class:"duet-notification-container"},t("div",{key:"0a647e9111eb00ae4268e20b72e248edcf211ab5",class:"duet-indicator-container"},this.highlight&&t("duet-indicator",{key:"61edc87a1995f7ebe37cefff3869dab6a3840d58",variation:"new","accessible-label":this.accessibleLabelUnread})),t("div",{key:"461dfcbff675bba86b0e66901b44f272e34b5619",class:"duet-notification-content"},t("slot",{key:"84fbc735b2ee2b129360419aa2d7a310a4b2895b"})),t("div",{key:"0bd791445a03f66f304fdb094200d95e409fcf09",class:"duet-notification-date"},this.date))))}get element(){return a(this)}};h.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:8px;border-top-right-radius:8px}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.duet-notification.duet-theme-turva{color:rgb(23, 28, 58);border-bottom-color:rgb(222, 224, 228)}.duet-notification.duet-notification-highlight{font-weight:600}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(245, 247, 250)}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}.duet-notification:hover.duet-theme-turva{background:rgb(245, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:rgb(113, 118, 132)}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}:host(.duet-theme-turva2) .duet-notification.duet-theme-turva{color:#172a3b;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-notification.duet-notification-highlight.duet-theme-turva{background:#fdf7f2}:host(.duet-theme-turva2) .duet-notification-badge.duet-theme-turva{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-notification:hover.duet-theme-turva{background:#fdf7f2}}";const l=class{constructor(t){e(this,t),this.isOpen=!1,this.icon="",this.label="Label",this.language=d(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=n(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=e=>{this.isOpen&&27===e.keyCode&&this.close()},this.toggleMenu=e=>{e.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){r(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0}),i(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,o(this)}handleClickFocusOutside(e){this.isOpen&&!this.element.contains(e.target)&&this.close(!1)}async setFocus(e){this.drawerButtonEl.focus(e)}async open(){const e=this.element.closest("duet-header");e&&e.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(e=!0){this.isOpen=!1,e&&this.setFocus({preventScroll:!0})}render(){return t("div",{key:"d4fa93920c2ed5c6dbde47edb4a06376a78c168d",class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},t("button",{key:"5e885d2aeb194f364e832f547fe2e78d23bf57c3",ref:e=>this.drawerButtonEl=e,type:"button",class:"duet-drawer-toggle",id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&t("div",{key:"2e9f920cccc92fa5d5b9fd934792fc66481263b5",class:"duet-drawer-icon"},t("duet-icon",{key:"e4d62dc6a17fa186cd25dcaa63fbfe1803f350e0",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&t("duet-indicator",{key:"d6009add6874a0ddd1428236dd70037f9c80baf5",variation:"change"})),t("span",{key:"17cacff5693e84208c2b4b4d6421c0b728cb8dd5",class:"duet-drawer-label"},this.label),t("div",{key:"3cb4c839a2246de6668bf12ece0c0b8afe89d739",class:"duet-drawer-caret"},t("duet-icon",{key:"17a1a0ee733bdd0b58922f82606041fa8ee417d4",margin:"none",size:"auto",icon:c.svg,color:"currentColor"}))),t("div",{key:"cf870b4388a40e9fc2c955f26120dbe7820d93eb",id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:e=>this.drawerContentEl=e},this.hasNotifications?t("div",{role:"list"},t("slot",null)):t("duet-empty-state",{size:"small"},t("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return a(this)}};l.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(8, 42, 77);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0;-webkit-appearance:none;appearance:none}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background-color:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(113, 118, 132)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-drawer-toggle::after{background:rgb(198, 12, 48)}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(113, 118, 132);border-color:rgb(245, 247, 250)}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-drawer-content{position:absolute;top:100%;z-index:600;display:block;width:450px;max-height:420px;padding-left:0;overflow-y:auto;visibility:hidden;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle::after{background:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true],:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:#8c001e;border-color:#f5f6f7}';export{h as duet_notification,l as duet_notification_drawer}
|
|
4
|
+
import{r as e,h as t,g as a}from"./p-BfHFKBVa.js";import{i as r}from"./p-BFsh4y5I.js";import{s as i,u as o}from"./p-Db8rvjPI.js";import{a as d,g as n,c as s,d as u}from"./p-D4WDSjzx.js";import{a as c}from"./p-BVgBUIYF.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const h=class{constructor(t){e(this,t),this.language=d(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=n(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){r(this)}connectedCallback(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"}),i(this)}disconnectedCallback(){u(this),o(this)}async setFocus(e){this.linkElement.focus(e)}render(){return t("div",{key:"7e4e38752baee0c65e84c4edfa1ea6225daef0a9",role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},t("a",{key:"d533b34bab8bed57448b132fdcfd7913da27d165",ref:e=>this.linkElement=e,href:this.url,target:this.external?"_blank":"_self"},t("div",{key:"9fd48a6483ee03a967abd2deca506a49eda9910c",class:"duet-notification-container"},t("div",{key:"0a647e9111eb00ae4268e20b72e248edcf211ab5",class:"duet-indicator-container"},this.highlight&&t("duet-indicator",{key:"61edc87a1995f7ebe37cefff3869dab6a3840d58",variation:"new","accessible-label":this.accessibleLabelUnread})),t("div",{key:"461dfcbff675bba86b0e66901b44f272e34b5619",class:"duet-notification-content"},t("slot",{key:"84fbc735b2ee2b129360419aa2d7a310a4b2895b"})),t("div",{key:"0bd791445a03f66f304fdb094200d95e409fcf09",class:"duet-notification-date"},this.date))))}get element(){return a(this)}};h.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:8px;border-top-right-radius:8px}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.duet-notification.duet-theme-turva{color:rgb(23, 28, 58);border-bottom-color:rgb(222, 224, 228)}.duet-notification.duet-notification-highlight{font-weight:600}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(245, 247, 250)}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}.duet-notification:hover.duet-theme-turva{background:rgb(245, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:rgb(113, 118, 132)}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}:host(.duet-theme-turva2) .duet-notification.duet-theme-turva{color:#172a3b;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-notification.duet-notification-highlight.duet-theme-turva{background:#fdf7f2}:host(.duet-theme-turva2) .duet-notification-badge.duet-theme-turva{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-notification:hover.duet-theme-turva{background:#fdf7f2}}";const l=class{constructor(t){e(this,t),this.isOpen=!1,this.icon="",this.label="Label",this.language=d(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=n(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=e=>{this.isOpen&&27===e.keyCode&&this.close()},this.toggleMenu=e=>{e.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){r(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0}),i(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,o(this)}handleClickFocusOutside(e){this.isOpen&&!this.element.contains(e.target)&&this.close(!1)}async setFocus(e){this.drawerButtonEl.focus(e)}async open(){const e=this.element.closest("duet-header");e&&e.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(e=!0){this.isOpen=!1,e&&this.setFocus({preventScroll:!0})}render(){return t("div",{key:"d4fa93920c2ed5c6dbde47edb4a06376a78c168d",class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},t("button",{key:"5e885d2aeb194f364e832f547fe2e78d23bf57c3",ref:e=>this.drawerButtonEl=e,type:"button",class:"duet-drawer-toggle",id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&t("div",{key:"2e9f920cccc92fa5d5b9fd934792fc66481263b5",class:"duet-drawer-icon"},t("duet-icon",{key:"e4d62dc6a17fa186cd25dcaa63fbfe1803f350e0",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&t("duet-indicator",{key:"d6009add6874a0ddd1428236dd70037f9c80baf5",variation:"change"})),t("span",{key:"17cacff5693e84208c2b4b4d6421c0b728cb8dd5",class:"duet-drawer-label"},this.label),t("div",{key:"3cb4c839a2246de6668bf12ece0c0b8afe89d739",class:"duet-drawer-caret"},t("duet-icon",{key:"17a1a0ee733bdd0b58922f82606041fa8ee417d4",margin:"none",size:"auto",icon:c.svg,color:"currentColor"}))),t("div",{key:"cf870b4388a40e9fc2c955f26120dbe7820d93eb",id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:e=>this.drawerContentEl=e},this.hasNotifications?t("div",{role:"list"},t("slot",null)):t("duet-empty-state",{size:"small"},t("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return a(this)}};l.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(8, 42, 77);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0;-webkit-appearance:none;appearance:none}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background-color:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(113, 118, 132)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-drawer-toggle::after{background:rgb(198, 12, 48)}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(113, 118, 132);border-color:rgb(245, 247, 250)}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-drawer-content{position:absolute;top:100%;z-index:600;display:block;width:450px;max-height:420px;padding-left:0;overflow-y:auto;visibility:hidden;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle::after{background:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true],:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:#8c001e;border-color:#f5f6f7}';export{h as duet_notification,l as duet_notification_drawer}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,h as t,g as a}from"./p-BfHFKBVa.js";import{i as s}from"./p-BFsh4y5I.js";import{g as i}from"./p-D4WDSjzx.js";import{g as n}from"./p-DEF77zC7.js";import"./p-C6E9F6QT.js";const o=class{constructor(t){e(this,t),this.theme="",this.fileUploadingInfo={fi:"Tiedosto latautuu",sv:"Filen laddas upp",en:"File is uploading"},this.onLinkClick=e=>{const{url:t,meta:a}=this.data;this.linkClickEvent&&(e.preventDefault(),this.linkClickEvent.emit({component:"duet-upload",data:{name:this.data.item.name,url:t,meta:a}}))}}componentWillLoad(){s(this)}async focusActionButton(){this.actionButton&&(await this.actionButton.setFocus({preventScroll:!0}),this.actionButton.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"}))}getFileNameLine(){const{item:e,size:a,uploaded:s,url:o,progress:r,error:l}=this.data,{name:d}=e,c=t("span",{class:"duet-upload-item-name"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),d),m=t("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",((e,t=2)=>{if(0===e)return"0 Bytes";const a=t<0?0:t,s=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,s)).toFixed(a))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][s]})(a),")");switch(this.type){case"inprogress":return t("span",{class:"duet-upload-item-name",role:"status"},t("duet-paragraph",{class:"duet-upload-item-name",color:"gray-darker",margin:"none",weight:"semi-bold"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),d),t("duet-visually-hidden",null,t("duet-paragraph",null,i(this.fileUploadingInfo))),t("duet-progress",{theme:this.theme,progress:Math.ceil(r),"aria-hidden":!0}));case"pending":return t("span",{class:"duet-upload-item-name"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),d);case"failure":return t("span",{class:"duet-upload-item-error",role:"status"},t("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),d),t("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},n(l.type,this.errorCodes)));default:return t("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},s&&o&&this.showLinks?t("duet-link",{class:"file-link",onClick:this.onLinkClick,url:o},c):c,t("duet-spacer",{size:"xx-small",direction:"horizontal"}),m)}}getActionButtonTitle(e){return!0===this.buttonTitles[e.name]||!1===this.buttonTitles[e.name]?e:i(this.buttonTitles[e.name])}render(){const{uid:e,meta:a,item:s}=this.data,n=a&&a.badges?t("span",null,a.badges.map((e=>t("duet-badge",{color:"primary"},e)))):void 0,o=`${a&&a.badges?a.badges.join(","):""} ${s.name}`;return t("div",{key:"af4b480a7c50c90ebf35c2744a0c6d301c026ee9",class:{"upload-item-row":!0}},this.showCategory&&t("div",{key:"4717379f9f4b5848066dd29975972f19b46e2ca2",class:"item-categories"},t("duet-heading",{key:"629de4c001a31d3ac9e509f4d8c4e48453b861bb",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},i(this.categoryLabel)),n),t("div",{key:"0bab4d7664d6f2032dac1ea95b2b608297ab4d2a",class:{"item-name":!0,"no-category":!this.showCategory}},!!this.label&&t("duet-heading",{key:"65d2a44a4b4b3353766658557242ad53c357236e",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},i(this.label)),this.getFileNameLine()),t("div",{key:"5e5cce5f36a34f4b24c21a1055874ba9bc59493b",class:"item-actions"},this.actions.map((s=>t("duet-action-button",{actionMeta:Object.assign({},a||{}),actionId:e||null,actionName:s.name,theme:this.theme,iconName:s.icon,iconColor:s.color,iconSize:s.size,background:s.background,"accessible-label":`${o} ${i(s.label)} `,accessibleTitle:this.getActionButtonTitle(s),ref:e=>this.actionButton=e})))))}get element(){return a(this)}};o.style=".file-link::part(duet-link){text-decoration:none}";export{o as duet_upload_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as o,H as e,g as r}from"./p-
|
|
4
|
+
import{r as t,h as o,H as e,g as r}from"./p-BfHFKBVa.js";import{i as a}from"./p-BFsh4y5I.js";import{a as n}from"./p-Db8rvjPI.js";const d=class{constructor(o){t(this,o),this.theme="",this.variation="default",this.active=!1,this.open=!1,this.icon=void 0,this.onClick=()=>{this.open=!this.open}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.open=!1)}componentWillLoad(){a(this)}handleEscape(t){n(t)&&(this.open=!1,this.setFocus())}async setFocus(t){this.button.focus(t)}render(){let t="right";this.element&&this.element.parentElement&&(t="left"===this.element.parentElement.getAttribute("slot")?"right":"left");const r="negative"===this.variation?"negative":"white";return o(e,{key:"7af8e188b72d1dd79f3445c543736d3c18d694e4",role:"listitem"},o("div",{key:"128c0412da716469ad79877951bf5b81f7987515",class:{"duet-toolbar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,[t]:!0,[r]:!0}},o("button",{key:"efc3cbf2c159c3b8a528e8ee58312bc9546b561e",ref:t=>this.button=t,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,id:"button",type:"button",class:{active:this.active,open:this.open},onClick:this.onClick,onKeyUp:t=>this.handleEscape(t)},this.icon&&o("duet-icon",{key:"502ded69ce168a1de15bd937aa8c1995f2b5df88",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("span",{key:"8c4851a8137ab50f524c9d24618f612834f38669",class:"label"},o("slot",{key:"eebb0b4107c2060e48b334f35cff1458fc7b4d7c",name:"label"}),o("duet-icon",{key:"961bcc314c446a4b85ae1259b67d5566a0dd0656",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),o("div",{key:"843d1e28eb1a821021ff4e6c96269bb437980de7",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},o("slot",{key:"60c2a9af5229e10192605b60f2aaf8d65e136d42"}))))}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;height:100%}.duet-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(8, 42, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:93%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:8px;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button:hover{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.duet-theme-turva.negative button:hover{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon{color:rgb(255, 185, 190)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active::after,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open::after{background:#e61740}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open{color:#172a3b}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open{background:rgba(23, 42, 59, 0.2)}';export{d as duet_toolbar_dropdown}
|
|
@@ -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 a}from"./p-
|
|
4
|
+
import{r as e,h as o,H as t,g as a}from"./p-BfHFKBVa.js";import{i as r}from"./p-BFsh4y5I.js";import{a as n}from"./p-Db8rvjPI.js";const d=class{constructor(o){e(this,o),this.theme="",this.targetLanguage=void 0,this.href="#",this.icon=void 0,this.active=!1}componentWillLoad(){r(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-toolbar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"34a5369d2806e4474bbb32400d5563fddcc3590a"},o("a",{key:"b16d10c8be40329d90136c486d568fb9511524d7",class:{"duet-toolbar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"link menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:e=>this.handleEscape(e)},this.icon&&o("duet-icon",{key:"cce54b8721ad1d017e32ac331ebcc54d53fbd88c",name:this.icon,size:"x-small",margin:"none"}),o("span",{key:"515f4c68a3917e3403e59f938fc2a2ba296e1f63",class:"label"},o("slot",{key:"43e7eddd00dc07766e9842a4070f09e908021551"})),this.active&&o("duet-icon",{key:"e69da314290045e523944a6d3554158627151d48",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return a(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-toolbar-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:center;text-decoration:none}.duet-toolbar-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-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-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-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva.active{background:#fdf7f2}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover{background:#fbe1d1}';export{d as duet_toolbar_dropdown_link}
|