@duetds/components 5.1.3 → 5.1.6
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 +225 -36
- package/lib/cjs/action-arrow-right-small-a25eb475.js +8 -0
- package/lib/cjs/duet-action-button.cjs.entry.js +17 -6
- package/lib/cjs/duet-alert.cjs.entry.js +1 -1
- package/lib/cjs/duet-badge.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +3 -4
- package/lib/cjs/duet-button_2.cjs.entry.js +5 -4
- package/lib/cjs/duet-caption_4.cjs.entry.js +3 -3
- package/lib/cjs/duet-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
- package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
- package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +105 -27
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +23 -4
- package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-header_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-hero.cjs.entry.js +1 -1
- package/lib/cjs/duet-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-input_2.cjs.entry.js +56 -4
- package/lib/cjs/duet-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-modal.cjs.entry.js +2 -2
- package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-progress.cjs.entry.js +1 -1
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +1 -1
- package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
- package/lib/cjs/duet-tray.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +2 -2
- package/lib/cjs/{focus-utils-85b1fb81.js → focus-utils-9ccade35.js} +1 -1
- package/lib/cjs/{index-a29ba279.js → index-014f74e2.js} +1 -1
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/cjs/{token-utils-f402e205.js → token-utils-50a1f7e2.js} +16 -1
- package/lib/cjs/{tokens-8596cece.js → tokens-29450bcb.js} +3 -0
- package/lib/cjs/{tokens.module-6b2df1c2.js → tokens.module-ef598645.js} +2 -0
- package/lib/collection/components/duet-action-button/duet-action-button.css +2 -2
- package/lib/collection/components/duet-action-button/duet-action-button.js +14 -2
- package/lib/collection/components/duet-button/duet-button.css +48 -16
- package/lib/collection/components/duet-button/duet-button.js +2 -1
- package/lib/collection/components/duet-footer/duet-footer.css +154 -0
- package/lib/collection/components/duet-footer/duet-footer.js +135 -5
- package/lib/collection/components/duet-input/duet-input.css +49 -0
- package/lib/collection/components/duet-input/duet-input.js +132 -3
- package/lib/collection/components/duet-step/duet-step.js +1 -1
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-table/duet-table.js +1 -1
- package/lib/collection/components/duet-upload/duet-upload.js +136 -27
- package/lib/collection/components/duet-upload/upload-editable-item-pending.js +7 -0
- package/lib/collection/utils/token-utils.js +14 -0
- package/lib/custom-elements-bundle/index.js +216 -41
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-632e25d1.system.entry.js → p-00e6a13d.system.entry.js} +1 -1
- package/lib/duet/{p-ac1e6f4b.system.js → p-0447601c.system.js} +1 -1
- package/lib/duet/{p-bc8c3ace.system.js → p-04b00c25.system.js} +1 -1
- package/lib/duet/{p-c435f7e8.entry.js → p-06fde0d1.entry.js} +1 -1
- package/lib/duet/{p-94dc3e07.system.entry.js → p-13d2c818.system.entry.js} +1 -1
- package/lib/duet/p-13df0560.system.entry.js +4 -0
- package/lib/duet/{p-62cc6d2a.entry.js → p-17c7514e.entry.js} +1 -1
- package/lib/duet/p-18cc5627.system.js +4 -0
- package/lib/duet/{p-ebd9782a.system.entry.js → p-19073b04.system.entry.js} +1 -1
- package/lib/duet/{p-497750f2.entry.js → p-1953f729.entry.js} +1 -1
- package/lib/duet/{p-b9120f45.system.entry.js → p-1faf5cfe.system.entry.js} +1 -1
- package/lib/duet/{p-bd322f8f.js → p-206285a6.js} +1 -1
- package/lib/duet/{p-28b24806.system.entry.js → p-21f33ec5.system.entry.js} +1 -1
- package/lib/duet/{p-c2ad83a9.entry.js → p-23779e01.entry.js} +1 -1
- package/lib/duet/{p-f2ad1371.entry.js → p-23b467cc.entry.js} +1 -1
- package/lib/duet/{p-3bf4c99a.entry.js → p-2999ea4f.entry.js} +1 -1
- package/lib/duet/p-2a9db427.system.entry.js +4 -0
- package/lib/duet/{p-e4d54f1e.system.entry.js → p-2daca660.system.entry.js} +1 -1
- package/lib/duet/{p-18e17e10.entry.js → p-2ed50edc.entry.js} +1 -1
- package/lib/duet/{p-8d4c33ed.system.entry.js → p-322ab135.system.entry.js} +1 -1
- package/lib/duet/{p-e530ae17.entry.js → p-35957177.entry.js} +1 -1
- package/lib/duet/p-377f68c5.system.entry.js +4 -0
- package/lib/duet/{p-ad07f399.js → p-398a79a0.js} +1 -1
- package/lib/duet/p-3cc51ea1.entry.js +4 -0
- package/lib/duet/{p-7dec1cfd.entry.js → p-412a2ce3.entry.js} +1 -1
- package/lib/duet/{p-6910ace8.system.entry.js → p-458c1110.system.entry.js} +1 -1
- package/lib/duet/p-47058313.entry.js +4 -0
- package/lib/duet/{p-aaed5ea2.entry.js → p-4727c5c5.entry.js} +1 -1
- package/lib/duet/{p-3e1145b2.entry.js → p-5104272f.entry.js} +1 -1
- package/lib/duet/{p-7e17fd75.system.entry.js → p-513d8f06.system.entry.js} +1 -1
- package/lib/duet/{p-0e6dd740.entry.js → p-5186bfcf.entry.js} +1 -1
- package/lib/duet/{p-acdd49f6.entry.js → p-520d1c93.entry.js} +1 -1
- package/lib/duet/p-54e3d301.system.entry.js +4 -0
- package/lib/duet/{p-28feed35.system.entry.js → p-56ed6884.system.entry.js} +1 -1
- package/lib/duet/p-5752ff1c.entry.js +4 -0
- package/lib/duet/p-583c5a60.entry.js +4 -0
- package/lib/duet/{p-995ecd9d.system.entry.js → p-5c085a4a.system.entry.js} +1 -1
- package/lib/duet/p-6190e2d6.system.js +4 -0
- package/lib/duet/{p-ca79fa1a.js → p-6194272d.js} +1 -1
- package/lib/duet/{p-f0f60ea3.entry.js → p-62915653.entry.js} +1 -1
- package/lib/duet/{p-c06452b7.system.entry.js → p-7020d5a8.system.entry.js} +1 -1
- package/lib/duet/{p-9318e1c2.system.entry.js → p-71c7fa31.system.entry.js} +1 -1
- package/lib/duet/{p-ffbe9ffc.entry.js → p-7a5bf551.entry.js} +1 -1
- package/lib/duet/p-7cbb6eba.js +4 -0
- package/lib/duet/{p-57f58be7.entry.js → p-7de2b748.entry.js} +1 -1
- package/lib/duet/{p-a6b6a918.system.entry.js → p-7fcbf42e.system.entry.js} +1 -1
- package/lib/duet/{p-5a434b4e.system.entry.js → p-84237fd2.system.entry.js} +1 -1
- package/lib/duet/{p-dea3d7f9.system.entry.js → p-8c8f15ed.system.entry.js} +1 -1
- package/lib/duet/{p-d460ac7d.entry.js → p-8fed1e36.entry.js} +1 -1
- package/lib/duet/{p-a3857cd4.system.entry.js → p-90870281.system.entry.js} +1 -1
- package/lib/duet/{p-b683fec1.system.entry.js → p-914a5315.system.entry.js} +1 -1
- package/lib/duet/{p-8ee6f874.system.entry.js → p-96e42603.system.entry.js} +1 -1
- package/lib/duet/p-97900023.entry.js +4 -0
- package/lib/duet/{p-20814483.entry.js → p-99bbbecd.entry.js} +1 -1
- package/lib/duet/p-9cca0bb4.js +4 -0
- package/lib/duet/p-9e759a4a.system.entry.js +4 -0
- package/lib/duet/{p-bd122a6e.system.entry.js → p-9e8afa21.system.entry.js} +1 -1
- package/lib/duet/{p-f8dd1339.entry.js → p-9ff69b54.entry.js} +1 -1
- package/lib/duet/{p-955b90c3.system.entry.js → p-a2eafa77.system.entry.js} +1 -1
- package/lib/duet/{p-2b250ac6.system.entry.js → p-a53ca782.system.entry.js} +1 -1
- package/lib/duet/{p-3f65158e.entry.js → p-a74ed7f0.entry.js} +1 -1
- package/lib/duet/p-a83aa6f3.entry.js +4 -0
- package/lib/duet/p-a93a04b9.system.js +4 -0
- package/lib/duet/p-a9bd0a4b.entry.js +4 -0
- package/lib/duet/{p-f42c4e0f.system.entry.js → p-abdf47c8.system.entry.js} +1 -1
- package/lib/duet/p-ad196791.system.js +4 -0
- package/lib/duet/{p-5e591b97.entry.js → p-ae7580c4.entry.js} +1 -1
- package/lib/duet/{p-cd07c340.entry.js → p-b04e51be.entry.js} +1 -1
- package/lib/duet/{p-456f44e9.system.entry.js → p-b1f08a11.system.entry.js} +1 -1
- package/lib/duet/{p-7df54c59.entry.js → p-b477f0b1.entry.js} +1 -1
- package/lib/duet/{p-2c31428e.system.entry.js → p-b504bfcc.system.entry.js} +1 -1
- package/lib/duet/{p-3e4a5b9c.entry.js → p-b8a6c198.entry.js} +1 -1
- package/lib/duet/{p-4268681b.entry.js → p-ba2d5d3b.entry.js} +1 -1
- package/lib/duet/p-bb05bcf9.entry.js +4 -0
- package/lib/duet/{p-ff5ddd90.system.entry.js → p-bbdbff69.system.entry.js} +1 -1
- package/lib/duet/{p-b7420414.entry.js → p-c1ec46db.entry.js} +1 -1
- package/lib/duet/{p-28e309f1.entry.js → p-c63e58e3.entry.js} +1 -1
- package/lib/duet/{p-adb092e7.entry.js → p-ce936701.entry.js} +1 -1
- package/lib/duet/{p-48307b31.entry.js → p-ced1983f.entry.js} +1 -1
- package/lib/duet/p-cf67a60b.entry.js +4 -0
- package/lib/duet/{p-28e6da82.system.entry.js → p-d132dde7.system.entry.js} +1 -1
- package/lib/duet/p-d1746325.js +4 -0
- package/lib/duet/p-d312b69e.system.entry.js +4 -0
- package/lib/duet/{p-b6cbe383.entry.js → p-d64b4b43.entry.js} +1 -1
- package/lib/duet/{p-5969399b.system.entry.js → p-dccd1711.system.entry.js} +1 -1
- package/lib/duet/{p-a056cc14.system.entry.js → p-dd58a713.system.entry.js} +1 -1
- package/lib/duet/{p-712c9016.system.entry.js → p-df8c5af0.system.entry.js} +1 -1
- package/lib/duet/{p-83be3810.entry.js → p-e21029cc.entry.js} +1 -1
- package/lib/duet/{p-cfe414d2.system.entry.js → p-e7d9d84b.system.entry.js} +1 -1
- package/lib/duet/{p-1c67e70d.system.entry.js → p-ed5c2f24.system.entry.js} +1 -1
- package/lib/duet/{p-53849160.entry.js → p-ef888954.entry.js} +1 -1
- package/lib/duet/{p-0304408d.system.entry.js → p-f3d0d952.system.entry.js} +1 -1
- package/lib/duet/p-f476cb84.system.js +4 -0
- package/lib/duet/{p-b9d3eeb1.system.entry.js → p-f8927797.system.entry.js} +1 -1
- package/lib/duet/{p-8e0bad03.entry.js → p-fb70b22b.entry.js} +1 -1
- package/lib/duet/{p-f4664942.system.entry.js → p-fb81d343.system.entry.js} +2 -2
- package/lib/duet/{p-21d7cb5d.system.entry.js → p-fece90db.system.entry.js} +1 -1
- package/lib/esm/action-arrow-right-small-f9d2ba83.js +6 -0
- package/lib/esm/duet-action-button.entry.js +17 -6
- package/lib/esm/duet-alert.entry.js +1 -1
- package/lib/esm/duet-badge.entry.js +1 -1
- package/lib/esm/duet-breadcrumb.entry.js +1 -1
- package/lib/esm/duet-breadcrumbs.entry.js +2 -3
- package/lib/esm/duet-button_2.entry.js +5 -4
- package/lib/esm/duet-caption_4.entry.js +3 -3
- package/lib/esm/duet-card.entry.js +3 -3
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-choice_2.entry.js +2 -2
- package/lib/esm/duet-collapsible.entry.js +2 -2
- package/lib/esm/duet-combobox.entry.js +1 -1
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +2 -2
- package/lib/esm/duet-divider_2.entry.js +1 -1
- package/lib/esm/duet-editable-table_3.entry.js +105 -27
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +23 -4
- package/lib/esm/duet-grid_2.entry.js +2 -2
- package/lib/esm/duet-header_2.entry.js +3 -3
- package/lib/esm/duet-hero.entry.js +1 -1
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-input_2.entry.js +56 -4
- package/lib/esm/duet-layout.entry.js +1 -1
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-modal.entry.js +2 -2
- package/lib/esm/duet-notification_2.entry.js +1 -1
- package/lib/esm/duet-number-input.entry.js +1 -1
- package/lib/esm/duet-pagination_2.entry.js +1 -1
- package/lib/esm/duet-progress.entry.js +1 -1
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +2 -2
- package/lib/esm/duet-scrollable_3.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +1 -1
- package/lib/esm/duet-step_2.entry.js +2 -2
- package/lib/esm/duet-textarea.entry.js +1 -1
- package/lib/esm/duet-toggle.entry.js +1 -1
- package/lib/esm/duet-tooltip.entry.js +1 -1
- package/lib/esm/duet-tray.entry.js +2 -2
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +2 -2
- package/lib/esm/{focus-utils-429ccac4.js → focus-utils-fe498b6c.js} +1 -1
- package/lib/esm/{index-089c3eed.js → index-715101b6.js} +1 -1
- package/lib/esm/loader.js +2 -2
- package/lib/esm/{token-utils-e9a69acf.js → token-utils-1f9435bc.js} +16 -2
- package/lib/esm/{tokens-e110dc89.js → tokens-8ff8c570.js} +3 -0
- package/lib/esm/{tokens.module-49cbf963.js → tokens.module-f4572ed7.js} +2 -0
- package/lib/esm-es5/action-arrow-right-small-f9d2ba83.js +4 -0
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +2 -2
- package/lib/esm-es5/duet-button_2.entry.js +2 -2
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +2 -2
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +2 -2
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-step_2.entry.js +2 -2
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/focus-utils-fe498b6c.js +4 -0
- package/lib/esm-es5/{index-089c3eed.js → index-715101b6.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/token-utils-1f9435bc.js +4 -0
- package/lib/esm-es5/tokens-8ff8c570.js +4 -0
- package/lib/esm-es5/{tokens.module-49cbf963.js → tokens.module-f4572ed7.js} +1 -1
- package/lib/types/components/duet-button/duet-button.d.ts +1 -1
- package/lib/types/components/duet-footer/duet-footer.d.ts +30 -1
- package/lib/types/components/duet-input/duet-input.d.ts +23 -0
- package/lib/types/components/duet-upload/duet-upload.d.ts +18 -1
- package/lib/types/components/duet-upload/upload-editable-item-pending.d.ts +6 -0
- package/lib/types/components.d.ts +71 -3
- package/lib/types/utils/token-utils.d.ts +1 -0
- package/package.json +5 -5
- package/lib/duet/p-021f4ce6.entry.js +0 -4
- package/lib/duet/p-165aeec8.system.entry.js +0 -4
- package/lib/duet/p-27189fa0.entry.js +0 -4
- package/lib/duet/p-4cb2c888.entry.js +0 -4
- package/lib/duet/p-4e2532c7.system.js +0 -4
- package/lib/duet/p-52b6d127.entry.js +0 -4
- package/lib/duet/p-694ebf05.entry.js +0 -4
- package/lib/duet/p-7888e2d8.entry.js +0 -4
- package/lib/duet/p-7ce6ba93.system.entry.js +0 -4
- package/lib/duet/p-80e16593.entry.js +0 -4
- package/lib/duet/p-8143f3de.js +0 -4
- package/lib/duet/p-86777eb7.system.js +0 -4
- package/lib/duet/p-93f9ccbc.system.entry.js +0 -4
- package/lib/duet/p-94def463.entry.js +0 -4
- package/lib/duet/p-ad4570bf.system.entry.js +0 -4
- package/lib/duet/p-b2d00c4b.system.entry.js +0 -4
- package/lib/duet/p-b48323e2.system.entry.js +0 -4
- package/lib/duet/p-c5c212fd.entry.js +0 -4
- package/lib/duet/p-cb445018.js +0 -4
- package/lib/duet/p-ddb6344c.system.js +0 -4
- package/lib/duet/p-fa99eaa4.system.js +0 -4
- package/lib/esm-es5/focus-utils-429ccac4.js +0 -4
- package/lib/esm-es5/token-utils-e9a69acf.js +0 -4
- package/lib/esm-es5/tokens-e110dc89.js +0 -4
- package/lib/html.html-data.json +0 -5325
|
@@ -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 { m as media_query_large, a as media_query_medium, b as media_query_small } from './tokens-
|
|
4
|
+
import { r as registerInstance, h, g as getElement, H as Host } from './index-715101b6.js';
|
|
5
|
+
import { m as media_query_large, a as media_query_medium, b as media_query_small } from './tokens-8ff8c570.js';
|
|
6
6
|
import { w as watchForOptions, a as watchForElement } from './watch-options-dd55bce8.js';
|
|
7
7
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
8
8
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { h, r as registerInstance, c as createEvent$1, F as Fragment, H as Host, g as getElement } from './index-
|
|
4
|
+
import { h, r as registerInstance, c as createEvent$1, F as Fragment, H as Host, g as getElement } from './index-715101b6.js';
|
|
5
5
|
import { f as formSearch } from './form-search-ea8e19ae.js';
|
|
6
|
-
import { m as media_query_large } from './tokens-
|
|
6
|
+
import { m as media_query_large } from './tokens-8ff8c570.js';
|
|
7
7
|
import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-61b5e9a4.js';
|
|
8
8
|
import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
|
|
9
9
|
import { f as isEscapeKey, g as isSpaceKey, d as isArrowLeftKey, b as isArrowUpKey, a as isArrowRightKey, c as isArrowDownKey } from './keyboard-utils-88ea1007.js';
|
|
@@ -11,7 +11,7 @@ import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d3
|
|
|
11
11
|
import { p as parsePossibleJSON } from './string-utils-5954f458.js';
|
|
12
12
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
13
13
|
import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
|
|
14
|
-
import { e as colorGrayLightest, f as colorBrandGrayTurva, c as colorPrimaryTurva, g as colorBrandBlue } from './tokens.module-
|
|
14
|
+
import { e as colorGrayLightest, f as colorBrandGrayTurva, c as colorPrimaryTurva, g as colorBrandBlue } from './tokens.module-f4572ed7.js';
|
|
15
15
|
import { c as createID } from './create-id-981107da.js';
|
|
16
16
|
|
|
17
17
|
var navigationContactDropdown={"title":"navigation-contact-dropdown","tags":"navigation contact dropdown speech bubbles","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M20.247 24a.743.743 0 0 1-.53-.22l-4.28-4.28h-.439c-3.308 0-6-2.692-6-6s2.692-6 6-6h3c3.309.001 6 2.692 6 6a5.974 5.974 0 0 1-3 5.179v4.571a.75.75 0 0 1-.751.75zm-5.25-15c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5h.75c.198 0 .391.08.53.22l3.22 3.22v-3.213c0-.289.169-.555.429-.678a4.51 4.51 0 0 0 2.571-4.049 4.504 4.504 0 0 0-4.498-4.499h-3.002z\"/><path d=\"M3.747 16.5a.747.747 0 0 1-.75-.75v-4.57a5.967 5.967 0 0 1-2.65-3.171A5.948 5.948 0 0 1 .57 3.431 6.014 6.014 0 0 1 5.985 0h3.012a6.04 6.04 0 0 1 5.752 4.286.751.751 0 0 1-.718.964.755.755 0 0 1-.719-.536A4.531 4.531 0 0 0 8.997 1.5h-3a4.511 4.511 0 0 0-4.071 2.572c-.512 1.084-.571 2.302-.167 3.431s1.224 2.032 2.308 2.545c.261.123.43.39.43.678v3.214l1.72-1.72a.744.744 0 0 1 1.06 0 .752.752 0 0 1 0 1.061l-3 3a.744.744 0 0 1-.53.219z\"/></svg>"};
|
|
@@ -1,7 +1,7 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
|
|
6
6
|
import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
|
|
7
7
|
import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
4
|
+
import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-715101b6.js';
|
|
5
5
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
6
|
-
import { g as getColorByName } from './token-utils-
|
|
7
|
-
import './tokens.module-
|
|
6
|
+
import { g as getColorByName } from './token-utils-1f9435bc.js';
|
|
7
|
+
import './tokens.module-f4572ed7.js';
|
|
8
8
|
|
|
9
9
|
const cleanupSvg = (svgContent) => {
|
|
10
10
|
if (typeof document === "undefined" || !svgContent) {
|
|
@@ -1,15 +1,18 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { f as formSearch } from './form-search-ea8e19ae.js';
|
|
6
6
|
import { c as createID } from './create-id-981107da.js';
|
|
7
7
|
import { c as cleanValue, r as resetCursor } from './input-utils-de45e099.js';
|
|
8
|
+
import { f as isEscapeKey } from './keyboard-utils-88ea1007.js';
|
|
9
|
+
import { g as getLocaleString } from './language-utils-bf701d37.js';
|
|
8
10
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
11
|
+
import './string-utils-5954f458.js';
|
|
9
12
|
|
|
10
13
|
var formEmail={"title":"form-email","tags":"form email","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z\"/></svg>"};
|
|
11
14
|
|
|
12
|
-
const duetInputCss = "*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}duet-tooltip.sc-duet-input{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{position:relative;top:4px;right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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:white}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:#171c3a}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input.sc-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:#00294d !important;cursor:initial !important;background:white !important;background-clip:initial !important;border:1px solid #909599 !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#de2362 !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#e02a0d !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-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:#171c3a !important;border-color:#747475 !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:#657787;opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfcfd1}.duet-input.sc-duet-input::-moz-placeholder{color:#657787;opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfcfd1}.duet-input.sc-duet-input:-ms-input-placeholder{color:#657787}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfcfd1}.duet-input[disabled].sc-duet-input{color:#00294d !important;cursor:text !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus{border-color:#0077b3 !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:#171c3a !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#171c3a}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#0077b3}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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:#657787;border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-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:#747475}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#e02a0d}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}";
|
|
15
|
+
const duetInputCss = "*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}duet-tooltip.sc-duet-input{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{position:relative;top:4px;right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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:white}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:#171c3a}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:0;min-width:48px;min-height:48px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input.sc-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:#00294d !important;cursor:initial !important;background:white !important;background-clip:initial !important;border:1px solid #909599 !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#de2362 !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#e02a0d !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-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:#171c3a !important;border-color:#747475 !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:#657787;opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfcfd1}.duet-input.sc-duet-input::-moz-placeholder{color:#657787;opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfcfd1}.duet-input.sc-duet-input:-ms-input-placeholder{color:#657787}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfcfd1}.duet-input[disabled].sc-duet-input{color:#00294d !important;cursor:text !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus{border-color:#0077b3 !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:#171c3a !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#171c3a}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#0077b3}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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:#657787;border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-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:#747475}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#e02a0d}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}";
|
|
13
16
|
|
|
14
17
|
const icons = {
|
|
15
18
|
search: formSearch,
|
|
@@ -21,16 +24,23 @@ const DuetInput = class {
|
|
|
21
24
|
this.duetInput = createEvent(this, "duetInput", 7);
|
|
22
25
|
this.duetChange = createEvent(this, "duetChange", 3);
|
|
23
26
|
this.duetBlur = createEvent(this, "duetBlur", 7);
|
|
27
|
+
this.duetClear = createEvent(this, "duetClear", 7);
|
|
24
28
|
this.duetFocus = createEvent(this, "duetFocus", 7);
|
|
25
29
|
/**
|
|
26
30
|
* Own Properties
|
|
27
31
|
*/
|
|
28
32
|
this.inputId = createID("DuetInput");
|
|
33
|
+
this.clearId = createID("DuetInputClear");
|
|
29
34
|
this.labelId = createID("DuetLabel");
|
|
30
35
|
this.topCaptionId = createID("DuetCaptionTop");
|
|
31
36
|
this.topCaptionPlaceholderId = createID("DuetCaptionPlaceholderTop");
|
|
32
37
|
this.errorId = createID("DuetError");
|
|
33
38
|
this.disallowPatternRegex = null;
|
|
39
|
+
this.clearLabel = getLocaleString({
|
|
40
|
+
en: "Clear",
|
|
41
|
+
fi: "Tyhjennä",
|
|
42
|
+
sv: "Rensa",
|
|
43
|
+
});
|
|
34
44
|
/**
|
|
35
45
|
* Indicates the id of a component that describes the input.
|
|
36
46
|
*/
|
|
@@ -44,6 +54,10 @@ const DuetInput = class {
|
|
|
44
54
|
* event after each keystroke.
|
|
45
55
|
*/
|
|
46
56
|
this.debounce = 0;
|
|
57
|
+
/**
|
|
58
|
+
* If set, the input field will display a clear button that can be accessed with tabbing.
|
|
59
|
+
*/
|
|
60
|
+
this.clear = false;
|
|
47
61
|
/**
|
|
48
62
|
* If form input field has a placeholder text, and user types anything (causing the placeholder text to disappear),
|
|
49
63
|
* settings this to true will "echo" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)
|
|
@@ -77,6 +91,10 @@ const DuetInput = class {
|
|
|
77
91
|
* Type of the input.
|
|
78
92
|
*/
|
|
79
93
|
this.type = "text";
|
|
94
|
+
/**
|
|
95
|
+
* Variation of button.
|
|
96
|
+
*/
|
|
97
|
+
this.variation = "default";
|
|
80
98
|
/**
|
|
81
99
|
* Label for the input.
|
|
82
100
|
*/
|
|
@@ -144,6 +162,13 @@ const DuetInput = class {
|
|
|
144
162
|
component: "duet-input",
|
|
145
163
|
});
|
|
146
164
|
};
|
|
165
|
+
this.onClear = (ev) => {
|
|
166
|
+
this.duetFocus.emit({
|
|
167
|
+
originalEvent: ev,
|
|
168
|
+
value: this.value,
|
|
169
|
+
component: "duet-input",
|
|
170
|
+
});
|
|
171
|
+
};
|
|
147
172
|
/** Private functions
|
|
148
173
|
*
|
|
149
174
|
*/
|
|
@@ -163,6 +188,17 @@ const DuetInput = class {
|
|
|
163
188
|
}
|
|
164
189
|
return describedBy;
|
|
165
190
|
};
|
|
191
|
+
this.handleClearClick = event => {
|
|
192
|
+
const clearing = this.clearInput();
|
|
193
|
+
this.onClear(event);
|
|
194
|
+
return clearing;
|
|
195
|
+
};
|
|
196
|
+
this.keyHandler = event => {
|
|
197
|
+
if (isEscapeKey(event) && this.clear) {
|
|
198
|
+
this.handleClearClick(event);
|
|
199
|
+
}
|
|
200
|
+
return event;
|
|
201
|
+
};
|
|
166
202
|
}
|
|
167
203
|
disallowedPatternChange() {
|
|
168
204
|
this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "g") : null;
|
|
@@ -217,6 +253,16 @@ const DuetInput = class {
|
|
|
217
253
|
restoreCursor();
|
|
218
254
|
}
|
|
219
255
|
}
|
|
256
|
+
/**
|
|
257
|
+
* Reset the cursor position on the native element
|
|
258
|
+
* `input.resetCursor()`.
|
|
259
|
+
*/
|
|
260
|
+
async clearInput() {
|
|
261
|
+
if (this.nativeInput) {
|
|
262
|
+
this.nativeInput.value = "";
|
|
263
|
+
this.value = "";
|
|
264
|
+
}
|
|
265
|
+
}
|
|
220
266
|
/**
|
|
221
267
|
* render() function
|
|
222
268
|
* Always the last one in the class.
|
|
@@ -234,19 +280,25 @@ const DuetInput = class {
|
|
|
234
280
|
else if (!this.pattern && this.type === "tel") {
|
|
235
281
|
inputProps.pattern = "[0-9+ ]+";
|
|
236
282
|
}
|
|
237
|
-
return (h(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h("div", { class: {
|
|
283
|
+
return (h(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, h("div", { class: {
|
|
238
284
|
"duet-input-container": true,
|
|
239
285
|
"duet-theme-turva": this.theme === "turva",
|
|
286
|
+
[`duet-input-variation-${this.variation}`]: true,
|
|
240
287
|
"duet-label-hidden": this.labelHidden,
|
|
241
288
|
"duet-input-top-caption-shown": this.isCaptionVisible,
|
|
242
289
|
"has-icon": !!this.icon || (this.type !== "text" && this.type !== "tel" && this.type !== "password"),
|
|
243
290
|
"has-error": !!this.error,
|
|
291
|
+
"has-clear": this.clear,
|
|
244
292
|
} }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), h("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
|
|
245
293
|
"duet-input": true,
|
|
246
294
|
disabled: this.disabled,
|
|
247
295
|
"is-number": this.component === "number",
|
|
248
296
|
"is-date": this.component === "date",
|
|
249
|
-
}, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": `${this.labelId} ${this.errorId}`, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.icon &&
|
|
297
|
+
}, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": `${this.labelId} ${this.errorId}`, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.icon &&
|
|
298
|
+
this.type !== "text" &&
|
|
299
|
+
this.type !== "tel" &&
|
|
300
|
+
this.type !== "password" &&
|
|
301
|
+
this.variation !== "button" && (h("div", { class: "duet-input-icon" }, h("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { class: "duet-input-clear-icon" }, h("button", { onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel, "aria-keyshortcuts": "Escape" }, h("duet-icon", { margin: "none", size: "xx-small", name: "activity-close", color: "currentColor" })))), this.icon && this.variation !== "button" && (h("div", { class: "duet-input-icon" }, h("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h("slot", { name: "button" }), h("slot", null)), h("span", { class: "duet-input-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && h("span", { class: "duet-input-error" }, this.error)))));
|
|
250
302
|
}
|
|
251
303
|
get element() { return getElement(this); }
|
|
252
304
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { i as isInternetExplorer } from './is-internet-explorer-62b3bdbd.js';
|
|
6
6
|
|
|
7
7
|
const duetLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}: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-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.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;margin-bottom:48px}}@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%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.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)}}";
|
|
@@ -1,7 +1,7 @@
|
|
|
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-
|
|
4
|
+
import { r as registerInstance, h, g as getElement, H as Host } from './index-715101b6.js';
|
|
5
5
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
6
6
|
import { w as watchForOptions } from './watch-options-dd55bce8.js';
|
|
7
7
|
|
|
@@ -1,10 +1,10 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-61b5e9a4.js';
|
|
6
6
|
import { c as createID } from './create-id-981107da.js';
|
|
7
|
-
import { f as focusElement, F as FocusGuard } from './focus-utils-
|
|
7
|
+
import { f as focusElement, F as FocusGuard } from './focus-utils-fe498b6c.js';
|
|
8
8
|
import { f as isEscapeKey } from './keyboard-utils-88ea1007.js';
|
|
9
9
|
import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
|
|
10
10
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, g as getElement } from './index-
|
|
4
|
+
import { r as registerInstance, h, g as getElement } from './index-715101b6.js';
|
|
5
5
|
import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
|
|
6
6
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
7
7
|
import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { c as createID } from './create-id-981107da.js';
|
|
6
6
|
import { a as isArrowRightKey, b as isArrowUpKey, c as isArrowDownKey, d as isArrowLeftKey, e as isBackspaceKey } from './keyboard-utils-88ea1007.js';
|
|
7
7
|
import { a as getLanguage, b as getLocale, g as getLocaleString } from './language-utils-bf701d37.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-
|
|
4
|
+
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-715101b6.js';
|
|
5
5
|
import { c as createID } from './create-id-981107da.js';
|
|
6
6
|
import { d as debounce } from './js-utils-52e0944c.js';
|
|
7
7
|
import { j as isArrowKey, k as isNumber, d as isArrowLeftKey, b as isArrowUpKey, a as isArrowRightKey, c as isArrowDownKey, l as isMinusKey, m as isPlusKey } from './keyboard-utils-88ea1007.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { c as createID } from './create-id-981107da.js';
|
|
6
6
|
import { g as getLocaleString } from './language-utils-bf701d37.js';
|
|
7
7
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { c as createID } from './create-id-981107da.js';
|
|
6
6
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
7
7
|
import { f as findCheckedOption, w as watchForOptions } from './watch-options-dd55bce8.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
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 { c as colorPrimaryTurva, a as colorGrayTurva, b as colorPrimary, d as colorGray } from './tokens.module-
|
|
4
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-715101b6.js';
|
|
5
|
+
import { c as colorPrimaryTurva, a as colorGrayTurva, b as colorPrimary, d as colorGray } from './tokens.module-f4572ed7.js';
|
|
6
6
|
import { c as createID } from './create-id-981107da.js';
|
|
7
7
|
import { i as isInternetExplorer } from './is-internet-explorer-62b3bdbd.js';
|
|
8
8
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-
|
|
4
|
+
import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-715101b6.js';
|
|
5
5
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
6
6
|
import { g as getLocaleString, a as getLanguage } from './language-utils-bf701d37.js';
|
|
7
7
|
import { c as createID } from './create-id-981107da.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { c as createID } from './create-id-981107da.js';
|
|
6
6
|
import { p as parsePossibleJSON } from './string-utils-5954f458.js';
|
|
7
7
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-
|
|
4
|
+
import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-715101b6.js';
|
|
5
5
|
import { c as createID } from './create-id-981107da.js';
|
|
6
6
|
import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';
|
|
7
7
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
@@ -96,7 +96,7 @@ const DuetStep = class {
|
|
|
96
96
|
"rounded-top": this.roundedTop,
|
|
97
97
|
"rounded-bottom": this.roundedBottom,
|
|
98
98
|
"duet-theme-turva": this.theme === "turva",
|
|
99
|
-
} }, h("div", { class: "duet-step-heading", id: this.buttonId, role: "button", tabindex: this.state !== "
|
|
99
|
+
} }, h("div", { class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, h("div", { "aria-hidden": "true" }, h("div", { class: "duet-step-counter" }, this.renderStepCounter())), h("duet-spacer", { direction: "horizontal", size: "large", breakpoint: "small" }), h("duet-spacer", { direction: "horizontal", size: "medium", breakpoint: "x-small" }), h("div", null, h("duet-heading", { theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h("duet-spacer", { direction: "horizontal", size: "large" }), h("div", { class: "duet-step-heading-slot" }, h("slot", { name: "heading-content" }))), h("div", { class: "duet-step-content-wrapper" }, h("div", { class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h("slot", null)))));
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
get element() { return getElement(this); }
|
|
@@ -1,7 +1,7 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { c as createID } from './create-id-981107da.js';
|
|
6
6
|
import { c as cleanValue } from './input-utils-de45e099.js';
|
|
7
7
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { c as createID } from './create-id-981107da.js';
|
|
6
6
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
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-715101b6.js';
|
|
5
5
|
import { c as createID } from './create-id-981107da.js';
|
|
6
6
|
import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
|
|
7
7
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, F as Fragment, g as getElement } from './index-
|
|
5
|
-
import { s as sizeHeader } from './tokens.module-
|
|
4
|
+
import { r as registerInstance, h, F as Fragment, g as getElement } from './index-715101b6.js';
|
|
5
|
+
import { s as sizeHeader } from './tokens.module-f4572ed7.js';
|
|
6
6
|
import { c as createID } from './create-id-981107da.js';
|
|
7
7
|
import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
|
|
8
8
|
import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
4
|
+
import { r as registerInstance, h, H as Host } from './index-715101b6.js';
|
|
5
5
|
|
|
6
6
|
const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
|
|
7
7
|
|