@duetds/components 10.0.0-alpha.27 → 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 +164 -127
- package/hydrate/index.mjs +164 -127
- package/lib/cjs/{a11y-utils-B33qnv_c.js → a11y-utils-C2urHioz.js} +1 -1
- package/lib/cjs/{app-globals-DxEBgBDv.js → app-globals-CiRzLcdj.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
- 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 +4 -4
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +11 -20
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
- package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-callout.cjs.entry.js +3 -3
- package/lib/cjs/duet-caption_4.cjs.entry.js +12 -10
- package/lib/cjs/duet-card.cjs.entry.js +4 -4
- 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 +17 -8
- package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
- package/lib/cjs/duet-contact-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
- package/lib/cjs/duet-date-picker.cjs.entry.js +8 -8
- package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +6 -5
- 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 +4 -4
- package/lib/cjs/duet-hero.cjs.entry.js +18 -11
- package/lib/cjs/duet-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-indicator.cjs.entry.js +2 -2
- package/lib/cjs/duet-input_2.cjs.entry.js +22 -23
- package/lib/cjs/duet-layout.cjs.entry.js +2 -2
- package/lib/cjs/duet-list_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -4
- package/lib/cjs/duet-modal.cjs.entry.js +26 -14
- package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +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 +3 -3
- package/lib/cjs/duet-pagination_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-panel.cjs.entry.js +3 -3
- package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-radio_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-range-slider.cjs.entry.js +4 -4
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +5 -5
- package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +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 +5 -5
- package/lib/cjs/duet-show-more.cjs.entry.js +3 -3
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +3 -3
- package/lib/cjs/duet-slideout-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout.cjs.entry.js +6 -6
- package/lib/cjs/duet-status-icon.cjs.entry.js +1 -1
- package/lib/cjs/duet-step_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +5 -5
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +3 -3
- package/lib/cjs/duet-textarea.cjs.entry.js +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-D9V4NJkh.js → errorcodes.utils-CT287Ycp.js} +1 -1
- package/lib/cjs/{focus-utils-2MQWj2yf.js → focus-utils-DYmtJ1FV.js} +1 -1
- package/lib/cjs/{index-CgbT-GDe.js → index-ULRMHMT6.js} +1 -1
- package/lib/cjs/{label-B2EZulEI.js → label-Cw2Vvd6f.js} +1 -1
- package/lib/cjs/{language-utils-DjVt82-o.js → language-utils-D_noDTNR.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-mZWWDERy.js → slot-utils-CuWfl8gF.js} +1 -1
- package/lib/cjs/{themeable-component-DtTN09xK.js → themeable-component-vXSpPXDS.js} +1 -1
- package/lib/cjs/{token-utils-DsVwGXGM.js → token-utils-b3aW02zZ.js} +7 -4
- package/lib/collection/components/duet-alert/duet-alert.css +1 -0
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css +1 -1
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +9 -22
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css +3 -3
- package/lib/collection/components/duet-button/duet-button.css +3 -0
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +3 -3
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +15 -6
- 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.css +4 -0
- package/lib/collection/components/duet-hero/duet-hero.js +13 -6
- 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-menu-bar/duet-menu-bar.css +4 -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-nav/duet-nav.css +4 -0
- package/lib/collection/components/duet-number-input/duet-number-input.js +3 -3
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +1 -1
- package/lib/collection/components/duet-panel/duet-panel.css +5 -4
- package/lib/collection/components/duet-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-submenu-bar/duet-submenu-bar.css +4 -0
- 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/collection/utils/token-utils.js +3 -3
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-493d938a.entry.js → p-01b28129.entry.js} +1 -1
- package/lib/duet/{p-e439d733.entry.js → p-01bfda23.entry.js} +1 -1
- package/lib/duet/{p-875dd701.entry.js → p-01c80d5a.entry.js} +1 -1
- package/lib/duet/{p-0528f691.entry.js → p-06ca53e7.entry.js} +1 -1
- package/lib/duet/{p-8ff78f91.entry.js → p-098d9160.entry.js} +1 -1
- package/lib/duet/{p-72c7db64.entry.js → p-0a9945d3.entry.js} +1 -1
- package/lib/duet/{p-6fe283f7.entry.js → p-0eb86bf1.entry.js} +1 -1
- package/lib/duet/{p-cd4d12c2.entry.js → p-10640c4f.entry.js} +1 -1
- package/lib/duet/{p-b37b1542.entry.js → p-18674149.entry.js} +1 -1
- package/lib/duet/{p-4107efb5.entry.js → p-1d192423.entry.js} +1 -1
- package/lib/duet/p-1e043a65.entry.js +4 -0
- package/lib/duet/{p-f6b76f66.entry.js → p-218d8d0c.entry.js} +1 -1
- package/lib/duet/{p-9af77c24.entry.js → p-22baa879.entry.js} +1 -1
- package/lib/duet/{p-d11b094d.entry.js → p-22c91ab8.entry.js} +1 -1
- package/lib/duet/{p-c4fe8bae.entry.js → p-23cf09fc.entry.js} +1 -1
- package/lib/duet/{p-7379c2ed.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-366f6c75.entry.js +4 -0
- package/lib/duet/{p-a94cc8a6.entry.js → p-368f8b17.entry.js} +1 -1
- package/lib/duet/{p-208fdfe6.entry.js → p-3740d6a3.entry.js} +1 -1
- package/lib/duet/{p-e882bbb5.entry.js → p-38f1f411.entry.js} +1 -1
- package/lib/duet/{p-5efda812.entry.js → p-3a774155.entry.js} +1 -1
- package/lib/duet/{p-1228299f.entry.js → p-40965806.entry.js} +1 -1
- package/lib/duet/{p-fc7d6429.entry.js → p-43417674.entry.js} +1 -1
- package/lib/duet/{p-076d2d0d.entry.js → p-4743f2de.entry.js} +1 -1
- package/lib/duet/{p-2c976b5a.entry.js → p-49bccc83.entry.js} +1 -1
- package/lib/duet/{p-5a8f14cf.entry.js → p-4a0f1cdb.entry.js} +1 -1
- package/lib/duet/{p-c43669b3.entry.js → p-4a4795be.entry.js} +1 -1
- package/lib/duet/{p-b025df86.entry.js → p-4c421d4a.entry.js} +1 -1
- package/lib/duet/{p-91f39296.entry.js → p-5175a2dd.entry.js} +1 -1
- package/lib/duet/{p-5b2527f7.entry.js → p-531ccf9e.entry.js} +1 -1
- package/lib/duet/{p-a582e823.entry.js → p-545fc3f7.entry.js} +1 -1
- package/lib/duet/{p-d65a706f.entry.js → p-55905e75.entry.js} +1 -1
- package/lib/duet/p-5689da45.entry.js +4 -0
- package/lib/duet/{p-4f638a3d.entry.js → p-56fbb9c9.entry.js} +1 -1
- package/lib/duet/{p-bc7d4da0.entry.js → p-5eaf6164.entry.js} +1 -1
- package/lib/duet/{p-4b032feb.entry.js → p-5ef0982d.entry.js} +1 -1
- package/lib/duet/p-6442c2be.entry.js +4 -0
- package/lib/duet/{p-a431d704.entry.js → p-6b5e575b.entry.js} +1 -1
- package/lib/duet/{p-6943a2ef.entry.js → p-6c1a7d2a.entry.js} +1 -1
- package/lib/duet/{p-59cd72fc.entry.js → p-726b706a.entry.js} +1 -1
- package/lib/duet/{p-25ebe6a5.entry.js → p-73041240.entry.js} +1 -1
- package/lib/duet/{p-15d4751c.entry.js → p-7340a148.entry.js} +1 -1
- package/lib/duet/{p-bed6b29f.entry.js → p-78f0104d.entry.js} +1 -1
- package/lib/duet/{p-ba6dc53e.entry.js → p-7c4b51bc.entry.js} +1 -1
- package/lib/duet/p-7d682f0c.entry.js +4 -0
- package/lib/duet/p-7dde6589.entry.js +4 -0
- package/lib/duet/{p-9500f26b.entry.js → p-80c2a22b.entry.js} +1 -1
- package/lib/duet/{p-39087512.entry.js → p-86613005.entry.js} +1 -1
- package/lib/duet/{p-a274b8fd.entry.js → p-866d5fba.entry.js} +1 -1
- package/lib/duet/{p-79c93372.entry.js → p-878e745d.entry.js} +1 -1
- package/lib/duet/{p-7ace4629.entry.js → p-89de527f.entry.js} +1 -1
- package/lib/duet/{p-41dd144f.entry.js → p-8eb11318.entry.js} +1 -1
- package/lib/duet/p-96179df4.entry.js +4 -0
- package/lib/duet/{p-3facac5a.entry.js → p-994e0989.entry.js} +1 -1
- package/lib/duet/{p-931b4437.entry.js → p-9d630f8d.entry.js} +1 -1
- package/lib/duet/{p-Ob09ol4-.js → p-B0lHdUDq.js} +1 -1
- package/lib/duet/{p-BSOF0zb5.js → p-Bq8ssolA.js} +1 -1
- package/lib/duet/p-C-pON5qf.js +4 -0
- package/lib/duet/{p-vt84lkeQ.js → p-Cg-Sy7Qf.js} +1 -1
- package/lib/duet/p-CmVjSa2G.js +4 -0
- package/lib/duet/{p-1s1EpusX.js → p-D8Vx4GZo.js} +1 -1
- package/lib/duet/{p-BXJZKiJg.js → p-DNq3_6qZ.js} +1 -1
- package/lib/duet/p-DhhvHRbK.js +4 -0
- package/lib/duet/p-Do6ugHz0.js +4 -0
- package/lib/duet/{p-fe393084.entry.js → p-a456687d.entry.js} +1 -1
- package/lib/duet/p-a6eed3fb.entry.js +4 -0
- package/lib/duet/p-a954bbc6.entry.js +4 -0
- package/lib/duet/{p-ed5f5c6b.entry.js → p-ac84994d.entry.js} +1 -1
- package/lib/duet/{p-a9094bdc.entry.js → p-ae830c4f.entry.js} +1 -1
- package/lib/duet/{p-55a63695.entry.js → p-b8f14348.entry.js} +1 -1
- package/lib/duet/{p-deb90dc7.entry.js → p-c3e002cb.entry.js} +1 -1
- package/lib/duet/{p-a0e708db.entry.js → p-c6c245d2.entry.js} +1 -1
- package/lib/duet/p-c6c2f1dc.entry.js +4 -0
- package/lib/duet/{p-b6354004.entry.js → p-ca1ac603.entry.js} +1 -1
- package/lib/duet/{p-3389969d.entry.js → p-cb5020b3.entry.js} +1 -1
- package/lib/duet/{p-4289c214.entry.js → p-cc2fe910.entry.js} +1 -1
- package/lib/duet/{p-1995091e.entry.js → p-d0fe1162.entry.js} +1 -1
- package/lib/duet/{p-fe29dee3.entry.js → p-d4c5c776.entry.js} +1 -1
- package/lib/duet/{p-9f9576a2.entry.js → p-d77d51df.entry.js} +1 -1
- package/lib/duet/{p-338667ab.entry.js → p-e03b4d6d.entry.js} +1 -1
- package/lib/duet/{p-75fd0eca.entry.js → p-e18ded3f.entry.js} +1 -1
- package/lib/duet/{p-b001a8a4.entry.js → p-e1997fb2.entry.js} +1 -1
- package/lib/duet/p-e41e1570.entry.js +4 -0
- package/lib/duet/{p-3c7ba14f.entry.js → p-e443cf8a.entry.js} +1 -1
- package/lib/duet/{p-ef821bec.entry.js → p-e6a4707d.entry.js} +1 -1
- package/lib/duet/{p-ab61831a.entry.js → p-e9ff33aa.entry.js} +1 -1
- package/lib/duet/{p-ca2fd9dc.entry.js → p-eb7799de.entry.js} +1 -1
- package/lib/duet/{p-167290f7.entry.js → p-ed4f565e.entry.js} +1 -1
- package/lib/duet/{p-263790e3.entry.js → p-ee8f51c9.entry.js} +1 -1
- package/lib/duet/{p-50afabfb.entry.js → p-f25c9b3a.entry.js} +1 -1
- package/lib/duet/{p-503a290b.entry.js → p-f950ae45.entry.js} +1 -1
- package/lib/duet/{p-c745c02a.entry.js → p-fd19cbeb.entry.js} +1 -1
- package/lib/duet/{p-6a95d722.entry.js → p-ffa644e6.entry.js} +1 -1
- package/lib/duet/p-vLG7vkZg.js +4 -0
- package/lib/esm/{a11y-utils-CROKOfOD.js → a11y-utils-k-txkQIa.js} +1 -1
- package/lib/esm/{app-globals-CahJi_2c.js → app-globals-BL1PM4GK.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +4 -4
- 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 +4 -4
- package/lib/esm/duet-breadcrumb.entry.js +11 -20
- package/lib/esm/duet-breadcrumbs.entry.js +5 -5
- package/lib/esm/duet-button_2.entry.js +5 -5
- package/lib/esm/duet-callout.entry.js +3 -3
- package/lib/esm/duet-caption_4.entry.js +12 -10
- package/lib/esm/duet-card.entry.js +4 -4
- 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 +17 -8
- package/lib/esm/duet-combobox.entry.js +4 -4
- package/lib/esm/duet-contact-card.entry.js +3 -3
- package/lib/esm/duet-cookie-consent.entry.js +2 -2
- package/lib/esm/duet-date-picker.entry.js +8 -8
- package/lib/esm/duet-divider_2.entry.js +3 -3
- package/lib/esm/duet-editable-table_3.entry.js +6 -5
- 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 +4 -4
- package/lib/esm/duet-hero.entry.js +18 -11
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-indicator.entry.js +2 -2
- package/lib/esm/duet-input_2.entry.js +22 -23
- package/lib/esm/duet-layout.entry.js +2 -2
- package/lib/esm/duet-list_2.entry.js +2 -2
- package/lib/esm/duet-menu-bar-button.entry.js +2 -2
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +2 -2
- package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
- package/lib/esm/duet-menu-bar-item.entry.js +5 -5
- package/lib/esm/duet-menu-bar-link.entry.js +2 -2
- package/lib/esm/duet-menu-bar.entry.js +4 -4
- package/lib/esm/duet-modal.entry.js +26 -14
- package/lib/esm/duet-multiselect.entry.js +10 -10
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +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 +3 -3
- package/lib/esm/duet-pagination_2.entry.js +4 -4
- package/lib/esm/duet-panel.entry.js +3 -3
- package/lib/esm/duet-phone-input.entry.js +4 -4
- package/lib/esm/duet-popup-menu_2.entry.js +4 -4
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +4 -4
- package/lib/esm/duet-radio_2.entry.js +4 -4
- package/lib/esm/duet-range-slider.entry.js +4 -4
- package/lib/esm/duet-scrollable_3.entry.js +5 -5
- package/lib/esm/duet-section-layout.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +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 +5 -5
- package/lib/esm/duet-show-more.entry.js +3 -3
- package/lib/esm/duet-slideout-lang.entry.js +3 -3
- package/lib/esm/duet-slideout-link.entry.js +5 -5
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +2 -2
- package/lib/esm/duet-slideout-panel.entry.js +6 -6
- package/lib/esm/duet-slideout.entry.js +6 -6
- package/lib/esm/duet-status-icon.entry.js +1 -1
- package/lib/esm/duet-step_2.entry.js +3 -3
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-item.entry.js +5 -5
- package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar.entry.js +3 -3
- package/lib/esm/duet-textarea.entry.js +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-6V_f8y5q.js → errorcodes.utils-DMBhYFft.js} +1 -1
- package/lib/esm/{focus-utils-CErdQceY.js → focus-utils-CKJz94Qb.js} +1 -1
- package/lib/esm/{index-vt84lkeQ.js → index-Cg-Sy7Qf.js} +1 -1
- package/lib/esm/{label-BosP5JdK.js → label-CiT_iRKt.js} +1 -1
- package/lib/esm/{language-utils-B9dLrWKg.js → language-utils-CQS4gIfI.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-BZXZ33TK.js → slot-utils-BtxgUznn.js} +1 -1
- package/lib/esm/{themeable-component-CsnFpp6R.js → themeable-component-C76K02P9.js} +1 -1
- package/lib/esm/{token-utils-BGFYWQ6j.js → token-utils-C-c-tsXV.js} +7 -4
- package/lib/types/components/duet-breadcrumbs/duet-breadcrumb.d.ts +2 -4
- package/lib/types/components/duet-grid/duet-grid.d.ts +5 -3
- package/lib/types/components/duet-hero/duet-hero.d.ts +2 -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 +24 -4
- package/package.json +3 -3
- package/lib/duet/p-26146512.entry.js +0 -4
- package/lib/duet/p-3d3aff4c.entry.js +0 -4
- package/lib/duet/p-46eaee49.entry.js +0 -4
- package/lib/duet/p-537d3b11.entry.js +0 -4
- package/lib/duet/p-61105f0d.entry.js +0 -4
- package/lib/duet/p-950c4ec0.entry.js +0 -4
- package/lib/duet/p-Cq7Ixl9a.js +0 -4
- package/lib/duet/p-DejMEymG.js +0 -4
- package/lib/duet/p-Dr2j33H2.js +0 -4
- package/lib/duet/p-G09pKpI-.js +0 -4
- package/lib/duet/p-aWO-HcmJ.js +0 -4
- package/lib/duet/p-b2780442.entry.js +0 -4
- package/lib/duet/p-babbf633.entry.js +0 -4
- package/lib/duet/p-c516bf93.entry.js +0 -4
- package/lib/duet/p-c588fc15.entry.js +0 -4
- package/lib/duet/p-cbedc26b.entry.js +0 -4
- package/lib/duet/p-f46480c6.entry.js +0 -4
- package/lib/duet/p-fd989bd6.entry.js +0 -4
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-
|
|
4
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cg-Sy7Qf.js';
|
|
5
5
|
import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DvwKrUS6.js';
|
|
6
6
|
import { s as searchIcon } from './form-search-CevX33LA.js';
|
|
7
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
8
|
-
import { D as DuetInternalLabel } from './label-
|
|
7
|
+
import { i as inheritGlobalTheme } from './themeable-component-C76K02P9.js';
|
|
8
|
+
import { D as DuetInternalLabel } from './label-CiT_iRKt.js';
|
|
9
9
|
import { c as createID } from './create-id-Cfr_DJqU.js';
|
|
10
10
|
import { c as cleanValue, r as resetCursor } from './input-utils-CLDy7YaM.js';
|
|
11
11
|
import { a as isEscapeKey, c as isEnterKey, o as isBackspaceKey, d as isArrowLeftKey, f as isArrowRightKey } from './keyboard-utils-Db8rvjPI.js';
|
|
12
|
-
import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './language-utils-
|
|
13
|
-
import { c as checkNamedSlotElement, p as proxyInputToSlot } from './slot-utils-
|
|
14
|
-
import { g as getColorByName } from './token-utils-
|
|
12
|
+
import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './language-utils-CQS4gIfI.js';
|
|
13
|
+
import { c as checkNamedSlotElement, p as proxyInputToSlot } from './slot-utils-BtxgUznn.js';
|
|
14
|
+
import { g as getColorByName } from './token-utils-C-c-tsXV.js';
|
|
15
15
|
import './string-utils-C6E9F6QT.js';
|
|
16
16
|
import './tokens.module-Z0D6Gy9e.js';
|
|
17
17
|
|
|
@@ -28,7 +28,7 @@ function requireFormEmail () {
|
|
|
28
28
|
var formEmailExports = requireFormEmail();
|
|
29
29
|
var emailIcon = /*@__PURE__*/getDefaultExportFromCjs(formEmailExports);
|
|
30
30
|
|
|
31
|
-
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}";
|
|
31
|
+
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}";
|
|
32
32
|
|
|
33
33
|
const icons = {
|
|
34
34
|
search: searchIcon,
|
|
@@ -182,8 +182,7 @@ const DuetInput = class {
|
|
|
182
182
|
*/
|
|
183
183
|
this.variation = "default";
|
|
184
184
|
/**
|
|
185
|
-
*
|
|
186
|
-
* Render a container for chips
|
|
185
|
+
* Render a container into which Duet Chip components can be added with the method "addChip".
|
|
187
186
|
*/
|
|
188
187
|
this.chips = false;
|
|
189
188
|
/**
|
|
@@ -487,32 +486,32 @@ const DuetInput = class {
|
|
|
487
486
|
}
|
|
488
487
|
}
|
|
489
488
|
/**
|
|
490
|
-
*
|
|
491
|
-
* Add a chip to the input
|
|
489
|
+
* Add a chip to the input. Property "chips" must be true.
|
|
492
490
|
*/
|
|
493
491
|
async addChip(chip) {
|
|
492
|
+
if (!this.chips) {
|
|
493
|
+
console.error("The method addChips requires the property chips to be true");
|
|
494
|
+
return;
|
|
495
|
+
}
|
|
494
496
|
const container = this.element.shadowRoot.querySelector(".duet-input-relative");
|
|
495
497
|
const input = container.querySelector("input:not(duet-chip input)");
|
|
496
498
|
chip.id = createID("DuetInputChip");
|
|
497
499
|
container.insertBefore(chip, input);
|
|
498
500
|
}
|
|
499
501
|
/**
|
|
500
|
-
*
|
|
501
|
-
* Does the input have a chip with the given value and text
|
|
502
|
+
* Does the input have a chip with the given value and text.
|
|
502
503
|
*/
|
|
503
504
|
async hasChip({ value, text }) {
|
|
504
505
|
return this.getAllChips().some(chip => chip.value === value && chip.textContent === text);
|
|
505
506
|
}
|
|
506
507
|
/**
|
|
507
|
-
*
|
|
508
|
-
* Get all chips from the input
|
|
508
|
+
* Get all chips from the input.
|
|
509
509
|
*/
|
|
510
510
|
async getChips() {
|
|
511
511
|
return this.getAllChips();
|
|
512
512
|
}
|
|
513
513
|
/**
|
|
514
|
-
*
|
|
515
|
-
* Remove all chips from the input
|
|
514
|
+
* Remove all chips from the input.
|
|
516
515
|
*/
|
|
517
516
|
async clearChips() {
|
|
518
517
|
this.getAllChips().forEach(chip => chip.remove());
|
|
@@ -550,7 +549,7 @@ const DuetInput = class {
|
|
|
550
549
|
this.type !== "password" &&
|
|
551
550
|
this.type !== "time" &&
|
|
552
551
|
this.variation !== "button";
|
|
553
|
-
return (h(Host, { key: '
|
|
552
|
+
return (h(Host, { key: '114adc16746f53eff8aaf5e8d40f7705dc7e6f21', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (h("duet-visually-hidden", { key: 'dd579486970d79ed302f16de907aaaec01d24a08', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), h("div", { key: 'd687b1b683ffab3045c2668cd691123682549163', class: {
|
|
554
553
|
"duet-input-container": true,
|
|
555
554
|
"duet-theme-turva": this.theme === "turva",
|
|
556
555
|
[`duet-input-variation-${this.variation}`]: true,
|
|
@@ -564,7 +563,7 @@ const DuetInput = class {
|
|
|
564
563
|
"has-clear": this.clear,
|
|
565
564
|
"has-focus": this.isFocused,
|
|
566
565
|
disabled: this.disabled,
|
|
567
|
-
} }, h("div", { key: '
|
|
566
|
+
} }, h("div", { key: 'fa683202d05f4eab1f4ce8a24bda5a145c862f4d', class: "duet-input-label-container" }, h(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 && (h("duet-tooltip", { key: '1ab4bede74df49fcc2a11eb4d259ee49a25eb6f6', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '14ab07e67e7cdbeac4e96128177b336daed9500f', name: "tooltip" })), this.caption && (h("duet-caption", { key: 'fa7deb88045a38d9b31bc395d87e061c599edd2f', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: 'efc1fcb507a40731adf2e3e698951a450c58898d', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (h("duet-caption", { key: '1224f040086ac6a27de0080a01e61c282b6082c3', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (h("duet-visually-hidden", { key: '61f65a6638d3be429701fc1485216b46132b1b99', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), this.variation === "button-left" && h("slot", { key: '26dadaa62adc545911f4c6e54621dd72318e7d36', name: "button-left" }), h("input", Object.assign({ key: '7d254243306b9cdbdbd86be50068c307b34bc316', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
|
|
568
567
|
"duet-input": true,
|
|
569
568
|
disabled: this.disabled,
|
|
570
569
|
"is-number": this.component === "number",
|
|
@@ -572,17 +571,17 @@ const DuetInput = class {
|
|
|
572
571
|
"after-chip": this.getAllChips().length > 0,
|
|
573
572
|
"align-right": this.inputAlign === "right",
|
|
574
573
|
[`input-padding-${this.inputPadding}`]: true,
|
|
575
|
-
}, 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 && (h("div", { key: '
|
|
574
|
+
}, 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 && (h("div", { key: '634cf27751d584258d0afba60e28e3ffc77077b7', class: "duet-input-icon" }, h("duet-icon", { key: '0ac55c1115030c99f3e5339749e881184920f704', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { key: 'f59573bd40a8e5fb4d1c82b1619b9be8ab75ec45', class: {
|
|
576
575
|
"duet-input-clear-icon": true,
|
|
577
576
|
"duet-input-clear-icon-single": !hasInputIcon,
|
|
578
577
|
"duet-input-clear-icon-double": !!this.icon,
|
|
579
578
|
"duet-input-clear-icon-button": this.variation === "button",
|
|
580
579
|
[`input-padding-${this.inputPadding}`]: true,
|
|
581
|
-
} }, h("button", { key: '
|
|
580
|
+
} }, h("button", { key: '591370f9af7be91b78a1553a5bba5f6a0fa69a57', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, h("duet-icon", { key: '2c4124a3e9b05925f2e29b54eb8cd5ebdb315f18', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (h("div", { key: '9803a77a5ae599994e1fd4b7dcc3a91c7efcabdb', class: "duet-input-icon" }, h("duet-icon", { key: 'b7618b017964582807de116dcc37c70b498aa97f', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h("slot", { key: 'a2359de76233b102bee918f4c9349f7785c46169', name: "button" }), this.variation === "revealable" && (h("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
|
|
582
581
|
? this.hidePasswordLabel[this.language]
|
|
583
|
-
: this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (h("duet-visually-hidden", { key: '
|
|
582
|
+
: this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (h("duet-visually-hidden", { key: '4e683b6138b1e9c651f5b16b375cdd90db28b093' }, h("span", { key: 'e20e93bb8aae9f8dc9bee33b7cf9b9bc7b7ce615', "aria-live": "polite" }, this.isPasswordRevealed
|
|
584
583
|
? this.passwordShownAriaAnnouncement[this.language]
|
|
585
|
-
: this.passwordHiddenAriaAnnouncement[this.language]))), h("slot", { key: '
|
|
584
|
+
: this.passwordHiddenAriaAnnouncement[this.language]))), h("slot", { key: '04f3a1b6af610d890d77b7aa42041145144299b0' })), h("span", { key: '89b2554748c89a52f5ecce6a32a39f001468db58', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '870e9c2ca62ca98d42c295f63ab813726140aeff', class: "duet-input-error" }, this.error)))));
|
|
586
585
|
}
|
|
587
586
|
get element() { return getElement(this); }
|
|
588
587
|
static get watchers() { return {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
4
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-Cg-Sy7Qf.js';
|
|
5
5
|
import { i as isInternetExplorer } from './is-internet-explorer-DxESMgwA.js';
|
|
6
|
-
import { c as checkNamedSlotElement } from './slot-utils-
|
|
6
|
+
import { c as checkNamedSlotElement } from './slot-utils-BtxgUznn.js';
|
|
7
7
|
|
|
8
8
|
const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
|
|
9
9
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, g as getElement, H as Host } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
4
|
+
import { r as registerInstance, h, g as getElement, H as Host } from './index-Cg-Sy7Qf.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-C76K02P9.js';
|
|
6
6
|
import { w as watchForOptions } from './watch-options-BmMFVM-y.js';
|
|
7
7
|
|
|
8
8
|
const duetListCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
4
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-Cg-Sy7Qf.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-C76K02P9.js';
|
|
6
6
|
|
|
7
7
|
const duetMenuBarButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-button.duet-theme-turva:hover{color:#e61740}}";
|
|
8
8
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
4
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-Cg-Sy7Qf.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-C76K02P9.js';
|
|
6
6
|
import { a as isEscapeKey } from './keyboard-utils-Db8rvjPI.js';
|
|
7
7
|
|
|
8
8
|
const duetMenuBarDropdownLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-menu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover{background:#fbebe1}";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
4
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-Cg-Sy7Qf.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-C76K02P9.js';
|
|
6
6
|
import { a as isEscapeKey } from './keyboard-utils-Db8rvjPI.js';
|
|
7
7
|
|
|
8
8
|
const duetMenuBarDropdownCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:#e61740}";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
4
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-Cg-Sy7Qf.js';
|
|
5
5
|
import { n as newWindowIcon } from './action-new-window-small-EH8_HdAm.js';
|
|
6
6
|
import { a as DuetStringsExternalDefaults } from './common-strings-BWvtXbhA.js';
|
|
7
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
8
|
-
import { g as getAccessibleLinkLabel } from './a11y-utils-
|
|
9
|
-
import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-
|
|
7
|
+
import { i as inheritGlobalTheme } from './themeable-component-C76K02P9.js';
|
|
8
|
+
import { g as getAccessibleLinkLabel } from './a11y-utils-k-txkQIa.js';
|
|
9
|
+
import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-CQS4gIfI.js';
|
|
10
10
|
import './_commonjsHelpers-DvwKrUS6.js';
|
|
11
|
-
import './slot-utils-
|
|
11
|
+
import './slot-utils-BtxgUznn.js';
|
|
12
12
|
import './string-utils-C6E9F6QT.js';
|
|
13
13
|
|
|
14
14
|
const duetMenuBarItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-menu-bar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item .external-icon{width:10px;height:10px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-menu-bar-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}.duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}:host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva:hover{color:#e61740}}";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
4
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-Cg-Sy7Qf.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-C76K02P9.js';
|
|
6
6
|
|
|
7
7
|
const duetMenuBarLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}.duet-menu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-link .menu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-link .menu-bar-link-icon{width:16px;height:16px}}.duet-menu-bar-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}@media (min-width: 62em){.duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:rgb(0, 119, 179)}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-link.active::after{z-index:auto;height:2px}}.duet-menu-bar-link.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-link:hover{color:rgb(0, 119, 179)}.duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-link.duet-theme-turva:hover{color:#e61740}}";
|
|
8
8
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-
|
|
5
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
6
|
-
import { a as getLanguage } from './language-utils-
|
|
4
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cg-Sy7Qf.js';
|
|
5
|
+
import { i as inheritGlobalTheme } from './themeable-component-C76K02P9.js';
|
|
6
|
+
import { a as getLanguage } from './language-utils-CQS4gIfI.js';
|
|
7
7
|
import './string-utils-C6E9F6QT.js';
|
|
8
8
|
|
|
9
|
-
const duetMenuBarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100
|
|
9
|
+
const duetMenuBarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%;pointer-events:none}:host *{pointer-events:auto}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}.duet-menu-bar .container duet-logo.large,.duet-menu-bar .container duet-logo.only-symbol{display:none}.duet-menu-bar .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 76.25em){.duet-menu-bar .container duet-logo.medium{display:none}.duet-menu-bar .container duet-logo.large{display:block}}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start;width:auto;height:40px}@media (min-width: 76.25em){.duet-menu-bar .container>:first-child{height:48px}}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text){flex-grow:8}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text) duet-paragraph{max-height:100%}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container .duet-logo-info-text{max-height:2.8875rem;padding-left:16px;margin-left:16px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(62, 84, 102);text-overflow:ellipsis;border-left:1px solid rgb(212, 223, 229)}.duet-menu-bar .container .duet-logo-info-text.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(71, 78, 101);border-left-color:rgb(222, 224, 228)}@media (min-width: 48em){.duet-menu-bar .container .duet-logo-info-text{max-height:3.3rem;font-size:1rem}}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.large{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-theme-turva .center{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .right{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-logo-info-text{color:#354f65;border-left-color:#d4dde2}";
|
|
10
10
|
|
|
11
11
|
const DuetMenuBar = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-
|
|
4
|
+
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-Cg-Sy7Qf.js';
|
|
5
5
|
import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-B1B-PPrh.js';
|
|
6
|
-
import { i as inheritGlobalTheme } from './themeable-component-
|
|
6
|
+
import { i as inheritGlobalTheme } from './themeable-component-C76K02P9.js';
|
|
7
7
|
import { b as DuetStringsPleaseWaitDefaults } from './common-strings-BWvtXbhA.js';
|
|
8
|
-
import { f as focusElement } from './focus-utils-
|
|
8
|
+
import { f as focusElement } from './focus-utils-CKJz94Qb.js';
|
|
9
9
|
import { a as isEscapeKey } from './keyboard-utils-Db8rvjPI.js';
|
|
10
|
-
import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-
|
|
11
|
-
import { h as hasSlot } from './slot-utils-
|
|
10
|
+
import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-CQS4gIfI.js';
|
|
11
|
+
import { h as hasSlot } from './slot-utils-BtxgUznn.js';
|
|
12
12
|
import { T as Teleport } from './teleport-CooAqTCj.js';
|
|
13
|
-
import { p as postfixTheme } from './token-utils-
|
|
13
|
+
import { p as postfixTheme } from './token-utils-C-c-tsXV.js';
|
|
14
14
|
import './string-utils-C6E9F6QT.js';
|
|
15
15
|
import './tokens.module-Z0D6Gy9e.js';
|
|
16
16
|
|
|
@@ -177,7 +177,7 @@ const DuetModal = class {
|
|
|
177
177
|
this.duetClose.emit();
|
|
178
178
|
this.teleport.removeInertFromSiblings();
|
|
179
179
|
if (this.focusElementOnClose !== "") {
|
|
180
|
-
setTimeout(() => {
|
|
180
|
+
setTimeout(async () => {
|
|
181
181
|
let focusEl = this.focusedElBeforeOpen;
|
|
182
182
|
if (typeof this.focusElementOnClose === "string") {
|
|
183
183
|
focusEl = document.getElementById(this.focusElementOnClose) || focusEl;
|
|
@@ -185,6 +185,18 @@ const DuetModal = class {
|
|
|
185
185
|
else {
|
|
186
186
|
focusEl = this.focusElementOnClose || focusEl;
|
|
187
187
|
}
|
|
188
|
+
if (focusEl.tagName.toLowerCase() === "duet-popup-menu-item") {
|
|
189
|
+
const menu = focusEl.closest("duet-popup-menu");
|
|
190
|
+
const isOpen = await menu.isOpen();
|
|
191
|
+
if (!isOpen && menu.controller) {
|
|
192
|
+
if (typeof menu.controller === "string") {
|
|
193
|
+
focusEl = document.getElementById(menu.controller);
|
|
194
|
+
}
|
|
195
|
+
else {
|
|
196
|
+
focusEl = menu.controller;
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
}
|
|
188
200
|
focusElement(focusEl);
|
|
189
201
|
}, TRANSITION_MS);
|
|
190
202
|
}
|
|
@@ -326,14 +338,14 @@ const DuetModal = class {
|
|
|
326
338
|
var _a, _b;
|
|
327
339
|
const iconColor = postfixTheme("primary", this.theme);
|
|
328
340
|
const closeColor = postfixTheme("secondary", this.theme);
|
|
329
|
-
const closingButton = (h("div", { key: '
|
|
330
|
-
return (h("div", { key: '
|
|
341
|
+
const closingButton = (h("div", { key: 'c025f6cdd3a46f67dabf96a33953cf975a4b7d23', class: "duet-modal-close" }, h("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 })));
|
|
342
|
+
return (h("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: {
|
|
331
343
|
"duet-modal-container": true,
|
|
332
344
|
"duet-theme-turva": this.theme === "turva",
|
|
333
345
|
"duet-modal-active": this.open,
|
|
334
346
|
"duet-modal-slide-up": this.variation === "slide-up",
|
|
335
347
|
"duet-modal-has-sticky-header": this.hasStickyHeader,
|
|
336
|
-
} }, h("duet-overlay", { key: '
|
|
348
|
+
} }, h("duet-overlay", { key: '94c016b5e1d57159562e7b7bc75203976d56c133', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), h("div", { key: 'fb081fde606dbe819fbd9f4dd85928e06b73fc4b', ref: modalInner => (this.modalInnerEl = modalInner), class: {
|
|
337
349
|
"duet-modal-inner": true,
|
|
338
350
|
[this.size]: true,
|
|
339
351
|
"duet-modal-slide-up": this.variation === "slide-up",
|
|
@@ -344,22 +356,22 @@ const DuetModal = class {
|
|
|
344
356
|
this.closeModal(e);
|
|
345
357
|
}
|
|
346
358
|
}
|
|
347
|
-
} }, h("div", { key: '
|
|
359
|
+
} }, h("div", { key: '35ff01594b4d85fae78d7ad2dda042d4b6fe3f18', ref: modalContentEl => (this.modalContentEl = modalContentEl), "aria-live": this.accessibleAnnounceChanges === "all" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "all" ? "true" : null, class: {
|
|
348
360
|
"duet-modal": true,
|
|
349
361
|
"duet-modal-has-sticky-header": this.hasStickyHeader,
|
|
350
362
|
[this.size]: true,
|
|
351
363
|
[this.variation]: true,
|
|
352
|
-
} }, this.gutterSize !== "none" && !this.hasStickyHeader && h("duet-spacer", { key: '
|
|
364
|
+
} }, this.gutterSize !== "none" && !this.hasStickyHeader && h("duet-spacer", { key: '79e1b71a87689e6b8509b859836f039c9fef0a76' }), this.hasStickyHeader ? (h("div", { class: "duet-modal-sticky-header" }, closingButton, h("slot", { name: "sticky-header" }))) : (closingButton), h("div", { key: '86c37c55bd8a7738e4a859815f24ee06fefcb53d', class: {
|
|
353
365
|
"duet-modal-body": true,
|
|
354
366
|
"duet-modal-gutter-none": this.gutterSize === "none",
|
|
355
367
|
"duet-modal-gutter-small": this.gutterSize === "small",
|
|
356
368
|
"duet-modal-gutter-medium": this.gutterSize === "medium",
|
|
357
369
|
"duet-modal-gutter-large": this.gutterSize === "large",
|
|
358
|
-
}, "aria-live": this.accessibleAnnounceChanges === "heading" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "heading" ? "true" : null }, h("div", { key: '
|
|
370
|
+
}, "aria-live": this.accessibleAnnounceChanges === "heading" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "heading" ? "true" : null }, h("div", { key: 'eddd353009b508fe5ecd04aa866f076a064626de', class: "duet-modal-header" }, h("span", { key: '696ad960d20a5e5bf68dc9ec9da5d59773accf10', class: "duet-modal-inner-slot-top" }, h("slot", { key: '28f0677621250a3da6899f055ba374dd78a17a35', name: "top" })), this.icon && h("duet-icon", { key: '7b9e797b9f5296effdfc0beaac29be90e0310436', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("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" && (h("div", { key: '2bae6fedd2f1ab7b40264c2d6c3b4f69f9627d2c', class: "duet-modal-spinner" }, h("duet-spinner", { key: 'd5f27b579909233f930b09251b7faa6fd7d35a78', size: "large", color: postfixTheme("primary", this.theme) }))), h("div", { key: '80dc7b4389d406fc348351678e2c234f17c22259', "aria-live": this.variation === "loader"
|
|
359
371
|
? "assertive"
|
|
360
372
|
: this.accessibleAnnounceChanges === "body"
|
|
361
373
|
? "polite"
|
|
362
|
-
: null, "aria-atomic": this.accessibleAnnounceChanges === "body" ? "true" : null, class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el) }, h("slot", { key: '
|
|
374
|
+
: null, "aria-atomic": this.accessibleAnnounceChanges === "body" ? "true" : null, class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el) }, h("slot", { key: 'fc0270b2ceb540d2e2015ba9131dcd46f01c702e' })))))));
|
|
363
375
|
}
|
|
364
376
|
get element() { return getElement(this); }
|
|
365
377
|
static get watchers() { return {
|