@duetds/components 10.0.0-alpha.28 → 10.0.0-alpha.29
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 +120 -91
- package/hydrate/index.mjs +120 -91
- package/lib/cjs/{a11y-utils-CJbT7JyN.js → a11y-utils-C2urHioz.js} +1 -1
- package/lib/cjs/{app-globals-Bg_Qat6e.js → app-globals-CiRzLcdj.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
- package/lib/cjs/duet-alert.cjs.entry.js +5 -5
- package/lib/cjs/duet-badge.cjs.entry.js +3 -3
- package/lib/cjs/duet-banner.cjs.entry.js +3 -3
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +2 -2
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +3 -3
- package/lib/cjs/duet-button_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-callout.cjs.entry.js +3 -3
- package/lib/cjs/duet-caption_4.cjs.entry.js +11 -9
- package/lib/cjs/duet-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkbox.cjs.entry.js +4 -4
- 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 +6 -6
- package/lib/cjs/duet-collapsible.cjs.entry.js +3 -3
- 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 +8 -8
- package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +5 -4
- package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
- package/lib/cjs/duet-fieldset.cjs.entry.js +10 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
- package/lib/cjs/duet-footer.cjs.entry.js +4 -4
- package/lib/cjs/duet-grid_2.cjs.entry.js +23 -10
- package/lib/cjs/duet-header_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-hero.cjs.entry.js +12 -9
- package/lib/cjs/duet-icon.cjs.entry.js +2 -2
- package/lib/cjs/duet-indicator.cjs.entry.js +2 -2
- package/lib/cjs/duet-input_2.cjs.entry.js +21 -22
- 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 +3 -3
- package/lib/cjs/duet-modal.cjs.entry.js +25 -13
- package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
- package/lib/cjs/duet-nav.cjs.entry.js +2 -2
- package/lib/cjs/duet-notification_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-number-input.cjs.entry.js +6 -6
- package/lib/cjs/duet-overlay.cjs.entry.js +2 -2
- package/lib/cjs/duet-page-heading.cjs.entry.js +2 -2
- package/lib/cjs/duet-pagination_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-panel.cjs.entry.js +2 -2
- 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 +3 -3
- package/lib/cjs/duet-radio_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-range-slider.cjs.entry.js +4 -4
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +4 -4
- package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +9 -9
- 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 +4 -4
- 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 +5 -5
- package/lib/cjs/duet-slideout.cjs.entry.js +5 -5
- 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 +2 -2
- package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
- 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-CvAMXZjl.js → errorcodes.utils-CT287Ycp.js} +1 -1
- package/lib/cjs/{focus-utils-C8MDOQZG.js → focus-utils-DYmtJ1FV.js} +1 -1
- package/lib/cjs/{index-BkDTP7hm.js → index-ULRMHMT6.js} +1 -1
- package/lib/cjs/{label-DYV9pC59.js → label-Cw2Vvd6f.js} +1 -1
- package/lib/cjs/{language-utils-BxIeXBGy.js → language-utils-D_noDTNR.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-F-Jmx-3a.js → slot-utils-CuWfl8gF.js} +1 -1
- package/lib/cjs/{themeable-component-DvX_Xgrg.js → themeable-component-vXSpPXDS.js} +1 -1
- package/lib/collection/components/duet-alert/duet-alert.css +1 -0
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +3 -3
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +3 -3
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +9 -4
- package/lib/collection/components/duet-grid/duet-grid.js +27 -12
- package/lib/collection/components/duet-hero/duet-hero.js +8 -5
- package/lib/collection/components/duet-input/duet-input.css +7 -0
- package/lib/collection/components/duet-input/duet-input.js +26 -42
- package/lib/collection/components/duet-link/duet-link.css +6 -0
- package/lib/collection/components/duet-modal/duet-modal.js +20 -8
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +6 -6
- package/lib/collection/components/duet-number-input/duet-number-input.js +3 -3
- package/lib/collection/components/duet-paragraph/duet-paragraph.css +3 -0
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +4 -2
- package/lib/collection/components/duet-phone-input/duet-phone-input.js +1 -1
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +2 -2
- package/lib/collection/components/duet-select/duet-select.js +6 -6
- package/lib/collection/components/duet-table/duet-table-styles.js +1 -0
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-97ba0b31.entry.js → p-01b28129.entry.js} +1 -1
- package/lib/duet/{p-cc343a6c.entry.js → p-01bfda23.entry.js} +1 -1
- package/lib/duet/{p-3a1c718a.entry.js → p-01c80d5a.entry.js} +1 -1
- package/lib/duet/{p-7e02804f.entry.js → p-06ca53e7.entry.js} +1 -1
- package/lib/duet/{p-ea979f26.entry.js → p-098d9160.entry.js} +1 -1
- package/lib/duet/{p-8017e834.entry.js → p-0a9945d3.entry.js} +1 -1
- package/lib/duet/{p-fec4da8c.entry.js → p-0eb86bf1.entry.js} +1 -1
- package/lib/duet/{p-f30823aa.entry.js → p-10640c4f.entry.js} +1 -1
- package/lib/duet/{p-30035283.entry.js → p-18674149.entry.js} +1 -1
- package/lib/duet/{p-8356498a.entry.js → p-1d192423.entry.js} +1 -1
- package/lib/duet/p-1e043a65.entry.js +4 -0
- package/lib/duet/{p-1206ff96.entry.js → p-218d8d0c.entry.js} +1 -1
- package/lib/duet/{p-5a2e2e55.entry.js → p-22baa879.entry.js} +1 -1
- package/lib/duet/{p-b9125a20.entry.js → p-22c91ab8.entry.js} +1 -1
- package/lib/duet/{p-caf2cab9.entry.js → p-23cf09fc.entry.js} +1 -1
- package/lib/duet/{p-787b30fc.entry.js → p-242e8590.entry.js} +1 -1
- package/lib/duet/p-2defb00a.entry.js +4 -0
- package/lib/duet/p-35d6644f.entry.js +4 -0
- package/lib/duet/{p-f78c747f.entry.js → p-366f6c75.entry.js} +1 -1
- package/lib/duet/{p-6b79244a.entry.js → p-368f8b17.entry.js} +1 -1
- package/lib/duet/{p-5da18b67.entry.js → p-3740d6a3.entry.js} +1 -1
- package/lib/duet/{p-4e6bc806.entry.js → p-38f1f411.entry.js} +1 -1
- package/lib/duet/{p-fc2d3b85.entry.js → p-3a774155.entry.js} +1 -1
- package/lib/duet/{p-ee38050b.entry.js → p-40965806.entry.js} +1 -1
- package/lib/duet/{p-daa8f255.entry.js → p-43417674.entry.js} +1 -1
- package/lib/duet/{p-12ac4ff1.entry.js → p-4743f2de.entry.js} +1 -1
- package/lib/duet/{p-2cdeebb1.entry.js → p-49bccc83.entry.js} +1 -1
- package/lib/duet/{p-66dc053b.entry.js → p-4a0f1cdb.entry.js} +1 -1
- package/lib/duet/{p-09758ca7.entry.js → p-4a4795be.entry.js} +1 -1
- package/lib/duet/{p-81992942.entry.js → p-4c421d4a.entry.js} +1 -1
- package/lib/duet/{p-16a96348.entry.js → p-5175a2dd.entry.js} +1 -1
- package/lib/duet/{p-ddbdbe11.entry.js → p-531ccf9e.entry.js} +1 -1
- package/lib/duet/{p-78db887a.entry.js → p-545fc3f7.entry.js} +1 -1
- package/lib/duet/{p-abd2d2e5.entry.js → p-55905e75.entry.js} +1 -1
- package/lib/duet/p-5689da45.entry.js +4 -0
- package/lib/duet/{p-d83d4c83.entry.js → p-56fbb9c9.entry.js} +1 -1
- package/lib/duet/{p-c43dc2fd.entry.js → p-5eaf6164.entry.js} +1 -1
- package/lib/duet/{p-cb78347a.entry.js → p-5ef0982d.entry.js} +1 -1
- package/lib/duet/{p-44e44f11.entry.js → p-6442c2be.entry.js} +1 -1
- package/lib/duet/{p-f2b7be73.entry.js → p-6b5e575b.entry.js} +1 -1
- package/lib/duet/{p-34ca9627.entry.js → p-6c1a7d2a.entry.js} +1 -1
- package/lib/duet/{p-68b125c1.entry.js → p-726b706a.entry.js} +1 -1
- package/lib/duet/{p-c9fd65ce.entry.js → p-73041240.entry.js} +1 -1
- package/lib/duet/p-7340a148.entry.js +4 -0
- package/lib/duet/{p-54dff5d5.entry.js → p-78f0104d.entry.js} +1 -1
- package/lib/duet/{p-fcc4cd08.entry.js → p-7c4b51bc.entry.js} +1 -1
- package/lib/duet/p-7d682f0c.entry.js +4 -0
- package/lib/duet/{p-9ac2964f.entry.js → p-7dde6589.entry.js} +1 -1
- package/lib/duet/{p-b88c7286.entry.js → p-80c2a22b.entry.js} +1 -1
- package/lib/duet/{p-1a8da00c.entry.js → p-86613005.entry.js} +1 -1
- package/lib/duet/{p-c9ef3dfc.entry.js → p-866d5fba.entry.js} +1 -1
- package/lib/duet/{p-97bb619b.entry.js → p-878e745d.entry.js} +1 -1
- package/lib/duet/{p-dd8692cb.entry.js → p-89de527f.entry.js} +1 -1
- package/lib/duet/{p-35fdce02.entry.js → p-8eb11318.entry.js} +1 -1
- package/lib/duet/{p-be077745.entry.js → p-96179df4.entry.js} +1 -1
- package/lib/duet/{p-2f8ac3ad.entry.js → p-994e0989.entry.js} +1 -1
- package/lib/duet/{p-3a4a486b.entry.js → p-9d630f8d.entry.js} +1 -1
- package/lib/duet/{p-D4WDSjzx.js → p-B0lHdUDq.js} +1 -1
- package/lib/duet/p-Bq8ssolA.js +4 -0
- package/lib/duet/p-C-pON5qf.js +4 -0
- package/lib/duet/{p-BfHFKBVa.js → p-Cg-Sy7Qf.js} +1 -1
- package/lib/duet/{p-x84EsPoI.js → p-CmVjSa2G.js} +1 -1
- package/lib/duet/{p-BVUumLs-.js → p-D8Vx4GZo.js} +1 -1
- package/lib/duet/{p-BFsh4y5I.js → p-DNq3_6qZ.js} +1 -1
- package/lib/duet/{p-DEF77zC7.js → p-DhhvHRbK.js} +1 -1
- package/lib/duet/{p-2f21ed78.entry.js → p-a456687d.entry.js} +1 -1
- package/lib/duet/{p-8d3c4a3f.entry.js → p-a6eed3fb.entry.js} +1 -1
- package/lib/duet/p-a954bbc6.entry.js +4 -0
- package/lib/duet/{p-d93c2be4.entry.js → p-ac84994d.entry.js} +1 -1
- package/lib/duet/{p-3208daa6.entry.js → p-ae830c4f.entry.js} +1 -1
- package/lib/duet/{p-796eec58.entry.js → p-b8f14348.entry.js} +1 -1
- package/lib/duet/{p-9dd85685.entry.js → p-c3e002cb.entry.js} +1 -1
- package/lib/duet/{p-20fa2389.entry.js → p-c6c245d2.entry.js} +1 -1
- package/lib/duet/{p-8de6d1e2.entry.js → p-c6c2f1dc.entry.js} +1 -1
- package/lib/duet/{p-631b16b7.entry.js → p-ca1ac603.entry.js} +1 -1
- package/lib/duet/{p-5d626b10.entry.js → p-cb5020b3.entry.js} +1 -1
- package/lib/duet/{p-bd08aba8.entry.js → p-cc2fe910.entry.js} +1 -1
- package/lib/duet/{p-a1442533.entry.js → p-d0fe1162.entry.js} +1 -1
- package/lib/duet/{p-fdab5c0b.entry.js → p-d4c5c776.entry.js} +1 -1
- package/lib/duet/{p-49534af3.entry.js → p-d77d51df.entry.js} +1 -1
- package/lib/duet/{p-adf33c50.entry.js → p-e03b4d6d.entry.js} +1 -1
- package/lib/duet/{p-166bc231.entry.js → p-e18ded3f.entry.js} +1 -1
- package/lib/duet/{p-6e1454e9.entry.js → p-e1997fb2.entry.js} +1 -1
- package/lib/duet/{p-5cd78818.entry.js → p-e41e1570.entry.js} +1 -1
- package/lib/duet/{p-7c3fcd96.entry.js → p-e443cf8a.entry.js} +1 -1
- package/lib/duet/p-e6a4707d.entry.js +4 -0
- package/lib/duet/{p-7b718349.entry.js → p-e9ff33aa.entry.js} +1 -1
- package/lib/duet/{p-01a9a47d.entry.js → p-eb7799de.entry.js} +1 -1
- package/lib/duet/{p-f0076621.entry.js → p-ed4f565e.entry.js} +1 -1
- package/lib/duet/{p-eab48b73.entry.js → p-ee8f51c9.entry.js} +1 -1
- package/lib/duet/{p-b942ee5a.entry.js → p-f25c9b3a.entry.js} +1 -1
- package/lib/duet/{p-447520f5.entry.js → p-f950ae45.entry.js} +1 -1
- package/lib/duet/{p-7912bc42.entry.js → p-fd19cbeb.entry.js} +1 -1
- package/lib/duet/{p-22e7cf7d.entry.js → p-ffa644e6.entry.js} +1 -1
- package/lib/duet/{p-Yh6R_0l1.js → p-vLG7vkZg.js} +1 -1
- package/lib/esm/{a11y-utils-CRHgvsu9.js → a11y-utils-k-txkQIa.js} +1 -1
- package/lib/esm/{app-globals-CYQv_sg4.js → app-globals-BL1PM4GK.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +3 -3
- package/lib/esm/duet-alert.entry.js +5 -5
- package/lib/esm/duet-badge.entry.js +3 -3
- package/lib/esm/duet-banner.entry.js +3 -3
- package/lib/esm/duet-breadcrumb.entry.js +2 -2
- package/lib/esm/duet-breadcrumbs.entry.js +3 -3
- package/lib/esm/duet-button_2.entry.js +3 -3
- package/lib/esm/duet-callout.entry.js +3 -3
- package/lib/esm/duet-caption_4.entry.js +11 -9
- package/lib/esm/duet-card.entry.js +3 -3
- package/lib/esm/duet-checkbox.entry.js +4 -4
- 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 +6 -6
- package/lib/esm/duet-collapsible.entry.js +3 -3
- 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 +8 -8
- package/lib/esm/duet-divider_2.entry.js +2 -2
- package/lib/esm/duet-editable-table_3.entry.js +5 -4
- package/lib/esm/duet-empty-state.entry.js +2 -2
- package/lib/esm/duet-fieldset.entry.js +10 -6
- package/lib/esm/duet-file-chooser.entry.js +2 -2
- package/lib/esm/duet-footer.entry.js +4 -4
- package/lib/esm/duet-grid_2.entry.js +23 -10
- package/lib/esm/duet-header_2.entry.js +3 -3
- package/lib/esm/duet-hero.entry.js +12 -9
- package/lib/esm/duet-icon.entry.js +2 -2
- package/lib/esm/duet-indicator.entry.js +2 -2
- package/lib/esm/duet-input_2.entry.js +21 -22
- 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 +3 -3
- package/lib/esm/duet-modal.entry.js +25 -13
- package/lib/esm/duet-multiselect.entry.js +10 -10
- package/lib/esm/duet-nav.entry.js +2 -2
- package/lib/esm/duet-notification_2.entry.js +3 -3
- package/lib/esm/duet-number-input.entry.js +6 -6
- package/lib/esm/duet-overlay.entry.js +2 -2
- package/lib/esm/duet-page-heading.entry.js +2 -2
- package/lib/esm/duet-pagination_2.entry.js +3 -3
- package/lib/esm/duet-panel.entry.js +2 -2
- 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 +3 -3
- package/lib/esm/duet-radio_2.entry.js +4 -4
- package/lib/esm/duet-range-slider.entry.js +4 -4
- package/lib/esm/duet-scrollable_3.entry.js +4 -4
- package/lib/esm/duet-section-layout.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +9 -9
- 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 +4 -4
- 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 +5 -5
- package/lib/esm/duet-slideout.entry.js +5 -5
- 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 +2 -2
- package/lib/esm/duet-textarea.entry.js +8 -8
- 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-MZm5Z6Ra.js → errorcodes.utils-DMBhYFft.js} +1 -1
- package/lib/esm/{focus-utils-CrtNnjPR.js → focus-utils-CKJz94Qb.js} +1 -1
- package/lib/esm/{index-BfHFKBVa.js → index-Cg-Sy7Qf.js} +1 -1
- package/lib/esm/{label-BewTofiP.js → label-CiT_iRKt.js} +1 -1
- package/lib/esm/{language-utils-BvGD3xAJ.js → language-utils-CQS4gIfI.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-QOcACBKy.js → slot-utils-BtxgUznn.js} +1 -1
- package/lib/esm/{themeable-component-D9rAA2iK.js → themeable-component-C76K02P9.js} +1 -1
- package/lib/types/components/duet-grid/duet-grid.d.ts +5 -3
- package/lib/types/components/duet-hero/duet-hero.d.ts +1 -0
- package/lib/types/components/duet-input/duet-input.d.ts +5 -10
- package/lib/types/components/duet-paragraph/duet-paragraph.d.ts +1 -0
- package/lib/types/components.d.ts +22 -2
- package/package.json +3 -3
- package/lib/duet/p-41558cfd.entry.js +0 -4
- package/lib/duet/p-6f710a62.entry.js +0 -4
- package/lib/duet/p-87fa61b0.entry.js +0 -4
- package/lib/duet/p-882f0aaf.entry.js +0 -4
- package/lib/duet/p-88e2e400.entry.js +0 -4
- package/lib/duet/p-D3JjrjH_.js +0 -4
- package/lib/duet/p-DeH5mj7m.js +0 -4
- package/lib/duet/p-c084c91d.entry.js +0 -4
- package/lib/duet/p-d0cc1c5b.entry.js +0 -4
- package/lib/duet/p-ff169773.entry.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -4753,7 +4753,7 @@ const checkNamedSlotElement = (hostElement, slotName, selector, maxChildren = 0,
|
|
|
4753
4753
|
}
|
|
4754
4754
|
};
|
|
4755
4755
|
|
|
4756
|
-
const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
|
|
4756
|
+
const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
|
|
4757
4757
|
|
|
4758
4758
|
/**
|
|
4759
4759
|
* @slot default - Alert content.
|
|
@@ -6188,11 +6188,11 @@ class DuetCheckbox {
|
|
|
6188
6188
|
*/
|
|
6189
6189
|
render() {
|
|
6190
6190
|
const identifier = this.identifier || this.checkboxId;
|
|
6191
|
-
return (hAsync(Host, { key: '
|
|
6191
|
+
return (hAsync(Host, { key: '6b86df6df409dddb234482222ed98aa1856f36a9', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '84c3d4918deb9b887a13156b0437760a25b6808a', class: {
|
|
6192
6192
|
"duet-checkbox-container": true,
|
|
6193
6193
|
"duet-label-hidden": this.labelHidden,
|
|
6194
6194
|
"duet-theme-turva": this.theme === "turva",
|
|
6195
|
-
} }, hAsync("input", { key: '
|
|
6195
|
+
} }, hAsync("input", { key: 'b1ed311c0d079e07e83a5a27ff963d79b3e2dc76', ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-invalid": this.error ? "true" : "false", "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), hAsync("label", { key: '9950f2962f0c64ef59616f9968ecaf0f01c12c44', class: "duet-label", htmlFor: identifier }, hAsync("span", { key: '9030e64b2d5364eff9c0e7c693aa43ed1637b205' }, this.label)), hAsync("div", { key: '38ed5e4c0de52f6118818acc06424024c5333195', class: "duet-checkbox-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '70f692619ec92896fc2c287a1c39f9aa5d5eebd0' }, this.error)))));
|
|
6196
6196
|
}
|
|
6197
6197
|
get element() { return getElement(this); }
|
|
6198
6198
|
static get style() { return duetCheckboxCss; }
|
|
@@ -6212,7 +6212,7 @@ class DuetCheckbox {
|
|
|
6212
6212
|
"accessibleSelected": [1, "accessible-selected"],
|
|
6213
6213
|
"accessibleLiveError": [1, "accessible-live-error"],
|
|
6214
6214
|
"required": [4],
|
|
6215
|
-
"error": [
|
|
6215
|
+
"error": [513],
|
|
6216
6216
|
"theme": [1025],
|
|
6217
6217
|
"disabled": [516],
|
|
6218
6218
|
"identifier": [1],
|
|
@@ -6226,7 +6226,7 @@ class DuetCheckbox {
|
|
|
6226
6226
|
},
|
|
6227
6227
|
"$listeners$": undefined,
|
|
6228
6228
|
"$lazyBundleId$": "-",
|
|
6229
|
-
"$attrsToReflect$": [["disabled", "disabled"], ["checked", "checked"], ["value", "value"]]
|
|
6229
|
+
"$attrsToReflect$": [["error", "error"], ["disabled", "disabled"], ["checked", "checked"], ["value", "value"]]
|
|
6230
6230
|
}; }
|
|
6231
6231
|
}
|
|
6232
6232
|
|
|
@@ -7313,14 +7313,14 @@ class DuetChoiceGroup {
|
|
|
7313
7313
|
* Always the last one in the class.
|
|
7314
7314
|
*/
|
|
7315
7315
|
render() {
|
|
7316
|
-
return (hAsync(Host, { key: '
|
|
7316
|
+
return (hAsync(Host, { key: '897e49dbd281424ca6b72a9da68eaae0e562a139', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, class: {
|
|
7317
7317
|
horizontal: this.direction === "horizontal",
|
|
7318
7318
|
"duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
|
|
7319
7319
|
"duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",
|
|
7320
7320
|
"duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
|
|
7321
7321
|
"duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
|
|
7322
7322
|
"duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
|
|
7323
|
-
} }, hAsync("duet-fieldset", { key: '
|
|
7323
|
+
} }, hAsync("duet-fieldset", { key: '777b229cc803694833f9f3e489769c25f4095dd5', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: 'b23dc949f74c299c913b8457cf90e85dfa8d8127', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '406d11c0210b40168685fd0f6116bf48158d2170', name: "tooltip" }), hAsync("div", { key: '4bfe9fc3d01b57edc57601dac344fe712ce9a4d2', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: 'c08b8092110a1d836c31787360ac90fad86c8a3c' })))));
|
|
7324
7324
|
}
|
|
7325
7325
|
get element() { return getElement(this); }
|
|
7326
7326
|
static get watchers() { return {
|
|
@@ -7338,7 +7338,7 @@ class DuetChoiceGroup {
|
|
|
7338
7338
|
"direction": [1],
|
|
7339
7339
|
"margin": [1],
|
|
7340
7340
|
"theme": [1025],
|
|
7341
|
-
"error": [
|
|
7341
|
+
"error": [513],
|
|
7342
7342
|
"name": [1],
|
|
7343
7343
|
"label": [1],
|
|
7344
7344
|
"labelHidden": [4, "label-hidden"],
|
|
@@ -7355,7 +7355,7 @@ class DuetChoiceGroup {
|
|
|
7355
7355
|
},
|
|
7356
7356
|
"$listeners$": undefined,
|
|
7357
7357
|
"$lazyBundleId$": "-",
|
|
7358
|
-
"$attrsToReflect$": [["value", "value"]]
|
|
7358
|
+
"$attrsToReflect$": [["error", "error"], ["value", "value"]]
|
|
7359
7359
|
}; }
|
|
7360
7360
|
}
|
|
7361
7361
|
|
|
@@ -9952,13 +9952,13 @@ class DuetDatePicker {
|
|
|
9952
9952
|
if (maxDate) {
|
|
9953
9953
|
maxYear = Math.min(maxYear, maxDate.getFullYear());
|
|
9954
9954
|
}
|
|
9955
|
-
return (hAsync(Host, { key: '
|
|
9955
|
+
return (hAsync(Host, { key: '37f45a71c4032ac634736a6920fb025734c3bbe2', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '61c829b503df044c1b67f460b7dacd7398078cba', class: "duet-date" }, hAsync(DatePickerInput, { key: '8a04908b051939c5c8eb85cf7efdeac0d3a21d6c', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || (!this.disableBuiltInErrors && this.internalValidityError) || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), hAsync("div", { key: 'acd43f63f5682534c6bf78625fe43c6c86a46dc0', class: {
|
|
9956
9956
|
"duet-theme-turva": this.theme === "turva",
|
|
9957
9957
|
"duet-date-dialog": true,
|
|
9958
9958
|
left: this.direction === "left",
|
|
9959
9959
|
error: !!this.error,
|
|
9960
9960
|
active: this.open,
|
|
9961
|
-
}, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync("duet-overlay", { key: '
|
|
9961
|
+
}, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync("duet-overlay", { key: '88bd9a51351af2edf1e2e07f155c1eabbff10646', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: '08fa3fd43496f0250e63598a879eb03ff81ade36', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: 'a7d8dd867afa616cd47543b8c47a160b710b70f3', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: '81c99489839f6ceb28ac6f25f73a0d92f054b0bc', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: '404552e44ed007048db39d1d20108c6c38aca2bf', class: "duet-date-dialog-mobile-header" }, hAsync(DuetInternalLabel, { key: 'd49183b544c8e2a4a23ca281a62b3c4be8a90ebf', margin: "none" }, this.label), hAsync("button", { key: '3adb95e86f08e23c1b60e6e19ec3d9d23467f33f', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: 'c500a093b3fdae7155e3a5aed30539f009f156c2', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: '1f23e50c6c479195a622d512ac4ee5d866ebcd9b' }, text.closeLabel))), hAsync("div", { key: '662972a21f2c4cd532471209c9d49e51142f0b25', class: "duet-date-dialog-header" }, hAsync("div", { key: 'fb7cbfa6f3ccded04f8d481447c5847a1293d535', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: '8aa30a4e48fcc57ee56d7564284ff219260e8d5f' }, hAsync("h2", { key: '7a40dd8ca6344ac0ccf504ce73b476a3f5e4b0f6', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: '7ef05a1a7fab5bebf6d24bc78bb9789efd85835e' }, hAsync("label", { key: 'b93bb5d18acd17fb2bc22bc43c00d16199d254da', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: '72f8d34639a3a7de933c91e781b9aafa8e3fb668', class: "duet-date-dialog-select" }, hAsync("select", { key: 'a09e0ba04dfd0da49e8d141c8b2c520d49a6108d', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (hAsync("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), hAsync("div", { key: '85e19eac15e8475ea1a891b49796c2999e9800b8', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: 'ae692bf29092ba59affd6258f57ef9dcc1847f2e' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: 'aed73b3af5c337b8e7ff70699106d3c685206ff1', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: '860526bf60d4e94dfd2c19a5eabcd049b8273d82' }, hAsync("label", { key: '6852a9ff1990eddd80f8c0edfa59cc762d68fcc9', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: '28bf2d2a99952eb203a2198f558b7ccba9ae99c3', class: "duet-date-dialog-select" }, hAsync("select", { key: 'efafa17aa2c9306af0ca13dbee83cdefeed076b2', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (hAsync("option", { key: year, selected: year === focusedYear }, year)))), hAsync("div", { key: '5d9f4154d302ea2733b72a2f613abd9f7f569be8', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: 'a6996b5aa61aa5227048b4eb1b8cb227b0dcda33' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: '6c999d099466d7b9ac2dd54ba7cf9b80732d82ef', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: '7c63a65698b7a07d10c9b75ad21a6c7585c99034', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: '3599aaffa6d0b601b35cfa244faa11b705724ef0', accessibleLabel: i18n$2[this.language].prevMonthLabel, actionName: i18n$2[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), hAsync("duet-action-button", { key: 'dfff287908a10fd3b84abbd643af6d095bb70537', accessibleLabel: i18n$2[this.language].nextMonthLabel, actionName: i18n$2[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), hAsync(DatePickerMonth, { key: '4f9b1c1fd0791045a5d04055e1c61182f11ebe86', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), hAsync(FocusGuard, { key: '06daea4e6567faa83c290236d3bafd2ed6bb310e', moveFocusTo: this.closeButtonNode }))));
|
|
9962
9962
|
}
|
|
9963
9963
|
get element() { return getElement(this); }
|
|
9964
9964
|
static get watchers() { return {
|
|
@@ -9984,7 +9984,7 @@ class DuetDatePicker {
|
|
|
9984
9984
|
"placeholder": [1025],
|
|
9985
9985
|
"echoPlaceholder": [1540, "echo-placeholder"],
|
|
9986
9986
|
"disabled": [516],
|
|
9987
|
-
"error": [
|
|
9987
|
+
"error": [513],
|
|
9988
9988
|
"disableBuiltInErrors": [4, "disable-built-in-errors"],
|
|
9989
9989
|
"labelHidden": [4, "label-hidden"],
|
|
9990
9990
|
"role": [1],
|
|
@@ -10013,7 +10013,7 @@ class DuetDatePicker {
|
|
|
10013
10013
|
},
|
|
10014
10014
|
"$listeners$": [[4, "click", "handleDocumentClick"]],
|
|
10015
10015
|
"$lazyBundleId$": "-",
|
|
10016
|
-
"$attrsToReflect$": [["language", "language"], ["echoPlaceholder", "echo-placeholder"], ["disabled", "disabled"], ["value", "value"]]
|
|
10016
|
+
"$attrsToReflect$": [["language", "language"], ["echoPlaceholder", "echo-placeholder"], ["disabled", "disabled"], ["error", "error"], ["value", "value"]]
|
|
10017
10017
|
}; }
|
|
10018
10018
|
}
|
|
10019
10019
|
|
|
@@ -10404,6 +10404,10 @@ class DuetFieldset {
|
|
|
10404
10404
|
* If caption is present, larger lineheight is used regardless of this prop.
|
|
10405
10405
|
*/
|
|
10406
10406
|
this.compactLabel = false;
|
|
10407
|
+
/**
|
|
10408
|
+
* An error message to be shown next to the label.
|
|
10409
|
+
*/
|
|
10410
|
+
this.error = "";
|
|
10407
10411
|
/**
|
|
10408
10412
|
* The aria-live attribute for the error message. When the input is validated on blur, use "off", as using "polite" or "assertive"
|
|
10409
10413
|
* makes the screen reader read the error message twice. When the input is validated on submit, use "polite", as "off" would leave
|
|
@@ -10445,20 +10449,20 @@ class DuetFieldset {
|
|
|
10445
10449
|
* Always the last one in the class.
|
|
10446
10450
|
*/
|
|
10447
10451
|
render() {
|
|
10448
|
-
return (hAsync(Host, { key: '
|
|
10452
|
+
return (hAsync(Host, { key: 'e1a788de39eaef07a1abaa996870dd726b226aee', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'e7d2b6ecb24666f6a563d4923bb228bdf7e8820d', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
|
|
10449
10453
|
// NVDA and VoiceOver do not yet support aria-errormessage
|
|
10450
10454
|
// once they do, we can remove errors from the aria-describedby
|
|
10451
10455
|
// aria-errormessage={this.error ? this.errorId : null}
|
|
10452
10456
|
class: {
|
|
10453
10457
|
"duet-fieldset": true,
|
|
10454
10458
|
"duet-theme-turva": this.theme === "turva",
|
|
10455
|
-
} }, hAsync("legend", { key: '
|
|
10459
|
+
} }, hAsync("legend", { key: '9412c1763b18075c6c6d585389c3ac9d22542f64', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: '9c1c5cfef779deef96e68e7f3760f0eeec8d347a' }, this.label), this.caption && hAsync("span", { key: 'd166f280495ee9e156e705fe52455b18c5a13ea2' }, this.caption)), hAsync("div", { key: 'e390d201c421bbd2086946b4548dc98d5c58fead', class: {
|
|
10456
10460
|
"duet-legend-wrapper": true,
|
|
10457
10461
|
"duet-legend-has-caption": !!this.caption,
|
|
10458
10462
|
"duet-legend-has-tooltip": this.hasTooltip,
|
|
10459
10463
|
"duet-legend-hidden": this.labelHidden,
|
|
10460
10464
|
"duet-legend-compact": this.compactLabel,
|
|
10461
|
-
} }, hAsync("div", { key: '
|
|
10465
|
+
} }, hAsync("div", { key: '10861fb7ec43cc4aec34ae9b04b1b191dd7a0d5c', class: "duet-fieldset-label" }, hAsync("span", { key: '63b295dc887c75eb4bc062d214bb5b6a899e0f83', "aria-hidden": "true" }, this.label), hAsync("slot", { key: 'dc154b5f9980e99c525884e32f7811e36fe634fc', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '1803a70997b3d2de928d501cfb86864bfa3af614', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: 'c574d64b9a375d0af50bc0bed35ea0418139f579', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '48665d8be4d66036d4d69090d7a98ee01f99dbac' }), hAsync("span", { key: '9815f8bf073a39267673baf538de5908b52758e9', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '93bfa1f3fb33cf3bc23055948b416a18369b8497', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
|
|
10462
10466
|
}
|
|
10463
10467
|
get element() { return getElement(this); }
|
|
10464
10468
|
static get style() { return duetFieldsetCss; }
|
|
@@ -10471,7 +10475,7 @@ class DuetFieldset {
|
|
|
10471
10475
|
"caption": [1],
|
|
10472
10476
|
"label": [1],
|
|
10473
10477
|
"compactLabel": [4, "compact-label"],
|
|
10474
|
-
"error": [
|
|
10478
|
+
"error": [513],
|
|
10475
10479
|
"accessibleLiveError": [1, "accessible-live-error"],
|
|
10476
10480
|
"labelHeadingLevel": [1, "label-heading-level"],
|
|
10477
10481
|
"labelHidden": [4, "label-hidden"],
|
|
@@ -10480,7 +10484,7 @@ class DuetFieldset {
|
|
|
10480
10484
|
},
|
|
10481
10485
|
"$listeners$": undefined,
|
|
10482
10486
|
"$lazyBundleId$": "-",
|
|
10483
|
-
"$attrsToReflect$": []
|
|
10487
|
+
"$attrsToReflect$": [["error", "error"]]
|
|
10484
10488
|
}; }
|
|
10485
10489
|
}
|
|
10486
10490
|
|
|
@@ -10717,9 +10721,10 @@ class DuetGrid {
|
|
|
10717
10721
|
*/
|
|
10718
10722
|
this.rowReverse = false;
|
|
10719
10723
|
/**
|
|
10720
|
-
* Adjusts the vertical alignment of the grid items, if set to "
|
|
10724
|
+
* Adjusts the vertical alignment of the grid items, if set to "form-distribute"
|
|
10721
10725
|
* the grid will try to calculate correct paddings for any duet-input fields inside duet-grid-items,
|
|
10722
|
-
* so that they align even when displaying errors.
|
|
10726
|
+
* so that they align even when displaying errors. Value "form_distribute" is deprecated, use
|
|
10727
|
+
* "form-distribute" for new development.
|
|
10723
10728
|
*/
|
|
10724
10729
|
this.alignment = "top";
|
|
10725
10730
|
/**
|
|
@@ -10735,6 +10740,12 @@ class DuetGrid {
|
|
|
10735
10740
|
*/
|
|
10736
10741
|
this.gridTemplate = null;
|
|
10737
10742
|
}
|
|
10743
|
+
validateAlignment(newValue) {
|
|
10744
|
+
if (newValue === "form_distribute") {
|
|
10745
|
+
console.warn(`DuetGrid alignment value "form_distribute" is deprecated, replace with "form-distribute"`);
|
|
10746
|
+
this.alignment = "form-distribute";
|
|
10747
|
+
}
|
|
10748
|
+
}
|
|
10738
10749
|
/**
|
|
10739
10750
|
* Private functions
|
|
10740
10751
|
*/
|
|
@@ -10757,7 +10768,7 @@ class DuetGrid {
|
|
|
10757
10768
|
*/
|
|
10758
10769
|
async connectedCallback() {
|
|
10759
10770
|
// the next two functions are used to watch for changes in the grid items, and are process intensive - so only run when needed
|
|
10760
|
-
if (this.alignment === "
|
|
10771
|
+
if (this.alignment === "form-distribute") {
|
|
10761
10772
|
this.updateGridItemsWithInputFields();
|
|
10762
10773
|
}
|
|
10763
10774
|
this.updateGridItems();
|
|
@@ -10789,7 +10800,7 @@ class DuetGrid {
|
|
|
10789
10800
|
});
|
|
10790
10801
|
}
|
|
10791
10802
|
async updateGridItemsWithInputFields() {
|
|
10792
|
-
// Duet components that need to taken into account in
|
|
10803
|
+
// Duet components that need to taken into account in form-distribute
|
|
10793
10804
|
const elementNames = [
|
|
10794
10805
|
"duet-button",
|
|
10795
10806
|
"duet-checkbox",
|
|
@@ -10866,11 +10877,11 @@ class DuetGrid {
|
|
|
10866
10877
|
* Always the last one in the class.
|
|
10867
10878
|
*/
|
|
10868
10879
|
render() {
|
|
10869
|
-
return (hAsync(Host, { key: '
|
|
10880
|
+
return (hAsync(Host, { key: '9212e2e0bff89f3625e4194c7c1ea2d8f71576c9', class: {
|
|
10870
10881
|
"duet-grid": true,
|
|
10871
10882
|
"duet-no-stacking": !this.responsive,
|
|
10872
10883
|
"duet-grid-align-top": this.alignment === "top", // flex-start
|
|
10873
|
-
"duet-grid-align-bottom": this.alignment === "bottom" || this.alignment === "
|
|
10884
|
+
"duet-grid-align-bottom": this.alignment === "bottom" || this.alignment === "form-distribute", // flex-end
|
|
10874
10885
|
"duet-grid-align-center": this.alignment === "center", // center
|
|
10875
10886
|
"duet-grid-align-stretch": this.alignment === "stretch", // stretch
|
|
10876
10887
|
"duet-grid-align-baseline": this.alignment === "baseline", // baseline
|
|
@@ -10893,10 +10904,11 @@ class DuetGrid {
|
|
|
10893
10904
|
"duet-grid-row-reverse": this.rowReverse,
|
|
10894
10905
|
[`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
|
|
10895
10906
|
[`duet-grid-template-${this.gridTemplate}`]: true,
|
|
10896
|
-
} }, hAsync("slot", { key: '
|
|
10907
|
+
} }, hAsync("slot", { key: '3b4490d66c0ad8256492ab43535a62150495ca41' })));
|
|
10897
10908
|
}
|
|
10898
10909
|
get element() { return getElement(this); }
|
|
10899
10910
|
static get watchers() { return {
|
|
10911
|
+
"alignment": ["validateAlignment"],
|
|
10900
10912
|
"responsive": ["updateGridItems"],
|
|
10901
10913
|
"breakpoint": ["updateGridItems"],
|
|
10902
10914
|
"direction": ["updateGridItems"]
|
|
@@ -10910,14 +10922,14 @@ class DuetGrid {
|
|
|
10910
10922
|
"breakpoint": [1],
|
|
10911
10923
|
"direction": [1],
|
|
10912
10924
|
"rowReverse": [4, "row-reverse"],
|
|
10913
|
-
"alignment": [
|
|
10925
|
+
"alignment": [1537],
|
|
10914
10926
|
"distribution": [1],
|
|
10915
10927
|
"mobile": [1],
|
|
10916
10928
|
"gridTemplate": [1, "grid-template"]
|
|
10917
10929
|
},
|
|
10918
10930
|
"$listeners$": undefined,
|
|
10919
10931
|
"$lazyBundleId$": "-",
|
|
10920
|
-
"$attrsToReflect$": []
|
|
10932
|
+
"$attrsToReflect$": [["alignment", "alignment"]]
|
|
10921
10933
|
}; }
|
|
10922
10934
|
}
|
|
10923
10935
|
|
|
@@ -12255,6 +12267,9 @@ class DuetHero {
|
|
|
12255
12267
|
if (this.hasHeadingSlot && getElementsFromNamedSlot(this.element, "heading")[0].matches(headings)) {
|
|
12256
12268
|
this.hasHeadingSlotNative = true;
|
|
12257
12269
|
}
|
|
12270
|
+
if (this.hasSubHeadingSlot && getElementsFromNamedSlot(this.element, "subheading")[0].matches(headings)) {
|
|
12271
|
+
this.hasSubHeadingSlotNative = true;
|
|
12272
|
+
}
|
|
12258
12273
|
this.refresh();
|
|
12259
12274
|
}
|
|
12260
12275
|
connectedCallback() {
|
|
@@ -12338,7 +12353,7 @@ class DuetHero {
|
|
|
12338
12353
|
outlineColor = "color-primary-turva";
|
|
12339
12354
|
}
|
|
12340
12355
|
}
|
|
12341
|
-
return (hAsync("div", { key: '
|
|
12356
|
+
return (hAsync("div", { key: 'fc3ecc930f72a824e8e8e488594714fe52f31fff', role: "region", class: {
|
|
12342
12357
|
"duet-hero": true,
|
|
12343
12358
|
"duet-theme-turva": this.theme === "turva",
|
|
12344
12359
|
"duet-has-category-icon": !!this.categoryIcon,
|
|
@@ -12356,17 +12371,17 @@ class DuetHero {
|
|
|
12356
12371
|
"duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
|
|
12357
12372
|
"duet-hero-left-align": this.leftAlign && !campaignOrSection,
|
|
12358
12373
|
"duet-hero-narrow": this.layout === "narrow",
|
|
12359
|
-
}, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: '
|
|
12360
|
-
this.processedBack && (hAsync("div", { key: '
|
|
12374
|
+
}, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: 'a8cdeb3e0c17fed0de61ab1c84a5f8b4eb92d43f', class: "background-area" }, hAsync("div", { key: 'c0e772e0eb58c3b59be2ef2441653d7d9355b7be', class: "background-container" }, hAsync("div", { key: 'ff30622beb78548046143236845a8c6252dc4c40', class: "background" }, hAsync("img", { key: '4ed685b3b1f5926867fcf8e53050a4f4dbe71060', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '8757c109c1ecbf249d31b7f3fdfe062e7cbcdf46', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: 'b6b734d21571cbe03adab7be1942caa351eb886e', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '5e6e459f153a9665bc8993789961ae5d23ff389e', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '593f8f68c2df59b1e6499eb6f59394dee782891e', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '49aaadfc675e5cc1cf528cfb3516577d3baa1c4f', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '52d15566f49e4ee0d72ab9ec10f992d55291a2cd', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: 'a7275c16c76b667037cfe0044b21b11ce09bf413', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: 'a3522f3ed67befbb439ee07195e959180b3e01a1', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '3cb4ef66b9af1357e75318bc6f97e732e1787ce2', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: 'c15dfb764fe13d5766c3ad5e2b4bf012c739e257', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'd5f3d4a50473d2e2b56575de789e42c246c69987', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: 'c0ace6245e4431276a7e72a618b37f967d0b4bc5', class: "background-area" }, hAsync("div", { key: 'cf04f88d15da106d8416d910835e07e87dd04bea', class: "background" }, hAsync("div", { key: '0536ea5ec869a1ec253ab616a12485b01433982d', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'd7933f6c85dc709697ba451cf89cda8f7a9e3f03', class: "brand-shape" }), hAsync("div", { key: 'c5fd0f3a99befd7d054303c9ebfd596989e7ccb8', class: "brand-shaped-image" }, hAsync("div", { key: '96c71979b18e456b1a94fbb2bc1ae56bbf5cf318', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: 'acd8a1ce0a639e28970c6ca41b789bcfac03f9c7', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '8d08cf63aac9a03e1874b8cbfa4741ee1f1c4949', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '6da49938f8cf4c5038179fb9b48e0d8d5b8a521a', class: "duet-hero-image-mask" }, hAsync("div", { key: '1682a488a00e1188d2be47d0aa895277f065adee', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '6fc100efe321915493d840f3fd2f01100fa954fd', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
|
|
12375
|
+
this.processedBack && (hAsync("div", { key: '2777feaa8cc994cf4215d49143c69bee06d85552', class: "duet-hero-back" }, hAsync("duet-button", { key: '57315d5cb34c6db55f6642224b442b12ebb7fe9a', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
|
|
12361
12376
|
label: this.processedBack.label,
|
|
12362
12377
|
href: this.processedBack.href,
|
|
12363
12378
|
id: this.processedBack.id,
|
|
12364
12379
|
analyticsId: this.processedBack.analyticsId,
|
|
12365
|
-
}) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: '
|
|
12380
|
+
}) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: '282df2be20e350964563837a2344b4fd3fbd6812', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '0a04e8f9ada19e0e157a52295248291e4ce30703', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '38897d3fc34f854e13e2675bc3c79005a7ba16b1', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: 'c77b97021d7c7a735ce0aeba42fabce91d83da39', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: 'cd22335d7881e672e2df6367d58c734784ff5f6e', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto", accessibleLabel: this.getAccessibleHeading() }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: 'ce92b7e2ce3f86fa082b8601dd070d5a76b27437', theme: this.theme, level: this.hasSubHeadingSlotNative ? "div" : this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: 'f79855d9d88deba48f86e05f2318cf9459da6db0', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: '9b3cefb7c435efb47e07a1501e18dee9db1b6b5b', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '1c4915294fb3b2335ff981939207a961069d6b74', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: 'ba2b9cded251cad0aea4ebd4c66d1fddf78bea38', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: '0570f78ab10d749668c6dc20bb97db5896ce1039' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '647db5a0b2aa0416fd2a499bf168523b2f090e81', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
|
|
12366
12381
|
this.variation !== "image" &&
|
|
12367
12382
|
!campaignOrSection &&
|
|
12368
12383
|
this.variation !== "product" &&
|
|
12369
|
-
this.variation !== "content" && hAsync("div", { key: '
|
|
12384
|
+
this.variation !== "content" && hAsync("div", { key: '32f36cc551b37aefb3a06403431479f4d4e7460d', class: "duet-hero-image", style: styles }), hAsync("slot", { key: 'd53f84c8a9c995bb049ba25531b49b8119d40353', name: "bottom" }))));
|
|
12370
12385
|
}
|
|
12371
12386
|
get element() { return getElement(this); }
|
|
12372
12387
|
static get watchers() { return {
|
|
@@ -12696,7 +12711,7 @@ function cleanValue(input, regex) {
|
|
|
12696
12711
|
return newValue;
|
|
12697
12712
|
}
|
|
12698
12713
|
|
|
12699
|
-
const duetInputCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}: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:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip,::slotted(duet-tooltip){position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){right:auto}}duet-caption:not(:last-of-type){margin-bottom:0}.duet-input-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-input-icon{color:rgb(23, 28, 58)}.duet-input-container{position:relative;width:100%;height:100%}.duet-input-container.has-clear .duet-input-clear-icon{position:relative;z-index:250}.duet-input-container.has-clear .duet-input-clear-icon button{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear .duet-input-clear-icon 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-input-container.has-clear .duet-input-clear-icon button:focus,.duet-input-container.has-clear .duet-input-clear-icon button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear .duet-input-clear-icon button:active{opacity:0.75;transition:none}.duet-input-container.has-clear .duet-input-clear-icon.input-padding-xx-small button{top:-12px}.duet-input-container.has-clear .duet-input-clear-icon.input-padding-x-small button{top:-16px}.duet-input-container.has-clear .duet-input-clear-icon.input-padding-small button{top:-20px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single button{top:-48px;right:0}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-xx-small button{top:-36px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-x-small button{top:-40px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-small button{top:-44px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double button{top:-24px;right:12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-xx-small button{top:-12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-x-small button{top:-16px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-small button{top:-20px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-button button{top:-24px;right:0}.duet-input-container.has-clear.has-icon .duet-input-clear-icon{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container{justify-content:flex-start}}.duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small{padding:8px 10px !important}.duet-input.input-padding-x-small{padding:4px 6px !important}.duet-input.input-padding-xx-small{padding:0px 2px !important}.duet-input.is-number{padding-right:112px !important}.duet-input.is-date{padding-right:64px !important}.duet-input.after-chip{padding-left:8px !important}.has-error .duet-input,.has-error .duet-input[disabled]{border-color:rgb(214, 28, 82) !important}.has-error .duet-input+.duet-input-icon,.has-error .duet-input[disabled]+.duet-input-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input+.duet-input-icon{color:rgb(214, 28, 82) !important}.has-icon .duet-input{padding-right:48px !important}.duet-theme-turva .duet-input{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;border-color:rgb(143, 147, 158) !important}.duet-input.align-right{text-align:right}.duet-input::-ms-clear{display:none}.duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled]{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-input[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-input:focus+.duet-input-icon{color:rgb(23, 28, 58)}.has-error .duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input:focus+.duet-input-icon{color:rgb(0, 119, 179)}.duet-input[type=search]:not(:placeholder-shown):focus+.duet-input-icon{display:none}.duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help span{display:block;margin-top:8px}.duet-theme-turva .duet-input-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-label-hidden label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative{position:relative;width:100%}.duet-input-variation-button,.duet-input-variation-button-left{position:relative;width:100%}.duet-input-variation-button .duet-input-relative,.duet-input-variation-button-left .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button .duet-input-relative duet-button,.duet-input-variation-button-left .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-button-left .duet-input-relative{border-radius:4px}.duet-input-variation-button-left.has-focus .duet-input-relative{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-button-left.duet-theme-turva.has-focus .duet-input-relative{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-button-left:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #909599}.duet-input-variation-button-left.duet-theme-turva:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #747475}.duet-input-variation-button-left .duet-input:focus,.duet-input-variation-button-left .duet-input:hover:not(.disabled){box-shadow:none !important}.duet-input-variation-button .duet-input-relative .duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-button-left .duet-input-relative .duet-input{border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.duet-input-variation-revealable{position:relative;width:100%}.duet-input-variation-revealable ::-ms-reveal{display:none}.duet-input-variation-revealable .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-variation-revealable .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-revealable .duet-input-relative .duet-input{border-width:0 !important}.duet-input-variation-revealable .duet-input-relative .duet-input:focus,.duet-input-variation-revealable .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled .duet-input-relative{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus .duet-input-relative{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus .duet-input-relative{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips .duet-input-relative{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-container.has-chips .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips .duet-input-relative .duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips .duet-input-relative .duet-input:focus,.duet-input-container.has-chips .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-input-icon{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-input{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-input::-webkit-input-placeholder{color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-webkit-input-placeholder{color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:-moz-placeholder{color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-moz-placeholder{color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:-ms-input-placeholder{color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus:-ms-input-placeholder{color:#f1cab2}:host(.duet-theme-turva2) .duet-theme-turva .duet-input[disabled]{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus{border-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus+.duet-input-icon{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-button-left.has-focus .duet-input-relative{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-revealable.has-focus .duet-input-relative{border-color:#172a3b}";
|
|
12714
|
+
const duetInputCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}: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:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=time]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=time]::-webkit-calendar-picker-indicator{display:none}duet-tooltip,::slotted(duet-tooltip){position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){right:auto}}duet-caption:not(:last-of-type){margin-bottom:0}.duet-input-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-input-icon{color:rgb(23, 28, 58)}.duet-input-container{position:relative;width:100%;height:100%}.duet-input-container.has-clear .duet-input-clear-icon{position:relative;z-index:250}.duet-input-container.has-clear .duet-input-clear-icon button{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear .duet-input-clear-icon 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-input-container.has-clear .duet-input-clear-icon button:focus,.duet-input-container.has-clear .duet-input-clear-icon button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear .duet-input-clear-icon button:active{opacity:0.75;transition:none}.duet-input-container.has-clear .duet-input-clear-icon.input-padding-xx-small button{top:-12px}.duet-input-container.has-clear .duet-input-clear-icon.input-padding-x-small button{top:-16px}.duet-input-container.has-clear .duet-input-clear-icon.input-padding-small button{top:-20px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single button{top:-48px;right:0}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-xx-small button{top:-36px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-x-small button{top:-40px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-small button{top:-44px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double button{top:-24px;right:12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-xx-small button{top:-12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-x-small button{top:-16px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-small button{top:-20px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-button button{top:-24px;right:0}.duet-input-container.has-clear.has-icon .duet-input-clear-icon{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container{justify-content:flex-start}}.duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small{padding:8px 10px !important}.duet-input.input-padding-x-small{padding:4px 6px !important}.duet-input.input-padding-xx-small{padding:0px 2px !important}.duet-input.is-number{padding-right:112px !important}.duet-input.is-date{padding-right:64px !important}.duet-input.after-chip{padding-left:8px !important}.has-error .duet-input,.has-error .duet-input[disabled]{border-color:rgb(214, 28, 82) !important}.has-error .duet-input+.duet-input-icon,.has-error .duet-input[disabled]+.duet-input-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input+.duet-input-icon{color:rgb(214, 28, 82) !important}.has-icon .duet-input{padding-right:48px !important}.duet-theme-turva .duet-input{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;border-color:rgb(143, 147, 158) !important}.duet-input.align-right{text-align:right}.duet-input::-ms-clear{display:none}.duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled]{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-input[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-input:focus+.duet-input-icon{color:rgb(23, 28, 58)}.has-error .duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input:focus+.duet-input-icon{color:rgb(0, 119, 179)}.duet-input[type=search]:not(:placeholder-shown):focus+.duet-input-icon{display:none}.duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help span{display:block;margin-top:8px}.duet-theme-turva .duet-input-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-label-hidden label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative{position:relative;width:100%}.duet-input-variation-button,.duet-input-variation-button-left{position:relative;width:100%}.duet-input-variation-button .duet-input-relative,.duet-input-variation-button-left .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button .duet-input-relative duet-button,.duet-input-variation-button-left .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-button-left .duet-input-relative{border-radius:4px}.duet-input-variation-button-left.has-focus .duet-input-relative{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-button-left.duet-theme-turva.has-focus .duet-input-relative{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-button-left:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #909599}.duet-input-variation-button-left.duet-theme-turva:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #747475}.duet-input-variation-button-left .duet-input:focus,.duet-input-variation-button-left .duet-input:hover:not(.disabled){box-shadow:none !important}.duet-input-variation-button .duet-input-relative .duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-button-left .duet-input-relative .duet-input{border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.duet-input-variation-revealable{position:relative;width:100%}.duet-input-variation-revealable ::-ms-reveal{display:none}.duet-input-variation-revealable .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-variation-revealable .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-revealable .duet-input-relative .duet-input{border-width:0 !important}.duet-input-variation-revealable .duet-input-relative .duet-input:focus,.duet-input-variation-revealable .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled .duet-input-relative{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus .duet-input-relative{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus .duet-input-relative{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips .duet-input-relative{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-container.has-chips .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips .duet-input-relative .duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips .duet-input-relative .duet-input:focus,.duet-input-container.has-chips .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-input-icon{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-input{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-input::-webkit-input-placeholder{color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-webkit-input-placeholder{color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:-moz-placeholder{color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-moz-placeholder{color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:-ms-input-placeholder{color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus:-ms-input-placeholder{color:#f1cab2}:host(.duet-theme-turva2) .duet-theme-turva .duet-input[disabled]{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus{border-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus+.duet-input-icon{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-button-left.has-focus .duet-input-relative{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-revealable.has-focus .duet-input-relative{border-color:#172a3b}";
|
|
12700
12715
|
|
|
12701
12716
|
const icons = {
|
|
12702
12717
|
search: searchIcon,
|
|
@@ -12853,8 +12868,7 @@ class DuetInput {
|
|
|
12853
12868
|
*/
|
|
12854
12869
|
this.variation = "default";
|
|
12855
12870
|
/**
|
|
12856
|
-
*
|
|
12857
|
-
* Render a container for chips
|
|
12871
|
+
* Render a container into which Duet Chip components can be added with the method "addChip".
|
|
12858
12872
|
*/
|
|
12859
12873
|
this.chips = false;
|
|
12860
12874
|
/**
|
|
@@ -13157,32 +13171,32 @@ class DuetInput {
|
|
|
13157
13171
|
}
|
|
13158
13172
|
}
|
|
13159
13173
|
/**
|
|
13160
|
-
*
|
|
13161
|
-
* Add a chip to the input
|
|
13174
|
+
* Add a chip to the input. Property "chips" must be true.
|
|
13162
13175
|
*/
|
|
13163
13176
|
async addChip(chip) {
|
|
13177
|
+
if (!this.chips) {
|
|
13178
|
+
console.error("The method addChips requires the property chips to be true");
|
|
13179
|
+
return;
|
|
13180
|
+
}
|
|
13164
13181
|
const container = this.element.shadowRoot.querySelector(".duet-input-relative");
|
|
13165
13182
|
const input = container.querySelector("input:not(duet-chip input)");
|
|
13166
13183
|
chip.id = createID("DuetInputChip");
|
|
13167
13184
|
container.insertBefore(chip, input);
|
|
13168
13185
|
}
|
|
13169
13186
|
/**
|
|
13170
|
-
*
|
|
13171
|
-
* Does the input have a chip with the given value and text
|
|
13187
|
+
* Does the input have a chip with the given value and text.
|
|
13172
13188
|
*/
|
|
13173
13189
|
async hasChip({ value, text }) {
|
|
13174
13190
|
return this.getAllChips().some(chip => chip.value === value && chip.textContent === text);
|
|
13175
13191
|
}
|
|
13176
13192
|
/**
|
|
13177
|
-
*
|
|
13178
|
-
* Get all chips from the input
|
|
13193
|
+
* Get all chips from the input.
|
|
13179
13194
|
*/
|
|
13180
13195
|
async getChips() {
|
|
13181
13196
|
return this.getAllChips();
|
|
13182
13197
|
}
|
|
13183
13198
|
/**
|
|
13184
|
-
*
|
|
13185
|
-
* Remove all chips from the input
|
|
13199
|
+
* Remove all chips from the input.
|
|
13186
13200
|
*/
|
|
13187
13201
|
async clearChips() {
|
|
13188
13202
|
this.getAllChips().forEach(chip => chip.remove());
|
|
@@ -13220,7 +13234,7 @@ class DuetInput {
|
|
|
13220
13234
|
this.type !== "password" &&
|
|
13221
13235
|
this.type !== "time" &&
|
|
13222
13236
|
this.variation !== "button";
|
|
13223
|
-
return (hAsync(Host, { key: '
|
|
13237
|
+
return (hAsync(Host, { key: '114adc16746f53eff8aaf5e8d40f7705dc7e6f21', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: 'dd579486970d79ed302f16de907aaaec01d24a08', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: 'd687b1b683ffab3045c2668cd691123682549163', class: {
|
|
13224
13238
|
"duet-input-container": true,
|
|
13225
13239
|
"duet-theme-turva": this.theme === "turva",
|
|
13226
13240
|
[`duet-input-variation-${this.variation}`]: true,
|
|
@@ -13234,7 +13248,7 @@ class DuetInput {
|
|
|
13234
13248
|
"has-clear": this.clear,
|
|
13235
13249
|
"has-focus": this.isFocused,
|
|
13236
13250
|
disabled: this.disabled,
|
|
13237
|
-
} }, hAsync("div", { key: '
|
|
13251
|
+
} }, hAsync("div", { key: 'fa683202d05f4eab1f4ce8a24bda5a145c862f4d', class: "duet-input-label-container" }, hAsync(DuetInternalLabel, { key: '54065b39f6bab8d3082096f2fb9151e2d92d9c04', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '1ab4bede74df49fcc2a11eb4d259ee49a25eb6f6', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '14ab07e67e7cdbeac4e96128177b336daed9500f', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: 'fa7deb88045a38d9b31bc395d87e061c599edd2f', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'efc1fcb507a40731adf2e3e698951a450c58898d', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: '1224f040086ac6a27de0080a01e61c282b6082c3', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: '61f65a6638d3be429701fc1485216b46132b1b99', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), this.variation === "button-left" && hAsync("slot", { key: '26dadaa62adc545911f4c6e54621dd72318e7d36', name: "button-left" }), hAsync("input", Object.assign({ key: '7d254243306b9cdbdbd86be50068c307b34bc316', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
|
|
13238
13252
|
"duet-input": true,
|
|
13239
13253
|
disabled: this.disabled,
|
|
13240
13254
|
"is-number": this.component === "number",
|
|
@@ -13242,17 +13256,17 @@ class DuetInput {
|
|
|
13242
13256
|
"after-chip": this.getAllChips().length > 0,
|
|
13243
13257
|
"align-right": this.inputAlign === "right",
|
|
13244
13258
|
[`input-padding-${this.inputPadding}`]: true,
|
|
13245
|
-
}, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (hAsync("div", { key: '
|
|
13259
|
+
}, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (hAsync("div", { key: '634cf27751d584258d0afba60e28e3ffc77077b7', class: "duet-input-icon" }, hAsync("duet-icon", { key: '0ac55c1115030c99f3e5339749e881184920f704', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: 'f59573bd40a8e5fb4d1c82b1619b9be8ab75ec45', class: {
|
|
13246
13260
|
"duet-input-clear-icon": true,
|
|
13247
13261
|
"duet-input-clear-icon-single": !hasInputIcon,
|
|
13248
13262
|
"duet-input-clear-icon-double": !!this.icon,
|
|
13249
13263
|
"duet-input-clear-icon-button": this.variation === "button",
|
|
13250
13264
|
[`input-padding-${this.inputPadding}`]: true,
|
|
13251
|
-
} }, hAsync("button", { key: '
|
|
13265
|
+
} }, hAsync("button", { key: '591370f9af7be91b78a1553a5bba5f6a0fa69a57', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: '2c4124a3e9b05925f2e29b54eb8cd5ebdb315f18', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: '9803a77a5ae599994e1fd4b7dcc3a91c7efcabdb', class: "duet-input-icon" }, hAsync("duet-icon", { key: 'b7618b017964582807de116dcc37c70b498aa97f', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: 'a2359de76233b102bee918f4c9349f7785c46169', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: '4d69f99e663c77e7574b9b5c1229648533464925', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
|
|
13252
13266
|
? this.hidePasswordLabel[this.language]
|
|
13253
|
-
: this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (hAsync("duet-visually-hidden", { key: '
|
|
13267
|
+
: this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (hAsync("duet-visually-hidden", { key: '4e683b6138b1e9c651f5b16b375cdd90db28b093' }, hAsync("span", { key: 'e20e93bb8aae9f8dc9bee33b7cf9b9bc7b7ce615', "aria-live": "polite" }, this.isPasswordRevealed
|
|
13254
13268
|
? this.passwordShownAriaAnnouncement[this.language]
|
|
13255
|
-
: this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: '
|
|
13269
|
+
: this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: '04f3a1b6af610d890d77b7aa42041145144299b0' })), hAsync("span", { key: '89b2554748c89a52f5ecce6a32a39f001468db58', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '870e9c2ca62ca98d42c295f63ab813726140aeff', class: "duet-input-error" }, this.error)))));
|
|
13256
13270
|
}
|
|
13257
13271
|
get element() { return getElement(this); }
|
|
13258
13272
|
static get watchers() { return {
|
|
@@ -13293,7 +13307,7 @@ class DuetInput {
|
|
|
13293
13307
|
"label": [1025],
|
|
13294
13308
|
"labelColor": [1025, "label-color"],
|
|
13295
13309
|
"labelWeight": [1025, "label-weight"],
|
|
13296
|
-
"error": [
|
|
13310
|
+
"error": [513],
|
|
13297
13311
|
"labelHidden": [4, "label-hidden"],
|
|
13298
13312
|
"numericKeyboard": [4, "numeric-keyboard"],
|
|
13299
13313
|
"name": [1],
|
|
@@ -13323,7 +13337,7 @@ class DuetInput {
|
|
|
13323
13337
|
},
|
|
13324
13338
|
"$listeners$": undefined,
|
|
13325
13339
|
"$lazyBundleId$": "-",
|
|
13326
|
-
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
13340
|
+
"$attrsToReflect$": [["disabled", "disabled"], ["error", "error"]]
|
|
13327
13341
|
}; }
|
|
13328
13342
|
}
|
|
13329
13343
|
|
|
@@ -13540,7 +13554,7 @@ function getAccessibleLinkLabel(component) {
|
|
|
13540
13554
|
return null;
|
|
13541
13555
|
}
|
|
13542
13556
|
|
|
13543
|
-
const duetLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link,.block-center.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon,.block-center.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none,.block-center.duet-link.none{padding:0}.block .block__icon,.block-center .block__icon{display:flex}.block .block__icon duet-icon,.block-center .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content,.block-center .block__content{position:relative;bottom:2px}.block .block__chevron,.block-center .block__chevron{align-self:center}.block .block__chevron-icon,.block-center .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon,.block-center:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.block-center.duet-link{align-items:center}.block-center .block__content{position:static}.block-center .block__chevron{display:flex;align-items:center}.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon{width:20px;height:20px}.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.button,.duet-link.list-button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.list-button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.list-button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.list-button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:24px;height:24px}@media (min-width: 48em){.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.list-button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.list-button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.list-button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.list-button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.list-button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.list-button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.list-button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.list-button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.list-button{padding:20px 12px 20px 4px;margin-top:-1px;border:solid 1px rgb(181, 198, 208);border-width:1px 0;border-radius:0}.duet-link.list-button .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.list-button .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.list-button:hover{border-color:rgb(181, 198, 208);outline:0}.duet-link.list-button:hover .duet-link-content{color:rgb(0, 119, 179)}.duet-link.list-button.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.list-button.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-link.list-button.duet-theme-turva:hover .duet-link-content{color:rgb(198, 12, 48)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}:host(.duet-theme-turva2) .duet-tab-to-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva,:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva .duet-link-content,:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva .duet-link-content{color:#172a3b}:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover .duet-link-content{color:#e61740}";
|
|
13557
|
+
const duetLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link,.block-center.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon,.block-center.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none,.block-center.duet-link.none{padding:0}.block .block__icon,.block-center .block__icon{display:flex}.block .block__icon duet-icon,.block-center .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content,.block-center .block__content{position:relative;bottom:2px}.block .block__chevron,.block-center .block__chevron{align-self:center}.block .block__chevron-icon,.block-center .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon,.block-center:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.block-center.duet-link{align-items:center}.block-center .block__content{position:static}.block-center .block__chevron{display:flex;align-items:center}.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon{width:20px;height:20px}.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.button,.duet-link.list-button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.list-button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.list-button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.list-button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:24px;height:24px}@media (min-width: 48em){.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.list-button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.list-button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.list-button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.list-button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.list-button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.list-button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.list-button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.list-button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.list-button{padding:20px 12px 20px 4px;margin-top:-1px;border:solid 1px rgb(181, 198, 208);border-width:1px 0;border-radius:0}.duet-link.list-button .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.list-button .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.list-button:hover{border-color:rgb(181, 198, 208);outline:0}.duet-link.list-button:hover .duet-link-content{color:rgb(0, 119, 179)}.duet-link.list-button.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.list-button.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-link.list-button.duet-theme-turva:hover .duet-link-content{color:rgb(198, 12, 48)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}:host(.duet-theme-turva2) .duet-link.duet-theme-turva{color:#b90329}:host(.duet-theme-turva2) .duet-link.duet-theme-turva:hover{color:#8c001e}:host(.duet-theme-turva2) .duet-tab-to-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva,:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva .duet-link-content,:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva .duet-link-content{color:#172a3b}:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover .duet-link-content{color:#e61740}";
|
|
13544
13558
|
|
|
13545
13559
|
/**
|
|
13546
13560
|
* @part duet-link - piercing selector for styling the link
|
|
@@ -14894,7 +14908,7 @@ class DuetModal {
|
|
|
14894
14908
|
this.duetClose.emit();
|
|
14895
14909
|
this.teleport.removeInertFromSiblings();
|
|
14896
14910
|
if (this.focusElementOnClose !== "") {
|
|
14897
|
-
setTimeout(() => {
|
|
14911
|
+
setTimeout(async () => {
|
|
14898
14912
|
let focusEl = this.focusedElBeforeOpen;
|
|
14899
14913
|
if (typeof this.focusElementOnClose === "string") {
|
|
14900
14914
|
focusEl = document.getElementById(this.focusElementOnClose) || focusEl;
|
|
@@ -14902,6 +14916,18 @@ class DuetModal {
|
|
|
14902
14916
|
else {
|
|
14903
14917
|
focusEl = this.focusElementOnClose || focusEl;
|
|
14904
14918
|
}
|
|
14919
|
+
if (focusEl.tagName.toLowerCase() === "duet-popup-menu-item") {
|
|
14920
|
+
const menu = focusEl.closest("duet-popup-menu");
|
|
14921
|
+
const isOpen = await menu.isOpen();
|
|
14922
|
+
if (!isOpen && menu.controller) {
|
|
14923
|
+
if (typeof menu.controller === "string") {
|
|
14924
|
+
focusEl = document.getElementById(menu.controller);
|
|
14925
|
+
}
|
|
14926
|
+
else {
|
|
14927
|
+
focusEl = menu.controller;
|
|
14928
|
+
}
|
|
14929
|
+
}
|
|
14930
|
+
}
|
|
14905
14931
|
focusElement(focusEl);
|
|
14906
14932
|
}, TRANSITION_MS);
|
|
14907
14933
|
}
|
|
@@ -15031,14 +15057,14 @@ class DuetModal {
|
|
|
15031
15057
|
var _a, _b;
|
|
15032
15058
|
const iconColor = postfixTheme("primary", this.theme);
|
|
15033
15059
|
const closeColor = postfixTheme("secondary", this.theme);
|
|
15034
|
-
const closingButton = (hAsync("div", { key: '
|
|
15035
|
-
return (hAsync("div", { key: '
|
|
15060
|
+
const closingButton = (hAsync("div", { key: 'c025f6cdd3a46f67dabf96a33953cf975a4b7d23', class: "duet-modal-close" }, hAsync("duet-button", { key: '07adb7bd15b71826eea2c5fe8fdd9675c34b10a2', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
|
|
15061
|
+
return (hAsync("div", { key: '34d84de0dff1153e1fa04d8b2d568edd06ed92a1', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
|
|
15036
15062
|
"duet-modal-container": true,
|
|
15037
15063
|
"duet-theme-turva": this.theme === "turva",
|
|
15038
15064
|
"duet-modal-active": this.open,
|
|
15039
15065
|
"duet-modal-slide-up": this.variation === "slide-up",
|
|
15040
15066
|
"duet-modal-has-sticky-header": this.hasStickyHeader,
|
|
15041
|
-
} }, hAsync("duet-overlay", { key: '
|
|
15067
|
+
} }, hAsync("duet-overlay", { key: '94c016b5e1d57159562e7b7bc75203976d56c133', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: 'fb081fde606dbe819fbd9f4dd85928e06b73fc4b', ref: modalInner => (this.modalInnerEl = modalInner), class: {
|
|
15042
15068
|
"duet-modal-inner": true,
|
|
15043
15069
|
[this.size]: true,
|
|
15044
15070
|
"duet-modal-slide-up": this.variation === "slide-up",
|
|
@@ -15049,22 +15075,22 @@ class DuetModal {
|
|
|
15049
15075
|
this.closeModal(e);
|
|
15050
15076
|
}
|
|
15051
15077
|
}
|
|
15052
|
-
} }, hAsync("div", { key: '
|
|
15078
|
+
} }, hAsync("div", { key: '35ff01594b4d85fae78d7ad2dda042d4b6fe3f18', ref: modalContentEl => (this.modalContentEl = modalContentEl), "aria-live": this.accessibleAnnounceChanges === "all" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "all" ? "true" : null, class: {
|
|
15053
15079
|
"duet-modal": true,
|
|
15054
15080
|
"duet-modal-has-sticky-header": this.hasStickyHeader,
|
|
15055
15081
|
[this.size]: true,
|
|
15056
15082
|
[this.variation]: true,
|
|
15057
|
-
} }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '
|
|
15083
|
+
} }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '79e1b71a87689e6b8509b859836f039c9fef0a76' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '86c37c55bd8a7738e4a859815f24ee06fefcb53d', class: {
|
|
15058
15084
|
"duet-modal-body": true,
|
|
15059
15085
|
"duet-modal-gutter-none": this.gutterSize === "none",
|
|
15060
15086
|
"duet-modal-gutter-small": this.gutterSize === "small",
|
|
15061
15087
|
"duet-modal-gutter-medium": this.gutterSize === "medium",
|
|
15062
15088
|
"duet-modal-gutter-large": this.gutterSize === "large",
|
|
15063
|
-
}, "aria-live": this.accessibleAnnounceChanges === "heading" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "heading" ? "true" : null }, hAsync("div", { key: '
|
|
15089
|
+
}, "aria-live": this.accessibleAnnounceChanges === "heading" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "heading" ? "true" : null }, hAsync("div", { key: 'eddd353009b508fe5ecd04aa866f076a064626de', class: "duet-modal-header" }, hAsync("span", { key: '696ad960d20a5e5bf68dc9ec9da5d59773accf10', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '28f0677621250a3da6899f055ba374dd78a17a35', name: "top" })), this.icon && hAsync("duet-icon", { key: '7b9e797b9f5296effdfc0beaac29be90e0310436', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: 'ba31f51f36989421ecb8f741b285d7d2638f2f7a', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (hAsync("div", { key: '2bae6fedd2f1ab7b40264c2d6c3b4f69f9627d2c', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: 'd5f27b579909233f930b09251b7faa6fd7d35a78', size: "large", color: postfixTheme("primary", this.theme) }))), hAsync("div", { key: '80dc7b4389d406fc348351678e2c234f17c22259', "aria-live": this.variation === "loader"
|
|
15064
15090
|
? "assertive"
|
|
15065
15091
|
: this.accessibleAnnounceChanges === "body"
|
|
15066
15092
|
? "polite"
|
|
15067
|
-
: null, "aria-atomic": this.accessibleAnnounceChanges === "body" ? "true" : null, class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el) }, hAsync("slot", { key: '
|
|
15093
|
+
: null, "aria-atomic": this.accessibleAnnounceChanges === "body" ? "true" : null, class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el) }, hAsync("slot", { key: 'fc0270b2ceb540d2e2015ba9131dcd46f01c702e' })))))));
|
|
15068
15094
|
}
|
|
15069
15095
|
get element() { return getElement(this); }
|
|
15070
15096
|
static get watchers() { return {
|
|
@@ -15380,23 +15406,23 @@ class DuetMultiselect {
|
|
|
15380
15406
|
*/
|
|
15381
15407
|
render() {
|
|
15382
15408
|
var _a;
|
|
15383
|
-
return (hAsync(Host, { key: '
|
|
15409
|
+
return (hAsync(Host, { key: '67ddcbeb2bcf7fd5b4c147097c5cabfba3613950', class: {
|
|
15384
15410
|
"duet-m-0": this.margin === "none",
|
|
15385
15411
|
"duet-expand": this.expand,
|
|
15386
|
-
} }, hAsync("div", { key: '
|
|
15412
|
+
} }, hAsync("div", { key: 'a54d376060dfbddff29662ae568673f2aead4a5a', class: {
|
|
15387
15413
|
"duet-multiselect-container": true,
|
|
15388
15414
|
"duet-label-hidden": this.labelHidden,
|
|
15389
15415
|
"duet-theme-turva": this.theme === "turva",
|
|
15390
15416
|
"duet-input-top-caption-shown": this.isCaptionVisible,
|
|
15391
15417
|
"has-error": !!this.error,
|
|
15392
|
-
}, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync(DuetInternalLabel, { key: '
|
|
15418
|
+
}, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync(DuetInternalLabel, { key: '28d4d354951615891335fc0ea72267a95402b2a9', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '4abf88e4efcaa7d8ac7d3761389d291fb737bb90', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'd0fbab3c690c4c1049d402425942358644675442', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '80c6e3987c3d532129b62b8a101624a9650aa57d', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'fd7d501c4304a998f90203a0fef97f69659d5aa6', class: "duet-multiselect-wrapper" }, hAsync("button", { key: 'ab72d3ec292db9a86e2e165db427702697043d23', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { key: '541f6bb2d46d313b0820aa608f3e8595e4d9d709', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { key: '9de6b81f34e6b79bbe3f6d8cf825378a9cb1b840', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: 'c92f7fb9a3d4e14fbb655c1fb87250e9c69d5e01' }, this.selectedLangObject[this.language], ",", " ", Array.isArray(this.value) ? this.value.map(item => item.label).join(", ") : ""))), hAsync("svg", { key: '210050ff44ce316b94dbaa156a7dffc7e4b65f3b', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '85ba92d7e5a4130d1bfa809e539132afe34d6d32', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { key: 'b38ee820cc9e9340d0b369d7b52176567d628228', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
|
|
15393
15419
|
"duet-multiselect-checkboxes": true,
|
|
15394
15420
|
"duet-multiselect-checkboxes-active": this.checkboxesVisible,
|
|
15395
|
-
}, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: '
|
|
15421
|
+
}, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: 'cecb7f5fb535c40313928e7dffd071ead9b74d0e', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '34d051c56097c082c42e05c2f699e1f62bd4f238', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), hAsync("button", { key: '3ec52e1f61e9ac1f6fd5c9b0d35d8525c28ffbf4', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
|
|
15396
15422
|
this.processedGroups.map(group => (hAsync("fieldset", null, group.label && hAsync("legend", null, group.label), group.items.map((item, key) => {
|
|
15397
15423
|
var _a, _b;
|
|
15398
15424
|
return (hAsync("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
|
|
15399
|
-
})))))), hAsync("span", { key: '
|
|
15425
|
+
})))))), hAsync("span", { key: 'd2d8ae7ca08a4cfd5ea9c2bc5cca2b62ddb13cf9', class: "duet-multiselect-help duet-multiselect-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '180fb990985b0564ce82c53d3b3901552a529108' }, this.error)))));
|
|
15400
15426
|
}
|
|
15401
15427
|
get element() { return getElement(this); }
|
|
15402
15428
|
static get watchers() { return {
|
|
@@ -15408,7 +15434,7 @@ class DuetMultiselect {
|
|
|
15408
15434
|
"$tagName$": "duet-multiselect",
|
|
15409
15435
|
"$members$": {
|
|
15410
15436
|
"margin": [1],
|
|
15411
|
-
"error": [
|
|
15437
|
+
"error": [513],
|
|
15412
15438
|
"accessibleLiveError": [1, "accessible-live-error"],
|
|
15413
15439
|
"expand": [4],
|
|
15414
15440
|
"value": [1040],
|
|
@@ -15436,7 +15462,7 @@ class DuetMultiselect {
|
|
|
15436
15462
|
},
|
|
15437
15463
|
"$listeners$": [[8, "click", "handleFocus"]],
|
|
15438
15464
|
"$lazyBundleId$": "-",
|
|
15439
|
-
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
15465
|
+
"$attrsToReflect$": [["error", "error"], ["disabled", "disabled"]]
|
|
15440
15466
|
}; }
|
|
15441
15467
|
}
|
|
15442
15468
|
|
|
@@ -16215,11 +16241,11 @@ class DuetNumberInput {
|
|
|
16215
16241
|
const identifier = this.identifier || this.inputId;
|
|
16216
16242
|
const maxlength = `${this.localizeValue(this.max)}${this.getUnitString()}`.length;
|
|
16217
16243
|
const cleanedValue = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
|
|
16218
|
-
return (hAsync(Host, { key: '
|
|
16244
|
+
return (hAsync(Host, { key: '238b4be322c64eeb2ad779617a1b5cc7b5185bb9', class: {
|
|
16219
16245
|
"duet-theme-turva": this.theme === "turva",
|
|
16220
16246
|
"duet-expand": this.expand,
|
|
16221
16247
|
"duet-m-0": this.margin === "none",
|
|
16222
|
-
} }, hAsync("div", { key: '
|
|
16248
|
+
} }, hAsync("div", { key: '9226593291fc8c8b5c1d3a9dc58882d960e2d563', class: "duet-number-container" }, hAsync("duet-input", { key: '3946db15d60ce52debcd986b4606d617e263a1b3', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value}${this.getUnitString()}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, hAsync("slot", { key: 'c61230be816c479bfe6b18c45f822888c5aa4e70', name: "tooltip" }), hAsync("div", { key: '11440983439e723525666d658db5f4b5ac39980c', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, hAsync("button", { key: '17ae7a71c8ad6e3d8cb662fb00612abf80c1af77', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, hAsync("duet-visually-hidden", { key: 'f8a8a0a2f886746f73f3bd92a6e6936fd0703cea' }, this.accessibleSubtract, " ", this.step), hAsync("duet-icon", { key: 'fdc8f88ae3a53fa28c1a35d6eea40abdc16059b1', icon: subtractIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), hAsync("button", { key: 'bffe46f71c030e615ffab560100c58ab432ab473', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, hAsync("duet-visually-hidden", { key: '836ff349ced5ca5fa0c4559ca429c90603e53ed2' }, this.accessibleAdd, " ", this.step), hAsync("duet-icon", { key: '4468b28ee8bdefaf4b7a02db3996efca23c5870c', icon: addIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (hAsync("duet-visually-hidden", { key: '9a0005f7f8713f9dfc54297f2fc5ee4948b7e0c3', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
|
|
16223
16249
|
}
|
|
16224
16250
|
get element() { return getElement(this); }
|
|
16225
16251
|
static get style() { return duetNumberInputCss; }
|
|
@@ -16254,7 +16280,7 @@ class DuetNumberInput {
|
|
|
16254
16280
|
"labelHidden": [4, "label-hidden"],
|
|
16255
16281
|
"max": [2],
|
|
16256
16282
|
"name": [1],
|
|
16257
|
-
"error": [
|
|
16283
|
+
"error": [513],
|
|
16258
16284
|
"tooltip": [1],
|
|
16259
16285
|
"step": [2],
|
|
16260
16286
|
"rounding": [4],
|
|
@@ -16268,7 +16294,7 @@ class DuetNumberInput {
|
|
|
16268
16294
|
},
|
|
16269
16295
|
"$listeners$": undefined,
|
|
16270
16296
|
"$lazyBundleId$": "-",
|
|
16271
|
-
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
16297
|
+
"$attrsToReflect$": [["error", "error"], ["disabled", "disabled"]]
|
|
16272
16298
|
}; }
|
|
16273
16299
|
}
|
|
16274
16300
|
|
|
@@ -16949,7 +16975,7 @@ class DuetPanel {
|
|
|
16949
16975
|
}; }
|
|
16950
16976
|
}
|
|
16951
16977
|
|
|
16952
|
-
const duetParagraphCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}.duet-paragraph{margin-bottom:16px !important;display:block;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}.duet-paragraph.duet-p-0{padding:0 !important}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-paragraph.duet-paragraph-small{font-size:0.875rem}.duet-paragraph.duet-paragraph-semi-bold{font-weight:600}.duet-paragraph.duet-paragraph-bold{font-weight:700}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.intro{font-size:2.7vw;margin-bottom:28px !important;-webkit-hyphens:inherit;hyphens:inherit}@media (max-width: 37.037037037rem){.duet-paragraph.intro{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-paragraph.intro{font-size:1.25rem}}.duet-paragraph.intro.duet-m-0{margin:0 !important}::slotted(a){font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 119, 179);text-decoration:underline;transition:300ms ease}::slotted(a).duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48)}::slotted(a):hover{color:rgb(0, 75, 129);text-decoration:none}::slotted(a):hover.duet-theme-turva{color:rgb(126, 2, 35)}::slotted(a):active{opacity:0.75;transition:none}:host(.duet-theme-turva2) .duet-paragraph.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) ::slotted(a).duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) ::slotted(a:hover).duet-theme-turva{color:#8c001e}";
|
|
16978
|
+
const duetParagraphCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}.duet-paragraph{margin-bottom:16px !important;display:block;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}.duet-paragraph.duet-p-0{padding:0 !important}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-paragraph.duet-inherit-color{color:inherit !important}.duet-paragraph.duet-paragraph-small{font-size:0.875rem}.duet-paragraph.duet-paragraph-semi-bold{font-weight:600}.duet-paragraph.duet-paragraph-bold{font-weight:700}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.intro{font-size:2.7vw;margin-bottom:28px !important;-webkit-hyphens:inherit;hyphens:inherit}@media (max-width: 37.037037037rem){.duet-paragraph.intro{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-paragraph.intro{font-size:1.25rem}}.duet-paragraph.intro.duet-m-0{margin:0 !important}::slotted(a){font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 119, 179);text-decoration:underline;transition:300ms ease}::slotted(a).duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48)}::slotted(a):hover{color:rgb(0, 75, 129);text-decoration:none}::slotted(a):hover.duet-theme-turva{color:rgb(126, 2, 35)}::slotted(a):active{opacity:0.75;transition:none}:host(.duet-theme-turva2) .duet-paragraph.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) ::slotted(a).duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) ::slotted(a:hover).duet-theme-turva{color:#8c001e}";
|
|
16953
16979
|
|
|
16954
16980
|
/**
|
|
16955
16981
|
* @part duet-paragraph - piercing selector for styling the paragraph
|
|
@@ -16958,6 +16984,7 @@ class DuetParagraph {
|
|
|
16958
16984
|
constructor(hostRef) {
|
|
16959
16985
|
registerInstance(this, hostRef);
|
|
16960
16986
|
this.id = createID("duet-paragraph");
|
|
16987
|
+
this.inheritingParents = ["duet-alert"];
|
|
16961
16988
|
/**
|
|
16962
16989
|
* Theme of the paragraph.
|
|
16963
16990
|
*/
|
|
@@ -16998,7 +17025,7 @@ class DuetParagraph {
|
|
|
16998
17025
|
const color = getColorByName(this.color);
|
|
16999
17026
|
// aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
|
|
17000
17027
|
// are not announced when placed inside duet-modal
|
|
17001
|
-
return (hAsync(Host, { key: '
|
|
17028
|
+
return (hAsync(Host, { key: '9ab8938bc5ed0af6161d83fd61c238aedfe72407', "aria-describedby": this.id }, hAsync("p", { key: 'eb5de4278351c95fd0fabac7f94b2e268b788667', id: this.id, class: {
|
|
17002
17029
|
"duet-paragraph": true,
|
|
17003
17030
|
"duet-paragraph-small": this.size === "small",
|
|
17004
17031
|
"duet-paragraph-semi-bold": this.weight === "semi-bold",
|
|
@@ -17006,7 +17033,8 @@ class DuetParagraph {
|
|
|
17006
17033
|
"duet-m-0": this.margin === "none",
|
|
17007
17034
|
[this.variation]: true,
|
|
17008
17035
|
"duet-theme-turva": this.theme === "turva",
|
|
17009
|
-
|
|
17036
|
+
"duet-inherit-color": !this.color && this.inheritingParents.some(p => this.element.closest(p)),
|
|
17037
|
+
}, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: '87b1d333d52ac248b6f9bf534ab98f29b115b25e' }))));
|
|
17010
17038
|
}
|
|
17011
17039
|
get element() { return getElement(this); }
|
|
17012
17040
|
static get style() { return duetParagraphCss; }
|
|
@@ -19097,7 +19125,7 @@ class DuetPhoneInput {
|
|
|
19097
19125
|
"labelHidden": [4, "label-hidden"],
|
|
19098
19126
|
"caption": [1],
|
|
19099
19127
|
"name": [1],
|
|
19100
|
-
"error": [
|
|
19128
|
+
"error": [513],
|
|
19101
19129
|
"tooltip": [1],
|
|
19102
19130
|
"maxlength": [2],
|
|
19103
19131
|
"minlength": [2],
|
|
@@ -19110,7 +19138,7 @@ class DuetPhoneInput {
|
|
|
19110
19138
|
},
|
|
19111
19139
|
"$listeners$": undefined,
|
|
19112
19140
|
"$lazyBundleId$": "-",
|
|
19113
|
-
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
19141
|
+
"$attrsToReflect$": [["disabled", "disabled"], ["error", "error"]]
|
|
19114
19142
|
}; }
|
|
19115
19143
|
}
|
|
19116
19144
|
|
|
@@ -21614,7 +21642,7 @@ class DuetRadioGroup {
|
|
|
21614
21642
|
* Always the last one in the class.
|
|
21615
21643
|
*/
|
|
21616
21644
|
render() {
|
|
21617
|
-
return (hAsync(Host, { key: '
|
|
21645
|
+
return (hAsync(Host, { key: 'c9c42e3d578a64ec328ad0b1aad6e9c3906dcc2b', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { key: '6a38b0a95734aea6320ec9bb63cebc7a11279990', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: '3f9d7aa7e79c08a743cd575d5a22542e3f89b26f', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '2a3125a48b3ebd4bc37cf127719ca0be1604e911', name: "tooltip" }), hAsync("div", { key: 'c81542f71fe22646f761dab6fb2864c7fa269f48', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '5ff585a7895db4ad56916a1a7bc06bdc6915dc0e' })))));
|
|
21618
21646
|
}
|
|
21619
21647
|
get element() { return getElement(this); }
|
|
21620
21648
|
static get watchers() { return {
|
|
@@ -21632,7 +21660,7 @@ class DuetRadioGroup {
|
|
|
21632
21660
|
"direction": [1],
|
|
21633
21661
|
"margin": [1],
|
|
21634
21662
|
"theme": [1025],
|
|
21635
|
-
"error": [
|
|
21663
|
+
"error": [513],
|
|
21636
21664
|
"tooltip": [1],
|
|
21637
21665
|
"tooltipDirection": [1, "tooltip-direction"],
|
|
21638
21666
|
"name": [1],
|
|
@@ -21647,7 +21675,7 @@ class DuetRadioGroup {
|
|
|
21647
21675
|
},
|
|
21648
21676
|
"$listeners$": undefined,
|
|
21649
21677
|
"$lazyBundleId$": "-",
|
|
21650
|
-
"$attrsToReflect$": [["value", "value"]]
|
|
21678
|
+
"$attrsToReflect$": [["error", "error"], ["value", "value"]]
|
|
21651
21679
|
}; }
|
|
21652
21680
|
}
|
|
21653
21681
|
|
|
@@ -22630,23 +22658,23 @@ class DuetSelect {
|
|
|
22630
22658
|
*/
|
|
22631
22659
|
render() {
|
|
22632
22660
|
const identifier = this.identifier || this.selectId;
|
|
22633
|
-
return (hAsync(Host, { key: '
|
|
22661
|
+
return (hAsync(Host, { key: 'a00ff9414c52c0db96b33b3b7fdf059ec86acfe5', onClick: this.onClick, class: {
|
|
22634
22662
|
"duet-m-0": this.margin === "none",
|
|
22635
22663
|
"duet-expand": this.expand,
|
|
22636
22664
|
[`duet-select-variation-${this.variation}`]: true,
|
|
22637
|
-
} }, hAsync("div", { key: '
|
|
22665
|
+
} }, hAsync("div", { key: 'f35c3ed30822b3ebe4d413f49e1400e20a46712d', class: {
|
|
22638
22666
|
"duet-select-container": true,
|
|
22639
22667
|
"duet-label-hidden": this.labelHidden,
|
|
22640
22668
|
"duet-theme-turva": this.theme === "turva",
|
|
22641
22669
|
[`duet-select-variation-${this.variation}`]: true,
|
|
22642
22670
|
"duet-input-top-caption-shown": this.isCaptionVisible,
|
|
22643
22671
|
"has-error": !!this.error,
|
|
22644
|
-
} }, hAsync(DuetInternalLabel, { key: '
|
|
22672
|
+
} }, hAsync(DuetInternalLabel, { key: 'fd43aa0091f7da7fac00aadba0acc92be0c5d952', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '5b2515db85ff5d701ebff47fd4019d33cf473fd5', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '2e05ecb6a0a98b5bc61e2f376ba5fcbf9118edf9', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'e841d3bccb810f16f78ebbc2b77506ba34ad7c61', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '2e1b71e200d5cae0811c21ea6c8d1199da2f654c', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '23c77b3402c8301dfa7ccc9be11a384597bb2ef9', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("slot", { key: '09854808d5dfd54f24a19ced9de94ab111e1dd8a' }), hAsync("select", { key: 'a147ce96f44d928041c7e7f382e754b6ab204b29', ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (hAsync("option", { key: 'b886953f516a374b6e7078d32e3c221cdbda631b', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (hAsync("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
|
|
22645
22673
|
return isOptionGroup(item) ? this.renderOptionGroup(item) : this.renderOption(item);
|
|
22646
|
-
}))), hAsync("div", { key: '
|
|
22674
|
+
}))), hAsync("div", { key: 'd49342461c777cfaddc460472b253a9485f2beac', class: {
|
|
22647
22675
|
"duet-select": true,
|
|
22648
22676
|
[`duet-select-variation-${this.variation}`]: true,
|
|
22649
|
-
}, "aria-hidden": "true" }, hAsync("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (hAsync("svg", { key: '
|
|
22677
|
+
}, "aria-hidden": "true" }, hAsync("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (hAsync("svg", { key: '99b037a310acccad7ece3a7f9e0d2871dc2f7855', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '2729d72292cf8bf37346ff6fa788e97a0e4f048e', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" })))) || (hAsync("duet-icon", { key: 'de52df34bc3806211ac281a1b99c17eeb57ffb18', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: 'e51f276c829420868782720aaee2a095c55a2dc7', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: 'edd762e2bb0316b8b449520c81df47a0e3a65591', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'b39b6f71ff3c12cd636226bc882cb38061ee1d93', class: "duet-select-error" }, this.error)))));
|
|
22650
22678
|
}
|
|
22651
22679
|
get element() { return getElement(this); }
|
|
22652
22680
|
static get watchers() { return {
|
|
@@ -22664,7 +22692,7 @@ class DuetSelect {
|
|
|
22664
22692
|
"margin": [1],
|
|
22665
22693
|
"accessibleControls": [1, "accessible-controls"],
|
|
22666
22694
|
"accessibleOwns": [1, "accessible-owns"],
|
|
22667
|
-
"error": [
|
|
22695
|
+
"error": [513],
|
|
22668
22696
|
"accessibleLiveError": [1, "accessible-live-error"],
|
|
22669
22697
|
"expand": [4],
|
|
22670
22698
|
"value": [1537],
|
|
@@ -22689,7 +22717,7 @@ class DuetSelect {
|
|
|
22689
22717
|
},
|
|
22690
22718
|
"$listeners$": undefined,
|
|
22691
22719
|
"$lazyBundleId$": "-",
|
|
22692
|
-
"$attrsToReflect$": [["value", "value"], ["disabled", "disabled"]]
|
|
22720
|
+
"$attrsToReflect$": [["error", "error"], ["value", "value"], ["disabled", "disabled"]]
|
|
22693
22721
|
}; }
|
|
22694
22722
|
}
|
|
22695
22723
|
|
|
@@ -25683,6 +25711,7 @@ duet-table {
|
|
|
25683
25711
|
.duet-table-sticky thead th {
|
|
25684
25712
|
position: sticky;
|
|
25685
25713
|
top: 0;
|
|
25714
|
+
z-index: $z-index-sticky;
|
|
25686
25715
|
background: ${colorGrayLightest};
|
|
25687
25716
|
}
|
|
25688
25717
|
|
|
@@ -26435,17 +26464,17 @@ class DuetTextarea {
|
|
|
26435
26464
|
*/
|
|
26436
26465
|
render() {
|
|
26437
26466
|
const identifier = this.identifier || this.textareaId;
|
|
26438
|
-
return (hAsync(Host, { key: '
|
|
26467
|
+
return (hAsync(Host, { key: '624bdcddb58e1530c51ac379e2d274001b816883', class: {
|
|
26439
26468
|
"duet-m-0": this.margin === "none",
|
|
26440
26469
|
"duet-has-counter": this.counter && !this.error,
|
|
26441
26470
|
"duet-expand": this.expand,
|
|
26442
|
-
} }, hAsync("div", { key: '
|
|
26471
|
+
} }, hAsync("div", { key: '7052a9e19e9394d91343b9c356317706491483e4', class: {
|
|
26443
26472
|
"duet-textarea-container": true,
|
|
26444
26473
|
"duet-theme-turva": this.theme === "turva",
|
|
26445
26474
|
"duet-label-hidden": this.labelHidden,
|
|
26446
26475
|
"duet-input-top-caption-shown": this.isCaptionVisible,
|
|
26447
26476
|
"has-error": !!this.error,
|
|
26448
|
-
} }, hAsync(DuetInternalLabel, { key: '
|
|
26477
|
+
} }, hAsync(DuetInternalLabel, { key: 'f485a02ef392a81b6ce9675943b97589ab104787', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '2c6ad7e4e904a8296cd78c10f44b4059766fb6e8', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'a9574cd2fe26c7aae531900b941b9f599bbf4cbb', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '37ff8e38f41f97d150a8ded794acd5134cf396dd', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: '91d6f9e0aff8fa8cb1eb700cc8e942a761171427', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'f11e135d88137d819fefae10d48df76927122d5e', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: '21d58de3abc2c2befac4c05ba19ecc24931ff873', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), hAsync("duet-grid", { key: '5e20d51637a82792cc21934cd1047db4926f16c8', alignment: "stretch" }, hAsync("duet-grid-item", { key: 'd661c25567e85f2371e473d41444e024f8396f3d', margin: "none", fill: true }, hAsync("div", { key: '6953975b58cf0abb73c6577ad7a78ba46e88230b', class: "duet-textarea-help duet-textarea-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'a3609f7dfffead70a15375479ab2223f78eb3e50' }, this.error))), hAsync("duet-grid-item", { key: 'c249410eedf7c2f384f9ce32ac03aeb29936a594', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: 'abd891c68360549dd3c1a9ee0ff3dbeec5104049', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: '45e036b9eb30379561d79b4822902ef31719a26e', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
|
|
26449
26478
|
this.hiddenCounterLabel = el;
|
|
26450
26479
|
} })))));
|
|
26451
26480
|
}
|
|
@@ -26483,7 +26512,7 @@ class DuetTextarea {
|
|
|
26483
26512
|
"echoPlaceholder": [4, "echo-placeholder"],
|
|
26484
26513
|
"maxlength": [2],
|
|
26485
26514
|
"minlength": [2],
|
|
26486
|
-
"error": [
|
|
26515
|
+
"error": [513],
|
|
26487
26516
|
"validity": [2064],
|
|
26488
26517
|
"role": [1],
|
|
26489
26518
|
"tooltip": [1],
|
|
@@ -26496,7 +26525,7 @@ class DuetTextarea {
|
|
|
26496
26525
|
},
|
|
26497
26526
|
"$listeners$": undefined,
|
|
26498
26527
|
"$lazyBundleId$": "-",
|
|
26499
|
-
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
26528
|
+
"$attrsToReflect$": [["disabled", "disabled"], ["error", "error"]]
|
|
26500
26529
|
}; }
|
|
26501
26530
|
}
|
|
26502
26531
|
|