@duetds/components 4.30.1 → 4.31.0
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 +230 -1038
- package/lib/cjs/duet-alert.cjs.entry.js +4 -2
- package/lib/cjs/duet-badge.cjs.entry.js +2 -2
- package/lib/cjs/duet-button_2.cjs.entry.js +4 -3
- package/lib/cjs/duet-caption_4.cjs.entry.js +7 -8
- package/lib/cjs/duet-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-choice_2.cjs.entry.js +4 -3
- package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +22 -12
- package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
- 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 +4 -4
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +25 -9
- package/lib/cjs/duet-hero.cjs.entry.js +6 -6
- package/lib/cjs/duet-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-input_2.cjs.entry.js +2 -2
- 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 +8 -7
- package/lib/cjs/duet-notification_2.cjs.entry.js +6 -5
- package/lib/cjs/duet-number-input.cjs.entry.js +36 -15
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +2 -2
- package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-tab_2.cjs.entry.js +11 -5
- package/lib/cjs/duet-table.cjs.entry.js +1 -1
- 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 +21 -10
- package/lib/cjs/duet-tray.cjs.entry.js +20 -9
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +2 -2
- package/lib/cjs/{focus-utils-7605778f.js → focus-utils-bd331feb.js} +1 -1
- package/lib/cjs/{index-0c949193.js → index-113c2add.js} +0 -3
- package/lib/cjs/{language-utils-70d6a9a4.js → language-utils-48b8860b.js} +23 -8
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/cjs/{string-utils-a6de43d8.js → string-utils-267e3dbb.js} +7 -0
- package/lib/collection/collection-manifest.json +0 -6
- package/lib/collection/components/duet-alert/duet-alert.js +10 -4
- package/lib/collection/components/duet-badge/duet-badge.css +1 -0
- package/lib/collection/components/duet-button/duet-button.js +7 -5
- package/lib/collection/components/duet-card/duet-card.css +10 -7
- package/lib/collection/components/duet-card/duet-card.js +3 -5
- package/lib/collection/components/duet-choice/duet-choice.js +5 -3
- package/lib/collection/components/duet-choice-group/duet-choice-group.css +1 -0
- package/lib/collection/components/duet-date-picker/duet-date-picker.css +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +73 -38
- package/lib/collection/components/duet-footer/duet-footer.js +7 -5
- package/lib/collection/components/duet-header/duet-header.js +46 -21
- package/lib/collection/components/duet-heading/duet-heading.css +1 -0
- package/lib/collection/components/duet-hero/duet-hero.js +14 -9
- package/lib/collection/components/duet-icon/icon-utils.js +1 -1
- package/lib/collection/components/duet-label/duet-label.css +2 -0
- package/lib/collection/components/duet-link/duet-link.js +10 -11
- package/lib/collection/components/duet-modal/duet-modal.js +16 -11
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +14 -9
- package/lib/collection/components/duet-number-input/duet-number-input.js +141 -17
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +35 -4
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +72 -10
- package/lib/collection/components/duet-tray/duet-tray.js +71 -9
- package/lib/collection/utils/fixture-utils.js +7 -5
- package/lib/collection/utils/language-utils.js +22 -8
- package/lib/collection/utils/string-utils.js +6 -0
- package/lib/custom-elements-bundle/index.d.ts +0 -6
- package/lib/custom-elements-bundle/index.js +224 -995
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/p-0058512b.js +4 -0
- package/lib/duet/p-0224db45.entry.js +4 -0
- package/lib/duet/{p-345ea4f2.system.entry.js → p-02ad46a0.system.entry.js} +1 -1
- package/lib/duet/{p-62806bb6.system.entry.js → p-07263910.system.entry.js} +1 -1
- package/lib/duet/{p-f82709ba.entry.js → p-1bfbc988.entry.js} +1 -1
- package/lib/duet/p-1cd7177f.entry.js +4 -0
- package/lib/duet/p-1cec5a70.system.entry.js +4 -0
- package/lib/duet/p-1e7222c2.entry.js +4 -0
- package/lib/duet/{p-c0b95b58.entry.js → p-202bbd70.entry.js} +1 -1
- package/lib/duet/{p-d1817efe.system.entry.js → p-22f56356.system.entry.js} +1 -1
- package/lib/duet/{p-f81d8534.entry.js → p-28b67b94.entry.js} +1 -1
- package/lib/duet/{p-b4374f0e.entry.js → p-33426ddc.entry.js} +1 -1
- package/lib/duet/p-33cf6ed1.entry.js +4 -0
- package/lib/duet/p-3d3f773d.system.entry.js +4 -0
- package/lib/duet/p-3e1ef509.system.entry.js +4 -0
- package/lib/duet/p-3f78a826.system.js +4 -0
- package/lib/duet/{p-2a1a9f9f.entry.js → p-44ffb960.entry.js} +1 -1
- package/lib/duet/{p-dee41056.system.entry.js → p-453955cc.system.entry.js} +1 -1
- package/lib/duet/{p-66dde4d2.entry.js → p-4670a654.entry.js} +1 -1
- package/lib/duet/p-47645ea8.system.entry.js +4 -0
- package/lib/duet/p-504dbf8f.system.entry.js +4 -0
- package/lib/duet/{p-62c294d6.system.entry.js → p-5230ee3c.system.entry.js} +1 -1
- package/lib/duet/{p-bbc229d8.system.entry.js → p-56e172f5.system.entry.js} +1 -1
- package/lib/duet/{p-de2be65b.system.js → p-57ea2576.system.js} +1 -1
- package/lib/duet/p-5aa0d34d.entry.js +4 -0
- package/lib/duet/p-5fc7e1f7.system.entry.js +4 -0
- package/lib/duet/{p-3dc9d15d.system.entry.js → p-605bc214.system.entry.js} +1 -1
- package/lib/duet/{p-4a7911fd.entry.js → p-60ab57d4.entry.js} +1 -1
- package/lib/duet/p-64109493.entry.js +4 -0
- package/lib/duet/{p-7e108b7e.entry.js → p-69a5dc6b.entry.js} +1 -1
- package/lib/duet/{p-8cfce39e.system.entry.js → p-6a230911.system.entry.js} +1 -1
- package/lib/duet/p-6a760b8a.entry.js +4 -0
- package/lib/duet/{p-c9303f9a.entry.js → p-6d2da245.entry.js} +1 -1
- package/lib/duet/{p-ceb75b35.system.entry.js → p-712e7dde.system.entry.js} +1 -1
- package/lib/duet/{p-f71f12ed.entry.js → p-746655ba.entry.js} +1 -1
- package/lib/duet/p-7b6db837.system.entry.js +4 -0
- package/lib/duet/p-7d080785.system.entry.js +4 -0
- package/lib/duet/{p-4095dba5.entry.js → p-82dc2e0b.entry.js} +1 -1
- package/lib/duet/p-8c8e82aa.system.js +4 -0
- package/lib/duet/{p-fc397e03.system.entry.js → p-8c980350.system.entry.js} +1 -1
- package/lib/duet/{p-1cfe38b1.system.entry.js → p-8cb47a70.system.entry.js} +1 -1
- package/lib/duet/{p-7ee52f58.entry.js → p-8f03c3eb.entry.js} +1 -1
- package/lib/duet/p-91fa68a5.js +4 -0
- package/lib/duet/{p-e26116e0.system.entry.js → p-92d38668.system.entry.js} +1 -1
- package/lib/duet/p-95626e7e.system.entry.js +4 -0
- package/lib/duet/p-96808a2e.system.entry.js +4 -0
- package/lib/duet/{p-8ffe1461.system.entry.js → p-96c103b2.system.entry.js} +1 -1
- package/lib/duet/p-986779fb.js +4 -0
- package/lib/duet/{p-35e45c19.system.js → p-9a945278.system.js} +1 -1
- package/lib/duet/{p-2d2c45f9.entry.js → p-9c94be45.entry.js} +1 -1
- package/lib/duet/p-9ce1baab.system.entry.js +4 -0
- package/lib/duet/p-9ff25646.entry.js +4 -0
- package/lib/duet/p-a1d12e94.system.entry.js +4 -0
- package/lib/duet/p-b03a46b6.entry.js +4 -0
- package/lib/duet/{p-a88df408.entry.js → p-b1b8e510.entry.js} +1 -1
- package/lib/duet/p-b694cbf5.system.js +4 -0
- package/lib/duet/p-b7e50cfa.entry.js +4 -0
- package/lib/duet/p-b82927b0.system.entry.js +4 -0
- package/lib/duet/{p-c3688975.entry.js → p-ba205dca.entry.js} +1 -1
- package/lib/duet/{p-f71e337e.system.entry.js → p-bcae23fc.system.entry.js} +1 -1
- package/lib/duet/{p-5c5bdb06.system.entry.js → p-be19c57b.system.entry.js} +1 -1
- package/lib/duet/{p-a321a98c.entry.js → p-c4737f88.entry.js} +1 -1
- package/lib/duet/p-c5beceed.js +4 -0
- package/lib/duet/{p-27d538f7.system.entry.js → p-c5f10483.system.entry.js} +1 -1
- package/lib/duet/{p-a6096b05.system.entry.js → p-d35fd913.system.entry.js} +1 -1
- package/lib/duet/p-d4b4bfa6.entry.js +4 -0
- package/lib/duet/p-d7623eb8.system.entry.js +4 -0
- package/lib/duet/{p-36007600.entry.js → p-dc85d2a4.entry.js} +1 -1
- package/lib/duet/p-de093c16.entry.js +4 -0
- package/lib/duet/p-de842863.entry.js +4 -0
- package/lib/duet/{p-59a07cf9.entry.js → p-e08b8909.entry.js} +1 -1
- package/lib/duet/p-e39471b6.entry.js +4 -0
- package/lib/duet/p-e834c8d5.system.entry.js +4 -0
- package/lib/duet/{p-ce1374a4.system.entry.js → p-ef45cfe9.system.entry.js} +1 -1
- package/lib/duet/{p-031c2cd8.system.entry.js → p-f0b1850a.system.entry.js} +1 -1
- package/lib/duet/p-f53c8019.entry.js +4 -0
- package/lib/duet/{p-4265de16.system.entry.js → p-f96c4093.system.entry.js} +1 -1
- package/lib/duet/p-fbd83d67.entry.js +4 -0
- package/lib/duet/{p-1c41525a.entry.js → p-fdecaf46.entry.js} +1 -1
- package/lib/esm/duet-alert.entry.js +4 -2
- package/lib/esm/duet-badge.entry.js +2 -2
- package/lib/esm/duet-button_2.entry.js +4 -3
- package/lib/esm/duet-caption_4.entry.js +7 -8
- package/lib/esm/duet-card.entry.js +4 -4
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-choice_2.entry.js +4 -3
- package/lib/esm/duet-collapsible.entry.js +2 -2
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +22 -12
- package/lib/esm/duet-divider_2.entry.js +1 -1
- 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 +4 -4
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +25 -9
- package/lib/esm/duet-hero.entry.js +6 -6
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-input_2.entry.js +2 -2
- 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 +8 -7
- package/lib/esm/duet-notification_2.entry.js +6 -5
- package/lib/esm/duet-number-input.entry.js +36 -15
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +2 -2
- package/lib/esm/duet-step_2.entry.js +1 -1
- package/lib/esm/duet-tab_2.entry.js +11 -5
- package/lib/esm/duet-table.entry.js +1 -1
- 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 +21 -10
- package/lib/esm/duet-tray.entry.js +20 -9
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +2 -2
- package/lib/esm/{focus-utils-0b12f0df.js → focus-utils-1995e5a9.js} +1 -1
- package/lib/esm/{index-f70ddc7f.js → index-6e246691.js} +0 -3
- package/lib/esm/{language-utils-ab9c3afc.js → language-utils-d5c38f65.js} +23 -8
- package/lib/esm/loader.js +2 -2
- package/lib/esm/{string-utils-69cf0d09.js → string-utils-2f1793b8.js} +7 -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-button_2.entry.js +1 -1
- 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-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-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- 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 +1 -1
- 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 +2 -2
- 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-select.entry.js +1 -1
- package/lib/esm-es5/duet-step_2.entry.js +1 -1
- package/lib/esm-es5/duet-tab_2.entry.js +1 -1
- package/lib/esm-es5/duet-table.entry.js +1 -1
- 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-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/focus-utils-1995e5a9.js +4 -0
- package/lib/esm-es5/{index-f70ddc7f.js → index-6e246691.js} +1 -1
- package/lib/esm-es5/language-utils-d5c38f65.js +4 -0
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{string-utils-69cf0d09.js → string-utils-2f1793b8.js} +1 -1
- package/lib/html.html-data.json +4489 -0
- package/lib/types/components/duet-alert/duet-alert.d.ts +2 -1
- package/lib/types/components/duet-button/duet-button.d.ts +1 -1
- package/lib/types/components/duet-choice/duet-choice.d.ts +1 -1
- package/lib/types/components/duet-date-picker/duet-date-picker.d.ts +13 -7
- package/lib/types/components/duet-footer/duet-footer.d.ts +1 -1
- package/lib/types/components/duet-header/duet-header.d.ts +21 -5
- package/lib/types/components/duet-hero/duet-hero.d.ts +3 -3
- package/lib/types/components/duet-link/duet-link.d.ts +2 -3
- package/lib/types/components/duet-modal/duet-modal.d.ts +3 -3
- package/lib/types/components/duet-notification-drawer/duet-notification-drawer.d.ts +3 -3
- package/lib/types/components/duet-number-input/duet-number-input.d.ts +21 -0
- package/lib/types/components/duet-tab-group/duet-tab-group.d.ts +6 -0
- package/lib/types/components/duet-tooltip/duet-tooltip.d.ts +11 -0
- package/lib/types/components/duet-tray/duet-tray.d.ts +11 -0
- package/lib/types/components.d.ts +146 -384
- package/lib/types/utils/language-utils.d.ts +3 -2
- package/lib/types/utils/string-utils.d.ts +1 -0
- package/package.json +18 -14
- package/lib/cjs/duet-upload.cjs.entry.js +0 -866
- package/lib/collection/components/duet-upload/duet-upload-file-list.js +0 -49
- package/lib/collection/components/duet-upload/duet-upload-validators.js +0 -93
- package/lib/collection/components/duet-upload/duet-upload.css +0 -133
- package/lib/collection/components/duet-upload/duet-upload.js +0 -1440
- package/lib/collection/components/duet-upload/errorcodes.utils.js +0 -20
- package/lib/collection/components/duet-upload/mock.helpers.js +0 -91
- package/lib/collection/components/duet-upload/upload.helpers.js +0 -13
- package/lib/collection/components/duet-upload/xhr.helpers.js +0 -34
- package/lib/duet/p-0733c303.system.entry.js +0 -4
- package/lib/duet/p-095060cc.js +0 -4
- package/lib/duet/p-156864a1.system.entry.js +0 -4
- package/lib/duet/p-1911dfe7.system.entry.js +0 -4
- package/lib/duet/p-2834a302.entry.js +0 -4
- package/lib/duet/p-28a3d38f.system.entry.js +0 -4
- package/lib/duet/p-2a4d7c5b.system.entry.js +0 -4
- package/lib/duet/p-4289b543.entry.js +0 -4
- package/lib/duet/p-46a3ae43.system.js +0 -4
- package/lib/duet/p-4a38cf9d.entry.js +0 -4
- package/lib/duet/p-4be8e814.entry.js +0 -4
- package/lib/duet/p-591b2137.entry.js +0 -4
- package/lib/duet/p-5f70e318.entry.js +0 -4
- package/lib/duet/p-6c2729da.js +0 -4
- package/lib/duet/p-6f107847.system.entry.js +0 -4
- package/lib/duet/p-77a5fe4c.system.js +0 -4
- package/lib/duet/p-7809e78b.system.entry.js +0 -4
- package/lib/duet/p-7a36d76f.system.entry.js +0 -4
- package/lib/duet/p-884693f1.entry.js +0 -4
- package/lib/duet/p-8977b722.entry.js +0 -4
- package/lib/duet/p-89db3b94.entry.js +0 -4
- package/lib/duet/p-9381c2d4.entry.js +0 -4
- package/lib/duet/p-9a450c9a.entry.js +0 -4
- package/lib/duet/p-9bbfe606.system.entry.js +0 -4
- package/lib/duet/p-a0a066cb.system.entry.js +0 -4
- package/lib/duet/p-a89d5d7c.entry.js +0 -4
- package/lib/duet/p-b07055fd.system.entry.js +0 -4
- package/lib/duet/p-b456d684.system.entry.js +0 -4
- package/lib/duet/p-bd18c93f.js +0 -4
- package/lib/duet/p-bddb1c15.system.entry.js +0 -4
- package/lib/duet/p-c4d183e6.entry.js +0 -4
- package/lib/duet/p-cd4e8ccf.js +0 -4
- package/lib/duet/p-cf243bcb.system.entry.js +0 -4
- package/lib/duet/p-d37c8a05.system.js +0 -4
- package/lib/duet/p-d989af11.entry.js +0 -4
- package/lib/duet/p-e6128d82.system.entry.js +0 -4
- package/lib/duet/p-e86cdc17.entry.js +0 -4
- package/lib/duet/p-eadb29c7.entry.js +0 -4
- package/lib/duet/p-f30b14d6.system.entry.js +0 -4
- package/lib/duet/p-f79f8da1.entry.js +0 -4
- package/lib/esm/duet-upload.entry.js +0 -862
- package/lib/esm-es5/duet-upload.entry.js +0 -4
- package/lib/esm-es5/focus-utils-0b12f0df.js +0 -4
- package/lib/esm-es5/language-utils-ab9c3afc.js +0 -4
- package/lib/types/components/duet-upload/duet-upload-file-list.d.ts +0 -9
- package/lib/types/components/duet-upload/duet-upload-validators.d.ts +0 -12
- package/lib/types/components/duet-upload/duet-upload.d.ts +0 -311
- package/lib/types/components/duet-upload/errorcodes.utils.d.ts +0 -7
- package/lib/types/components/duet-upload/mock.helpers.d.ts +0 -2
- package/lib/types/components/duet-upload/upload.helpers.d.ts +0 -1
- package/lib/types/components/duet-upload/xhr.helpers.d.ts +0 -12
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,o,c){function i(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,r){function a(e){try{s(c.next(e))}catch(t){r(t)}}function n(e){try{s(c["throw"](e))}catch(t){r(t)}}function s(e){e.done?o(e.value):i(e.value).then(a,n)}s((c=c.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},c,i,r,a;return a={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function n(e){return function(t){return s([e,t])}}function s(a){if(c)throw new TypeError("Generator is already executing.");while(o)try{if(c=1,i&&(r=a[0]&2?i["return"]:a[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,a[1])).done)return r;if(i=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;i=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){o.label=a[1];break}if(a[0]===6&&o.label<r[1]){o.label=r[1];r=a;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(a);break}if(r[2])o.ops.pop();o.trys.pop();continue}a=t.call(e,o)}catch(n){a=[6,n];i=0}finally{c=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f70ddc7f.js";import{D as DuetStringsExternalDefaults}from"./common-strings-97e04e4b.js";import{c as createID}from"./create-id-981107da.js";import{i as isKeyboardClick,h as isQuestionKey}from"./keyboard-utils-584cedd7.js";import{g as getLocaleString}from"./language-utils-ab9c3afc.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";import{f as findCheckedOption,w as watchForOptions}from"./watch-options-de55ea78.js";var messagingInfo={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'};var duetChoiceCss='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}.horizontal.sc-duet-choice-h{margin-bottom:0 !important}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#00294d !important;text-align:left;background:white;border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px 48px 20px 16px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;border:2px solid #e1e3e6;border-radius:4px;transition:background-color 150ms ease}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{padding-right:110px;border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#909599}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#909599}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#747475}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.has-icon.sc-duet-choice .duet-choice-label.sc-duet-choice{padding-left:48px}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#0077b3 !important;background:#f3f9fc;border-color:#0077b3 !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#0077b3}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#171c3a !important;background:#f5f5f7;border-color:#171c3a !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#c60c30}.checked.collapsible.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#657787 !important;cursor:default !important;background:#f5f8fa !important;border-color:#e1e3e6 !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#657787 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#747475 !important;background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#747475 !important}.checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e1e3e6 !important;border-color:#e1e3e6 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-checkmark-container.sc-duet-choice{position:absolute;top:17.7777777778px;right:16px;width:20px;height:20px;border:1px solid #909599;border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#747475}.checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#0077b3;border-color:#0077b3;transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#171c3a;border-color:#171c3a !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfcfd1 !important}.checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfcfd1 !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid white;border-right:2px solid white;opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:absolute;top:50%;left:16px;transform:translateY(-50%)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important;position:relative;z-index:200;display:none;width:100%;font-weight:400;color:#00294d;border:2px solid #e1e3e6;border-top:0;border-radius:0 0 4px 4px}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:#171c3a;border-color:#171c3a}.checked.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:white;border:2px solid #0077b3;border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:white;border-color:#171c3a}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:#f5f8fa;border-color:#e1e3e6}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:#f5f8fa;transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;justify-content:center;width:57.6px;padding-top:18px;cursor:pointer;background:white;border:2px solid #e1e3e6;border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:#f5f8fa;border-bottom:0;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:#f5f8fa !important;border-color:#e1e3e6 !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#909599 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#747475 !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:#909599}.checked.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:#0077b3 !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#0077b3}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#c60c30}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);color:transparent}';var DuetChoice=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.choiceId=createID("DuetChoice");this.collapsibleId=createID("DuetChoiceCollapsible");this.infoId=createID("DuetInfo");this.isHovering=false;this.isInfoOpen=false;this.isBlurred=false;this.theme="";this.label="label";this.accessibleLabelInfoButtonDefaults=DuetStringsExternalDefaults;this.accessibleLabelInfoButton=getLocaleString(this.accessibleLabelInfoButtonDefaults);this.caption="";this.type="checkbox";this.checked=false;this.collapsible=false;this.margin="auto";this.icon="";this.expand=false;this.padding="auto";this.disabled=false;this.required=false;this.onMouseEnter=function(){t.isHovering=true};this.onMouseLeave=function(){t.isHovering=false};this.onClick=function(e){t.setFocus();t.toggleChecked(e)};this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.toggleChecked(e)}if(isQuestionKey(e)&&t.hasInfo){t.toggleInfo(e)}};this.onChange=function(){t.checked=t.nativeInput.checked||false;t.duetChange.emit({checked:t.checked,value:t.value,component:"duet-choice"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleChecked=function(e){if(t.disabled||t.groupDisabled){return}e.stopPropagation();e.preventDefault();t.isInfoOpen=false;if(t.type==="radio"&&t.checked){return}t.checked=!t.checked;t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleInfo=function(e){e.stopPropagation();e.preventDefault();t.isInfoOpen=!t.isInfoOpen}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasInfo=!!this.element.querySelector("[slot='info']");this.hasAdditional=!!this.element.querySelector("[slot='additional']")};e.prototype.handleHostBlur=function(e){if(this.hasInfo&&this.isInfoOpen&&this.isKeyDown){var t=this.element.contains(e===null||e===void 0?void 0:e.relatedTarget)||false;if(!t){this.toggleInfo(e)}}};e.prototype.handleHostKeyDown=function(){this.isKeyDown=true};e.prototype.handleHostKeyUp=function(){this.isKeyDown=false};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.getAriaDescribedby=function(){if(this.accessibleDescribedBy){return this.accessibleDescribedBy}if(this.collapsible){return this.collapsibleId}else if(this.hasInfo){return this.infoId}return null};e.prototype.getClassNames=function(){if(this.hasInfo&&!this.collapsible){return{"duet-choice-card-info":true,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-theme-turva":this.theme==="turva"}}if(!this.hasInfo&&this.collapsible){return{"duet-choice-card-collapsible":true,"duet-choice-card-collapsible-expanded":this.checked,"duet-choice-card-collapsible-disabled":this.disabled||this.groupDisabled?true:false,"duet-theme-turva":this.theme==="turva"}}return{"duet-choice-default-slot":true}};e.prototype.render=function(){var e=this;var t=this.identifier||this.choiceId;return h(Host,{class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card-flextainer":true,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card":true,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"duet-p-0":this.padding==="none"}},h("input",{"aria-live":"assertive","aria-atomic":"true","aria-relevant":"all",class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.disabled||this.groupDisabled,required:this.required,id:t,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),"aria-flowto":this.hasInfo?this.nativeInfoButton:"",onKeyDown:this.handleKeyDown,ref:function(t){return e.nativeInput=t}}),h("label",{htmlFor:t,class:{"duet-choice-label":true,"no-hover":this.isHovering},onClick:this.onClick},this.icon&&h("div",{class:"duet-choice-card-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.label,this.caption&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("slot",{name:"additional"})),h("div",{class:{"duet-checkmark-container":true,"duet-checkmark-radio":this.type==="radio"}},this.checked&&h("div",{class:"duet-checkmark"})))),this.hasInfo&&!this.collapsible&&h("button",{class:{"duet-choice-info-toggle":true,"duet-theme-turva":this.theme==="turva"},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.disabled||this.groupDisabled,"aria-expanded":this.isInfoOpen?"true":"false","aria-controls":this.infoId,"aria-flowto":this.infoId,tabindex:this.type==="radio"&&!this.checked?"-1":"0",type:"button"},h("duet-visually-hidden",{"aria-hidden":!this.isBlurred?"true":"false"},this.accessibleLabelInfoButton),h("div",{class:"duet-choice-info-icon"},h("duet-icon",{icon:messagingInfo.svg,margin:"none",size:"small",color:"currentColor"})))),h("div",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all",role:this.hasInfo&&!this.collapsible?"note":"none",class:this.getClassNames(),id:this.hasInfo?this.infoId:this.collapsible?this.collapsibleId:""},this.hasInfo&&!this.collapsible&&h("slot",{name:"info"}),!this.hasInfo&&h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetChoice.style=duetChoiceCss;var duetChoiceGroupCss="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";var DuetChoiceGroup=function(){function e(e){var t=this;registerInstance(this,e);this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.label="Label";this.labelHidden=false;this.caption="";this.tooltip="";this.tooltipDirection="auto";this.responsive=false;this.onSelect=function(e){if(e.detail.component!=="duet-choice"){return}var o=e.target;if(o){t.value=o.value}e.cancelBubble=true}}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var o=this;return __generator(this,(function(c){switch(c.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=findCheckedOption(e,"duet-choice");if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:c.sent();if(this.value===undefined){this.value=t.value}c.label=2;case 2:this.mutationO=watchForOptions(e,"duet-choice",(function(e){if(e!==undefined){e.componentOnReady().then((function(){o.value=e.value}))}else{o.updateChoices()}}));this.updateChoices();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.updateChoices=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,o,c,i,r;return __generator(this,(function(a){e=Array.from(this.element.querySelectorAll("duet-choice"));t=this.value;o=false;for(c=0,i=e;c<i.length;c++){r=i[c];r.name=this.name;r.groupDisabled=this.disabled;r.groupDirection=this.direction;r.groupResponsive=this.responsive;if(!o&&r.value===t){o=true;r.checked=true}else{r.checked=false}}if(!o){this.value=undefined}return[2]}))}))};e.prototype.render=function(){return h(Host,{onDuetChange:this.onSelect,class:{horizontal:this.direction==="horizontal"}},h("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("div",{class:{"duet-choice-group":true,"duet-no-stacking":!this.responsive}},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}},enumerable:false,configurable:true});return e}();DuetChoiceGroup.style=duetChoiceGroupCss;export{DuetChoice as duet_choice,DuetChoiceGroup as duet_choice_group};
|
|
4
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-6e246691.js";import{D as DuetStringsExternalDefaults}from"./common-strings-97e04e4b.js";import{c as createID}from"./create-id-981107da.js";import{i as isKeyboardClick,h as isQuestionKey}from"./keyboard-utils-584cedd7.js";import{g as getLocaleString}from"./language-utils-d5c38f65.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";import{f as findCheckedOption,w as watchForOptions}from"./watch-options-de55ea78.js";import"./string-utils-2f1793b8.js";var messagingInfo={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'};var duetChoiceCss='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}.horizontal.sc-duet-choice-h{margin-bottom:0 !important}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#00294d !important;text-align:left;background:white;border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px 48px 20px 16px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;border:2px solid #e1e3e6;border-radius:4px;transition:background-color 150ms ease}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{padding-right:110px;border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#909599}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#909599}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#747475}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.has-icon.sc-duet-choice .duet-choice-label.sc-duet-choice{padding-left:48px}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#0077b3 !important;background:#f3f9fc;border-color:#0077b3 !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#0077b3}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#171c3a !important;background:#f5f5f7;border-color:#171c3a !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#c60c30}.checked.collapsible.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#657787 !important;cursor:default !important;background:#f5f8fa !important;border-color:#e1e3e6 !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#657787 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#747475 !important;background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#747475 !important}.checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e1e3e6 !important;border-color:#e1e3e6 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-checkmark-container.sc-duet-choice{position:absolute;top:17.7777777778px;right:16px;width:20px;height:20px;border:1px solid #909599;border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#747475}.checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#0077b3;border-color:#0077b3;transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#171c3a;border-color:#171c3a !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfcfd1 !important}.checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfcfd1 !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid white;border-right:2px solid white;opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:absolute;top:50%;left:16px;transform:translateY(-50%)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important;position:relative;z-index:200;display:none;width:100%;font-weight:400;color:#00294d;border:2px solid #e1e3e6;border-top:0;border-radius:0 0 4px 4px}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:#171c3a;border-color:#171c3a}.checked.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:white;border:2px solid #0077b3;border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:white;border-color:#171c3a}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:#f5f8fa;border-color:#e1e3e6}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:#f5f8fa;transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;justify-content:center;width:57.6px;padding-top:18px;cursor:pointer;background:white;border:2px solid #e1e3e6;border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:#f5f8fa;border-bottom:0;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:#f5f8fa !important;border-color:#e1e3e6 !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#909599 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#747475 !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:#909599}.checked.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:#0077b3 !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#0077b3}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#c60c30}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);color:transparent}';var DuetChoice=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.choiceId=createID("DuetChoice");this.collapsibleId=createID("DuetChoiceCollapsible");this.infoId=createID("DuetInfo");this.isHovering=false;this.isInfoOpen=false;this.isBlurred=false;this.theme="";this.label="label";this.accessibleLabelInfoButtonDefaults=DuetStringsExternalDefaults;this.accessibleLabelInfoButton=getLocaleString(this.accessibleLabelInfoButtonDefaults);this.caption="";this.type="checkbox";this.checked=false;this.collapsible=false;this.margin="auto";this.icon="";this.expand=false;this.padding="auto";this.disabled=false;this.required=false;this.onMouseEnter=function(){t.isHovering=true};this.onMouseLeave=function(){t.isHovering=false};this.onClick=function(e){t.setFocus();t.toggleChecked(e)};this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.toggleChecked(e)}if(isQuestionKey(e)&&t.hasInfo){t.toggleInfo(e)}};this.onChange=function(){t.checked=t.nativeInput.checked||false;t.duetChange.emit({checked:t.checked,value:t.value,component:"duet-choice"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleChecked=function(e){if(t.disabled||t.groupDisabled){return}e.stopPropagation();e.preventDefault();t.isInfoOpen=false;if(t.type==="radio"&&t.checked){return}t.checked=!t.checked;t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleInfo=function(e){e.stopPropagation();e.preventDefault();t.isInfoOpen=!t.isInfoOpen}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasInfo=!!this.element.querySelector("[slot='info']");this.hasAdditional=!!this.element.querySelector("[slot='additional']")};e.prototype.handleHostBlur=function(e){if(this.hasInfo&&this.isInfoOpen&&this.isKeyDown){var t=this.element.contains(e===null||e===void 0?void 0:e.relatedTarget)||false;if(!t){this.toggleInfo(e)}}};e.prototype.handleHostKeyDown=function(){this.isKeyDown=true};e.prototype.handleHostKeyUp=function(){this.isKeyDown=false};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.getAriaDescribedby=function(){if(this.accessibleDescribedBy){return this.accessibleDescribedBy}if(this.collapsible){return this.collapsibleId}else if(this.hasInfo){return this.infoId}return null};e.prototype.getClassNames=function(){if(this.hasInfo&&!this.collapsible){return{"duet-choice-card-info":true,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-theme-turva":this.theme==="turva"}}if(!this.hasInfo&&this.collapsible){return{"duet-choice-card-collapsible":true,"duet-choice-card-collapsible-expanded":this.checked,"duet-choice-card-collapsible-disabled":this.disabled||this.groupDisabled?true:false,"duet-theme-turva":this.theme==="turva"}}return{"duet-choice-default-slot":true}};e.prototype.render=function(){var e=this;var t=this.identifier||this.choiceId;return h(Host,{class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card-flextainer":true,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card":true,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"duet-p-0":this.padding==="none"}},h("input",{"aria-live":"assertive","aria-atomic":"true","aria-relevant":"all",class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.disabled||this.groupDisabled,required:this.required,id:t,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),"aria-flowto":this.hasInfo?this.nativeInfoButton:"",onKeyDown:this.handleKeyDown,ref:function(t){return e.nativeInput=t}}),h("label",{htmlFor:t,class:{"duet-choice-label":true,"no-hover":this.isHovering},onClick:this.onClick},this.icon&&h("div",{class:"duet-choice-card-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.label,this.caption&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("slot",{name:"additional"})),h("div",{class:{"duet-checkmark-container":true,"duet-checkmark-radio":this.type==="radio"}},this.checked&&h("div",{class:"duet-checkmark"})))),this.hasInfo&&!this.collapsible&&h("button",{class:{"duet-choice-info-toggle":true,"duet-theme-turva":this.theme==="turva"},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.disabled||this.groupDisabled,"aria-expanded":this.isInfoOpen?"true":"false","aria-controls":this.infoId,"aria-flowto":this.infoId,tabindex:this.type==="radio"&&!this.checked?"-1":"0",type:"button"},h("duet-visually-hidden",{"aria-hidden":!this.isBlurred?"true":"false"},this.accessibleLabelInfoButton),h("div",{class:"duet-choice-info-icon"},h("duet-icon",{icon:messagingInfo.svg,margin:"none",size:"small",color:"currentColor"})))),h("div",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all",role:this.hasInfo&&!this.collapsible?"note":"none",class:this.getClassNames(),id:this.hasInfo?this.infoId:this.collapsible?this.collapsibleId:""},this.hasInfo&&!this.collapsible&&h("slot",{name:"info"}),!this.hasInfo&&h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetChoice.style=duetChoiceCss;var duetChoiceGroupCss="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex;margin-bottom:0}}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";var DuetChoiceGroup=function(){function e(e){var t=this;registerInstance(this,e);this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.label="Label";this.labelHidden=false;this.caption="";this.tooltip="";this.tooltipDirection="auto";this.responsive=false;this.onSelect=function(e){if(e.detail.component!=="duet-choice"){return}var o=e.target;if(o){t.value=o.value}e.cancelBubble=true}}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var o=this;return __generator(this,(function(c){switch(c.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=findCheckedOption(e,"duet-choice");if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:c.sent();if(this.value===undefined){this.value=t.value}c.label=2;case 2:this.mutationO=watchForOptions(e,"duet-choice",(function(e){if(e!==undefined){e.componentOnReady().then((function(){o.value=e.value}))}else{o.updateChoices()}}));this.updateChoices();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.updateChoices=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,o,c,i,r;return __generator(this,(function(a){e=Array.from(this.element.querySelectorAll("duet-choice"));t=this.value;o=false;for(c=0,i=e;c<i.length;c++){r=i[c];r.name=this.name;r.groupDisabled=this.disabled;r.groupDirection=this.direction;r.groupResponsive=this.responsive;if(!o&&r.value===t){o=true;r.checked=true}else{r.checked=false}}if(!o){this.value=undefined}return[2]}))}))};e.prototype.render=function(){return h(Host,{onDuetChange:this.onSelect,class:{horizontal:this.direction==="horizontal"}},h("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("div",{class:{"duet-choice-group":true,"duet-no-stacking":!this.responsive}},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}},enumerable:false,configurable:true});return e}();DuetChoiceGroup.style=duetChoiceGroupCss;export{DuetChoice as duet_choice,DuetChoiceGroup as duet_choice_group};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(a,r,_,e){function o(a){return a instanceof _?a:new _((function(r){r(a)}))}return new(_||(_=Promise))((function(_,t){function l(a){try{s(e.next(a))}catch(r){t(r)}}function i(a){try{s(e["throw"](a))}catch(r){t(r)}}function s(a){a.done?_(a.value):o(a.value).then(l,i)}s((e=e.apply(a,r||[])).next())}))};var __generator=this&&this.__generator||function(a,r){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]},e,o,t,l;return l={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function i(a){return function(r){return s([a,r])}}function s(l){if(e)throw new TypeError("Generator is already executing.");while(_)try{if(e=1,o&&(t=l[0]&2?o["return"]:l[0]?o["throw"]||((t=o["return"])&&t.call(o),0):o.next)&&!(t=t.call(o,l[1])).done)return t;if(o=0,t)l=[l[0]&2,t.value];switch(l[0]){case 0:case 1:t=l;break;case 4:_.label++;return{value:l[1],done:false};case 5:_.label++;o=l[1];l=[0];continue;case 7:l=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(l[0]===6||l[0]===2)){_=0;continue}if(l[0]===3&&(!t||l[1]>t[0]&&l[1]<t[3])){_.label=l[1];break}if(l[0]===6&&_.label<t[1]){_.label=t[1];t=l;break}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(l);break}if(t[2])_.ops.pop();_.trys.pop();continue}l=r.call(a,_)}catch(i){l=[6,i];o=0}finally{e=t=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f70ddc7f.js";import{a as actionArrowDownSmall}from"./action-arrow-down-small-82273dc8.js";import{c as createID}from"./create-id-981107da.js";import{i as isKeyboardClick}from"./keyboard-utils-584cedd7.js";import{s as sanitizeString}from"./string-utils-69cf0d09.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";var color_warning="rgb(247, 178, 40)";var color_gray_darker="rgb(101, 119, 135)";var color_gray_lighter="rgb(245, 248, 250)";var color_category_home="rgb(211, 36, 131)";var color_primary="rgb(0, 119, 179)";var color_category_vehicle="rgb(54, 74, 129)";var color_success="rgb(0, 135, 90)";var color_category_family="rgb(11, 114, 136)";var color_primary_lightest="rgb(243, 249, 252)";var color_primary_lighter="rgb(230, 242, 248)";var color_brand_blue="rgb(0, 161, 212)";var color_primary_dark="rgb(0, 77, 128)";var color_gray_lightest="rgb(255, 255, 255)";var color_category_finance="rgb(122, 1, 196)";var color_gray_dark="rgb(144, 149, 153)";var color_gray_light="rgb(225, 227, 230)";var color_secondary="rgb(0, 41, 77)";var color_category_pet="rgb(168, 1, 78)";var color_primary_light="rgb(205, 229, 241)";var color_category_travel="rgb(213, 66, 3)";var color_gray="rgb(207, 210, 212)";var color_danger="rgb(222, 35, 98)";var color_gray_darker_turva="rgb(68, 68, 69)";var color_gray_lighter_turva="rgb(245, 245, 247)";var color_category_home_turva="rgb(161, 10, 78)";var color_primary_turva="rgb(198, 12, 48)";var color_category_vehicle_turva="rgb(23, 28, 58)";var color_success_turva="rgb(8, 135, 78)";var color_primary_lightest_turva="rgb(252, 243, 244)";var color_category_family_turva="rgb(199, 12, 112)";var color_category_union_turva="rgb(169, 69, 124)";var color_primary_lighter_turva="rgb(249, 230, 234)";var color_primary_dark_turva="rgb(148, 9, 37)";var color_gray_lightest_turva="rgb(255, 255, 255)";var color_gray_dark_turva="rgb(116, 116, 117)";var color_gray_light_turva="rgb(228, 228, 230)";var color_brand_gray_turva="rgb(178, 180, 179)";var color_secondary_turva="rgb(23, 28, 58)";var color_primary_light_turva="rgb(244, 207, 214)";var color_category_travel_turva="rgb(9, 129, 148)";var color_gray_turva="rgb(207, 207, 209)";var color_danger_turva="rgb(224, 42, 13)";var color_warning_turva="rgb(250, 164, 15)";var color_data_07="rgb(192, 101, 247)";var color_data_08="rgb(0, 105, 191)";var color_data_09="rgb(19, 120, 53)";var color_data_10="rgb(179, 60, 24)";var color_data_11="rgb(13, 163, 166)";var color_data_01="rgb(122, 1, 196)";var color_data_12="rgb(11, 114, 136)";var color_data_02="rgb(0, 155, 204)";var color_data_13="rgb(179, 137, 24)";var color_data_03="rgb(27, 171, 75)";var color_data_14="rgb(128, 98, 17)";var color_data_04="rgb(255, 86, 34)";var color_data_15="rgb(0, 41, 77)";var color_data_05="rgb(245, 76, 154)";var color_data_06="rgb(194, 21, 101)";var font_weight_extra_bold="800";var letter_spacing_heading="-0.01rem";var font_family_heading_turva="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var font_family_text_turva="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var font_family_heading="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var font_family_text="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var font_weight_bold="700";var font_weight_normal="400";var font_weight_semi_bold="600";var font_size_xxxx_large="4.5rem";var font_size_xxx_large="3rem";var font_size_xx_large="2.25rem";var font_size_x_large="1.5rem";var font_size_large="1.25rem";var font_size_medium="1rem";var font_size_small="0.875rem";var font_size_x_small="0.75rem";var radius_sharp="0";var radius_default="4px";var radius_circle="50%";var radius_pill="20rem";var shadow_tooltip_turva="0 2px 10px 0 rgba(117, 117, 117, 0.13)";var shadow_default="0 2px 6px 0 rgba(0, 41, 77, 0.07)";var shadow_tooltip="0 2px 10px 0 rgba(0, 41, 77, 0.07)";var shadow_card_turva="0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var shadow_modal="0 2px 20px 0 rgba(0, 0, 0, 0.2)";var shadow_card="0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var shadow_hover_turva="0 2px 10px 0 rgba(117, 117, 117, 0.15)";var shadow_hover="0 2px 10px 0 rgba(0, 41, 77, 0.1)";var shadow_default_turva="0 2px 6px 0 rgba(117, 117, 117, 0.13)";var space_xx_small="4px";var space_large="20px";var space_x_small="8px";var space_xxx_small="2px";var space_small="12px";var space_medium="16px";var space_xx_large="36px";var space_xxxx_large="72px";var space_xxxxx_large="94px";var space_xxx_large="48px";var space_x_large="28px";var size_icon_xx_large="48px";var size_form_border="1px";var size_step_medium="40px";var size_button_min_width="8rem";var size_header="4rem";var size_icon_xxx_large="72px";var size_icon_x_large="36px";var size_icon_xx_small="10px";var size_step_small="30px";var size_navigation="3rem";var size_icon_large="30px";var size_layout_max_width="1110px";var size_tappable_square="48px";var size_icon_x_small="16px";var size_icon_xxx_small="7px";var size_button_border="2px";var size_icon_medium="24px";var size_icon_small="20px";var opacity_85="0.85";var opacity_75="0.75";var opacity_50="0.50";var opacity_30="0.30";var z_index_dropdown="600";var z_index_spinner="800";var z_index_default="1";var z_index_toast="500";var z_index_popup="950";var z_index_modal="900";var z_index_sticky="300";var z_index_masked="100";var z_index_deep="-999999";var z_index_overlay="700";var z_index_mask="200";var z_index_header="400";var line_height_medium="1.5";var line_height_small="1.25";var line_height_x_small="1.1";var transition_quickly="300ms ease";var transition_slowly="600ms ease";var media_query_xx_small="'(max-width: 22.5em)'";var media_query_x_small="'(max-width: 35.9375em)'";var media_query_small="'(min-width: 36em)'";var media_query_medium="'(min-width: 48em)'";var media_query_large="'(min-width: 62em)'";var media_query_x_large="'(min-width: 64.0625em)'";var media_query_xx_large="'(min-width: 76.25em)'";var media_query_xxx_large="'(min-width: 106.25em)'";var tokens={color_warning:color_warning,color_gray_darker:color_gray_darker,color_gray_lighter:color_gray_lighter,color_category_home:color_category_home,color_primary:color_primary,color_category_vehicle:color_category_vehicle,color_success:color_success,color_category_family:color_category_family,color_primary_lightest:color_primary_lightest,color_primary_lighter:color_primary_lighter,color_brand_blue:color_brand_blue,color_primary_dark:color_primary_dark,color_gray_lightest:color_gray_lightest,color_category_finance:color_category_finance,color_gray_dark:color_gray_dark,color_gray_light:color_gray_light,color_secondary:color_secondary,color_category_pet:color_category_pet,color_primary_light:color_primary_light,color_category_travel:color_category_travel,color_gray:color_gray,color_danger:color_danger,color_gray_darker_turva:color_gray_darker_turva,color_gray_lighter_turva:color_gray_lighter_turva,color_category_home_turva:color_category_home_turva,color_primary_turva:color_primary_turva,color_category_vehicle_turva:color_category_vehicle_turva,color_success_turva:color_success_turva,color_primary_lightest_turva:color_primary_lightest_turva,color_category_family_turva:color_category_family_turva,color_category_union_turva:color_category_union_turva,color_primary_lighter_turva:color_primary_lighter_turva,color_primary_dark_turva:color_primary_dark_turva,color_gray_lightest_turva:color_gray_lightest_turva,color_gray_dark_turva:color_gray_dark_turva,color_gray_light_turva:color_gray_light_turva,color_brand_gray_turva:color_brand_gray_turva,color_secondary_turva:color_secondary_turva,color_primary_light_turva:color_primary_light_turva,color_category_travel_turva:color_category_travel_turva,color_gray_turva:color_gray_turva,color_danger_turva:color_danger_turva,color_warning_turva:color_warning_turva,color_data_07:color_data_07,color_data_08:color_data_08,color_data_09:color_data_09,color_data_10:color_data_10,color_data_11:color_data_11,color_data_01:color_data_01,color_data_12:color_data_12,color_data_02:color_data_02,color_data_13:color_data_13,color_data_03:color_data_03,color_data_14:color_data_14,color_data_04:color_data_04,color_data_15:color_data_15,color_data_05:color_data_05,color_data_06:color_data_06,font_weight_extra_bold:font_weight_extra_bold,letter_spacing_heading:letter_spacing_heading,font_family_heading_turva:font_family_heading_turva,font_family_text_turva:font_family_text_turva,font_family_heading:font_family_heading,font_family_text:font_family_text,font_weight_bold:font_weight_bold,font_weight_normal:font_weight_normal,font_weight_semi_bold:font_weight_semi_bold,font_size_xxxx_large:font_size_xxxx_large,font_size_xxx_large:font_size_xxx_large,font_size_xx_large:font_size_xx_large,font_size_x_large:font_size_x_large,font_size_large:font_size_large,font_size_medium:font_size_medium,font_size_small:font_size_small,font_size_x_small:font_size_x_small,radius_sharp:radius_sharp,radius_default:radius_default,radius_circle:radius_circle,radius_pill:radius_pill,shadow_tooltip_turva:shadow_tooltip_turva,shadow_default:shadow_default,shadow_tooltip:shadow_tooltip,shadow_card_turva:shadow_card_turva,shadow_modal:shadow_modal,shadow_card:shadow_card,shadow_hover_turva:shadow_hover_turva,shadow_hover:shadow_hover,shadow_default_turva:shadow_default_turva,space_xx_small:space_xx_small,space_large:space_large,space_x_small:space_x_small,space_xxx_small:space_xxx_small,space_small:space_small,space_medium:space_medium,space_xx_large:space_xx_large,space_xxxx_large:space_xxxx_large,space_xxxxx_large:space_xxxxx_large,space_xxx_large:space_xxx_large,space_x_large:space_x_large,size_icon_xx_large:size_icon_xx_large,size_form_border:size_form_border,size_step_medium:size_step_medium,size_button_min_width:size_button_min_width,size_header:size_header,size_icon_xxx_large:size_icon_xxx_large,size_icon_x_large:size_icon_x_large,size_icon_xx_small:size_icon_xx_small,size_step_small:size_step_small,size_navigation:size_navigation,size_icon_large:size_icon_large,size_layout_max_width:size_layout_max_width,size_tappable_square:size_tappable_square,size_icon_x_small:size_icon_x_small,size_icon_xxx_small:size_icon_xxx_small,size_button_border:size_button_border,size_icon_medium:size_icon_medium,size_icon_small:size_icon_small,opacity_85:opacity_85,opacity_75:opacity_75,opacity_50:opacity_50,opacity_30:opacity_30,z_index_dropdown:z_index_dropdown,z_index_spinner:z_index_spinner,z_index_default:z_index_default,z_index_toast:z_index_toast,z_index_popup:z_index_popup,z_index_modal:z_index_modal,z_index_sticky:z_index_sticky,z_index_masked:z_index_masked,z_index_deep:z_index_deep,z_index_overlay:z_index_overlay,z_index_mask:z_index_mask,z_index_header:z_index_header,line_height_medium:line_height_medium,line_height_small:line_height_small,line_height_x_small:line_height_x_small,transition_quickly:transition_quickly,transition_slowly:transition_slowly,media_query_xx_small:media_query_xx_small,media_query_x_small:media_query_x_small,media_query_small:media_query_small,media_query_medium:media_query_medium,media_query_large:media_query_large,media_query_x_large:media_query_x_large,media_query_xx_large:media_query_xx_large,media_query_xxx_large:media_query_xxx_large};var tokens$1=Object.freeze({__proto__:null,color_warning:color_warning,color_gray_darker:color_gray_darker,color_gray_lighter:color_gray_lighter,color_category_home:color_category_home,color_primary:color_primary,color_category_vehicle:color_category_vehicle,color_success:color_success,color_category_family:color_category_family,color_primary_lightest:color_primary_lightest,color_primary_lighter:color_primary_lighter,color_brand_blue:color_brand_blue,color_primary_dark:color_primary_dark,color_gray_lightest:color_gray_lightest,color_category_finance:color_category_finance,color_gray_dark:color_gray_dark,color_gray_light:color_gray_light,color_secondary:color_secondary,color_category_pet:color_category_pet,color_primary_light:color_primary_light,color_category_travel:color_category_travel,color_gray:color_gray,color_danger:color_danger,color_gray_darker_turva:color_gray_darker_turva,color_gray_lighter_turva:color_gray_lighter_turva,color_category_home_turva:color_category_home_turva,color_primary_turva:color_primary_turva,color_category_vehicle_turva:color_category_vehicle_turva,color_success_turva:color_success_turva,color_primary_lightest_turva:color_primary_lightest_turva,color_category_family_turva:color_category_family_turva,color_category_union_turva:color_category_union_turva,color_primary_lighter_turva:color_primary_lighter_turva,color_primary_dark_turva:color_primary_dark_turva,color_gray_lightest_turva:color_gray_lightest_turva,color_gray_dark_turva:color_gray_dark_turva,color_gray_light_turva:color_gray_light_turva,color_brand_gray_turva:color_brand_gray_turva,color_secondary_turva:color_secondary_turva,color_primary_light_turva:color_primary_light_turva,color_category_travel_turva:color_category_travel_turva,color_gray_turva:color_gray_turva,color_danger_turva:color_danger_turva,color_warning_turva:color_warning_turva,color_data_07:color_data_07,color_data_08:color_data_08,color_data_09:color_data_09,color_data_10:color_data_10,color_data_11:color_data_11,color_data_01:color_data_01,color_data_12:color_data_12,color_data_02:color_data_02,color_data_13:color_data_13,color_data_03:color_data_03,color_data_14:color_data_14,color_data_04:color_data_04,color_data_15:color_data_15,color_data_05:color_data_05,color_data_06:color_data_06,font_weight_extra_bold:font_weight_extra_bold,letter_spacing_heading:letter_spacing_heading,font_family_heading_turva:font_family_heading_turva,font_family_text_turva:font_family_text_turva,font_family_heading:font_family_heading,font_family_text:font_family_text,font_weight_bold:font_weight_bold,font_weight_normal:font_weight_normal,font_weight_semi_bold:font_weight_semi_bold,font_size_xxxx_large:font_size_xxxx_large,font_size_xxx_large:font_size_xxx_large,font_size_xx_large:font_size_xx_large,font_size_x_large:font_size_x_large,font_size_large:font_size_large,font_size_medium:font_size_medium,font_size_small:font_size_small,font_size_x_small:font_size_x_small,radius_sharp:radius_sharp,radius_default:radius_default,radius_circle:radius_circle,radius_pill:radius_pill,shadow_tooltip_turva:shadow_tooltip_turva,shadow_default:shadow_default,shadow_tooltip:shadow_tooltip,shadow_card_turva:shadow_card_turva,shadow_modal:shadow_modal,shadow_card:shadow_card,shadow_hover_turva:shadow_hover_turva,shadow_hover:shadow_hover,shadow_default_turva:shadow_default_turva,space_xx_small:space_xx_small,space_large:space_large,space_x_small:space_x_small,space_xxx_small:space_xxx_small,space_small:space_small,space_medium:space_medium,space_xx_large:space_xx_large,space_xxxx_large:space_xxxx_large,space_xxxxx_large:space_xxxxx_large,space_xxx_large:space_xxx_large,space_x_large:space_x_large,size_icon_xx_large:size_icon_xx_large,size_form_border:size_form_border,size_step_medium:size_step_medium,size_button_min_width:size_button_min_width,size_header:size_header,size_icon_xxx_large:size_icon_xxx_large,size_icon_x_large:size_icon_x_large,size_icon_xx_small:size_icon_xx_small,size_step_small:size_step_small,size_navigation:size_navigation,size_icon_large:size_icon_large,size_layout_max_width:size_layout_max_width,size_tappable_square:size_tappable_square,size_icon_x_small:size_icon_x_small,size_icon_xxx_small:size_icon_xxx_small,size_button_border:size_button_border,size_icon_medium:size_icon_medium,size_icon_small:size_icon_small,opacity_85:opacity_85,opacity_75:opacity_75,opacity_50:opacity_50,opacity_30:opacity_30,z_index_dropdown:z_index_dropdown,z_index_spinner:z_index_spinner,z_index_default:z_index_default,z_index_toast:z_index_toast,z_index_popup:z_index_popup,z_index_modal:z_index_modal,z_index_sticky:z_index_sticky,z_index_masked:z_index_masked,z_index_deep:z_index_deep,z_index_overlay:z_index_overlay,z_index_mask:z_index_mask,z_index_header:z_index_header,line_height_medium:line_height_medium,line_height_small:line_height_small,line_height_x_small:line_height_x_small,transition_quickly:transition_quickly,transition_slowly:transition_slowly,media_query_xx_small:media_query_xx_small,media_query_x_small:media_query_x_small,media_query_small:media_query_small,media_query_medium:media_query_medium,media_query_large:media_query_large,media_query_x_large:media_query_x_large,media_query_xx_large:media_query_xx_large,media_query_xxx_large:media_query_xxx_large,default:tokens});var duetCollapsibleCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;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:1rem;font-weight:600;line-height:1.5;color:#00294d}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top: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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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:#171c3a}:host([open]) .duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-collapsible-heading .duet-collapsible-heading-content{flex:1}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva) .duet-collapsible-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}';var DuetCollapsible=function(){function a(a){var r=this;registerInstance(this,a);this.duetToggle=createEvent(this,"duetToggle",7);this.id=createID("DuetCollapsible");this.theme="";this.heading="";this.headingWeight="semibold";this.headingSize=undefined;this.headingLevel=undefined;this.margin="auto";this.open=false;this.handleKeyDown=function(a){if(isKeyboardClick(a)){r.handleClick(a)}};this.getFontSizeFromTokens=function(a){if(a===void 0){a=r.headingSize}if(!a){return font_size_medium}else{var _=/-/g;var e=a.replace(_,"_");return tokens$1["font_size_"+e]}};this.getEquivalentIconSize=function(a){if(a===void 0){a=r.headingSize}switch(a){case"x-small":return"xx-small";case"small":return"xx-small";case"medium":return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large";default:return"xx-small"}};this.handleClick=function(a){a.preventDefault();r.open=!r.open;r.duetToggle.emit({component:"duet-collapsible",originalEvent:a})}}a.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};a.prototype.setFocus=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(this.nativeButton){this.element.classList.add("user-is-tabbing");this.nativeButton.focus(a)}return[2]}))}))};a.prototype.render=function(){var a=this;var r=this.headingLevel?sanitizeString(this.headingLevel):"div";return h(Host,{class:{"duet-m-0":this.margin==="none"}},h(r,{class:{"duet-collapsible-heading":true,"duet-theme-turva":this.theme==="turva","duet-collapsible-normal-weight":this.headingWeight==="normal"},style:{"font-size":this.getFontSizeFromTokens()},role:"button",tabindex:"0",ref:function(r){return a.nativeButton=r},"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("div",{class:"duet-collapsible-heading-icon"},h("duet-icon",{margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:actionArrowDownSmall.svg})),h("div",{class:"duet-collapsible-heading-content"},this.heading)),h("div",{id:this.id,class:{"duet-collapsible-content":true,"duet-theme-turva":this.theme==="turva"}},h("slot",null)))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();DuetCollapsible.style=duetCollapsibleCss;export{DuetCollapsible as duet_collapsible};
|
|
4
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-6e246691.js";import{a as actionArrowDownSmall}from"./action-arrow-down-small-82273dc8.js";import{c as createID}from"./create-id-981107da.js";import{i as isKeyboardClick}from"./keyboard-utils-584cedd7.js";import{s as sanitizeString}from"./string-utils-2f1793b8.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";var color_warning="rgb(247, 178, 40)";var color_gray_darker="rgb(101, 119, 135)";var color_gray_lighter="rgb(245, 248, 250)";var color_category_home="rgb(211, 36, 131)";var color_primary="rgb(0, 119, 179)";var color_category_vehicle="rgb(54, 74, 129)";var color_success="rgb(0, 135, 90)";var color_category_family="rgb(11, 114, 136)";var color_primary_lightest="rgb(243, 249, 252)";var color_primary_lighter="rgb(230, 242, 248)";var color_brand_blue="rgb(0, 161, 212)";var color_primary_dark="rgb(0, 77, 128)";var color_gray_lightest="rgb(255, 255, 255)";var color_category_finance="rgb(122, 1, 196)";var color_gray_dark="rgb(144, 149, 153)";var color_gray_light="rgb(225, 227, 230)";var color_secondary="rgb(0, 41, 77)";var color_category_pet="rgb(168, 1, 78)";var color_primary_light="rgb(205, 229, 241)";var color_category_travel="rgb(213, 66, 3)";var color_gray="rgb(207, 210, 212)";var color_danger="rgb(222, 35, 98)";var color_gray_darker_turva="rgb(68, 68, 69)";var color_gray_lighter_turva="rgb(245, 245, 247)";var color_category_home_turva="rgb(161, 10, 78)";var color_primary_turva="rgb(198, 12, 48)";var color_category_vehicle_turva="rgb(23, 28, 58)";var color_success_turva="rgb(8, 135, 78)";var color_primary_lightest_turva="rgb(252, 243, 244)";var color_category_family_turva="rgb(199, 12, 112)";var color_category_union_turva="rgb(169, 69, 124)";var color_primary_lighter_turva="rgb(249, 230, 234)";var color_primary_dark_turva="rgb(148, 9, 37)";var color_gray_lightest_turva="rgb(255, 255, 255)";var color_gray_dark_turva="rgb(116, 116, 117)";var color_gray_light_turva="rgb(228, 228, 230)";var color_brand_gray_turva="rgb(178, 180, 179)";var color_secondary_turva="rgb(23, 28, 58)";var color_primary_light_turva="rgb(244, 207, 214)";var color_category_travel_turva="rgb(9, 129, 148)";var color_gray_turva="rgb(207, 207, 209)";var color_danger_turva="rgb(224, 42, 13)";var color_warning_turva="rgb(250, 164, 15)";var color_data_07="rgb(192, 101, 247)";var color_data_08="rgb(0, 105, 191)";var color_data_09="rgb(19, 120, 53)";var color_data_10="rgb(179, 60, 24)";var color_data_11="rgb(13, 163, 166)";var color_data_01="rgb(122, 1, 196)";var color_data_12="rgb(11, 114, 136)";var color_data_02="rgb(0, 155, 204)";var color_data_13="rgb(179, 137, 24)";var color_data_03="rgb(27, 171, 75)";var color_data_14="rgb(128, 98, 17)";var color_data_04="rgb(255, 86, 34)";var color_data_15="rgb(0, 41, 77)";var color_data_05="rgb(245, 76, 154)";var color_data_06="rgb(194, 21, 101)";var font_weight_extra_bold="800";var letter_spacing_heading="-0.01rem";var font_family_heading_turva="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var font_family_text_turva="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var font_family_heading="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var font_family_text="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var font_weight_bold="700";var font_weight_normal="400";var font_weight_semi_bold="600";var font_size_xxxx_large="4.5rem";var font_size_xxx_large="3rem";var font_size_xx_large="2.25rem";var font_size_x_large="1.5rem";var font_size_large="1.25rem";var font_size_medium="1rem";var font_size_small="0.875rem";var font_size_x_small="0.75rem";var radius_sharp="0";var radius_default="4px";var radius_circle="50%";var radius_pill="20rem";var shadow_tooltip_turva="0 2px 10px 0 rgba(117, 117, 117, 0.13)";var shadow_default="0 2px 6px 0 rgba(0, 41, 77, 0.07)";var shadow_tooltip="0 2px 10px 0 rgba(0, 41, 77, 0.07)";var shadow_card_turva="0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var shadow_modal="0 2px 20px 0 rgba(0, 0, 0, 0.2)";var shadow_card="0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var shadow_hover_turva="0 2px 10px 0 rgba(117, 117, 117, 0.15)";var shadow_hover="0 2px 10px 0 rgba(0, 41, 77, 0.1)";var shadow_default_turva="0 2px 6px 0 rgba(117, 117, 117, 0.13)";var space_xx_small="4px";var space_large="20px";var space_x_small="8px";var space_xxx_small="2px";var space_small="12px";var space_medium="16px";var space_xx_large="36px";var space_xxxx_large="72px";var space_xxxxx_large="94px";var space_xxx_large="48px";var space_x_large="28px";var size_icon_xx_large="48px";var size_form_border="1px";var size_step_medium="40px";var size_button_min_width="8rem";var size_header="4rem";var size_icon_xxx_large="72px";var size_icon_x_large="36px";var size_icon_xx_small="10px";var size_step_small="30px";var size_navigation="3rem";var size_icon_large="30px";var size_layout_max_width="1110px";var size_tappable_square="48px";var size_icon_x_small="16px";var size_icon_xxx_small="7px";var size_button_border="2px";var size_icon_medium="24px";var size_icon_small="20px";var opacity_85="0.85";var opacity_75="0.75";var opacity_50="0.50";var opacity_30="0.30";var z_index_dropdown="600";var z_index_spinner="800";var z_index_default="1";var z_index_toast="500";var z_index_popup="950";var z_index_modal="900";var z_index_sticky="300";var z_index_masked="100";var z_index_deep="-999999";var z_index_overlay="700";var z_index_mask="200";var z_index_header="400";var line_height_medium="1.5";var line_height_small="1.25";var line_height_x_small="1.1";var transition_quickly="300ms ease";var transition_slowly="600ms ease";var media_query_xx_small="'(max-width: 22.5em)'";var media_query_x_small="'(max-width: 35.9375em)'";var media_query_small="'(min-width: 36em)'";var media_query_medium="'(min-width: 48em)'";var media_query_large="'(min-width: 62em)'";var media_query_x_large="'(min-width: 64.0625em)'";var media_query_xx_large="'(min-width: 76.25em)'";var media_query_xxx_large="'(min-width: 106.25em)'";var tokens={color_warning:color_warning,color_gray_darker:color_gray_darker,color_gray_lighter:color_gray_lighter,color_category_home:color_category_home,color_primary:color_primary,color_category_vehicle:color_category_vehicle,color_success:color_success,color_category_family:color_category_family,color_primary_lightest:color_primary_lightest,color_primary_lighter:color_primary_lighter,color_brand_blue:color_brand_blue,color_primary_dark:color_primary_dark,color_gray_lightest:color_gray_lightest,color_category_finance:color_category_finance,color_gray_dark:color_gray_dark,color_gray_light:color_gray_light,color_secondary:color_secondary,color_category_pet:color_category_pet,color_primary_light:color_primary_light,color_category_travel:color_category_travel,color_gray:color_gray,color_danger:color_danger,color_gray_darker_turva:color_gray_darker_turva,color_gray_lighter_turva:color_gray_lighter_turva,color_category_home_turva:color_category_home_turva,color_primary_turva:color_primary_turva,color_category_vehicle_turva:color_category_vehicle_turva,color_success_turva:color_success_turva,color_primary_lightest_turva:color_primary_lightest_turva,color_category_family_turva:color_category_family_turva,color_category_union_turva:color_category_union_turva,color_primary_lighter_turva:color_primary_lighter_turva,color_primary_dark_turva:color_primary_dark_turva,color_gray_lightest_turva:color_gray_lightest_turva,color_gray_dark_turva:color_gray_dark_turva,color_gray_light_turva:color_gray_light_turva,color_brand_gray_turva:color_brand_gray_turva,color_secondary_turva:color_secondary_turva,color_primary_light_turva:color_primary_light_turva,color_category_travel_turva:color_category_travel_turva,color_gray_turva:color_gray_turva,color_danger_turva:color_danger_turva,color_warning_turva:color_warning_turva,color_data_07:color_data_07,color_data_08:color_data_08,color_data_09:color_data_09,color_data_10:color_data_10,color_data_11:color_data_11,color_data_01:color_data_01,color_data_12:color_data_12,color_data_02:color_data_02,color_data_13:color_data_13,color_data_03:color_data_03,color_data_14:color_data_14,color_data_04:color_data_04,color_data_15:color_data_15,color_data_05:color_data_05,color_data_06:color_data_06,font_weight_extra_bold:font_weight_extra_bold,letter_spacing_heading:letter_spacing_heading,font_family_heading_turva:font_family_heading_turva,font_family_text_turva:font_family_text_turva,font_family_heading:font_family_heading,font_family_text:font_family_text,font_weight_bold:font_weight_bold,font_weight_normal:font_weight_normal,font_weight_semi_bold:font_weight_semi_bold,font_size_xxxx_large:font_size_xxxx_large,font_size_xxx_large:font_size_xxx_large,font_size_xx_large:font_size_xx_large,font_size_x_large:font_size_x_large,font_size_large:font_size_large,font_size_medium:font_size_medium,font_size_small:font_size_small,font_size_x_small:font_size_x_small,radius_sharp:radius_sharp,radius_default:radius_default,radius_circle:radius_circle,radius_pill:radius_pill,shadow_tooltip_turva:shadow_tooltip_turva,shadow_default:shadow_default,shadow_tooltip:shadow_tooltip,shadow_card_turva:shadow_card_turva,shadow_modal:shadow_modal,shadow_card:shadow_card,shadow_hover_turva:shadow_hover_turva,shadow_hover:shadow_hover,shadow_default_turva:shadow_default_turva,space_xx_small:space_xx_small,space_large:space_large,space_x_small:space_x_small,space_xxx_small:space_xxx_small,space_small:space_small,space_medium:space_medium,space_xx_large:space_xx_large,space_xxxx_large:space_xxxx_large,space_xxxxx_large:space_xxxxx_large,space_xxx_large:space_xxx_large,space_x_large:space_x_large,size_icon_xx_large:size_icon_xx_large,size_form_border:size_form_border,size_step_medium:size_step_medium,size_button_min_width:size_button_min_width,size_header:size_header,size_icon_xxx_large:size_icon_xxx_large,size_icon_x_large:size_icon_x_large,size_icon_xx_small:size_icon_xx_small,size_step_small:size_step_small,size_navigation:size_navigation,size_icon_large:size_icon_large,size_layout_max_width:size_layout_max_width,size_tappable_square:size_tappable_square,size_icon_x_small:size_icon_x_small,size_icon_xxx_small:size_icon_xxx_small,size_button_border:size_button_border,size_icon_medium:size_icon_medium,size_icon_small:size_icon_small,opacity_85:opacity_85,opacity_75:opacity_75,opacity_50:opacity_50,opacity_30:opacity_30,z_index_dropdown:z_index_dropdown,z_index_spinner:z_index_spinner,z_index_default:z_index_default,z_index_toast:z_index_toast,z_index_popup:z_index_popup,z_index_modal:z_index_modal,z_index_sticky:z_index_sticky,z_index_masked:z_index_masked,z_index_deep:z_index_deep,z_index_overlay:z_index_overlay,z_index_mask:z_index_mask,z_index_header:z_index_header,line_height_medium:line_height_medium,line_height_small:line_height_small,line_height_x_small:line_height_x_small,transition_quickly:transition_quickly,transition_slowly:transition_slowly,media_query_xx_small:media_query_xx_small,media_query_x_small:media_query_x_small,media_query_small:media_query_small,media_query_medium:media_query_medium,media_query_large:media_query_large,media_query_x_large:media_query_x_large,media_query_xx_large:media_query_xx_large,media_query_xxx_large:media_query_xxx_large};var tokens$1=Object.freeze({__proto__:null,color_warning:color_warning,color_gray_darker:color_gray_darker,color_gray_lighter:color_gray_lighter,color_category_home:color_category_home,color_primary:color_primary,color_category_vehicle:color_category_vehicle,color_success:color_success,color_category_family:color_category_family,color_primary_lightest:color_primary_lightest,color_primary_lighter:color_primary_lighter,color_brand_blue:color_brand_blue,color_primary_dark:color_primary_dark,color_gray_lightest:color_gray_lightest,color_category_finance:color_category_finance,color_gray_dark:color_gray_dark,color_gray_light:color_gray_light,color_secondary:color_secondary,color_category_pet:color_category_pet,color_primary_light:color_primary_light,color_category_travel:color_category_travel,color_gray:color_gray,color_danger:color_danger,color_gray_darker_turva:color_gray_darker_turva,color_gray_lighter_turva:color_gray_lighter_turva,color_category_home_turva:color_category_home_turva,color_primary_turva:color_primary_turva,color_category_vehicle_turva:color_category_vehicle_turva,color_success_turva:color_success_turva,color_primary_lightest_turva:color_primary_lightest_turva,color_category_family_turva:color_category_family_turva,color_category_union_turva:color_category_union_turva,color_primary_lighter_turva:color_primary_lighter_turva,color_primary_dark_turva:color_primary_dark_turva,color_gray_lightest_turva:color_gray_lightest_turva,color_gray_dark_turva:color_gray_dark_turva,color_gray_light_turva:color_gray_light_turva,color_brand_gray_turva:color_brand_gray_turva,color_secondary_turva:color_secondary_turva,color_primary_light_turva:color_primary_light_turva,color_category_travel_turva:color_category_travel_turva,color_gray_turva:color_gray_turva,color_danger_turva:color_danger_turva,color_warning_turva:color_warning_turva,color_data_07:color_data_07,color_data_08:color_data_08,color_data_09:color_data_09,color_data_10:color_data_10,color_data_11:color_data_11,color_data_01:color_data_01,color_data_12:color_data_12,color_data_02:color_data_02,color_data_13:color_data_13,color_data_03:color_data_03,color_data_14:color_data_14,color_data_04:color_data_04,color_data_15:color_data_15,color_data_05:color_data_05,color_data_06:color_data_06,font_weight_extra_bold:font_weight_extra_bold,letter_spacing_heading:letter_spacing_heading,font_family_heading_turva:font_family_heading_turva,font_family_text_turva:font_family_text_turva,font_family_heading:font_family_heading,font_family_text:font_family_text,font_weight_bold:font_weight_bold,font_weight_normal:font_weight_normal,font_weight_semi_bold:font_weight_semi_bold,font_size_xxxx_large:font_size_xxxx_large,font_size_xxx_large:font_size_xxx_large,font_size_xx_large:font_size_xx_large,font_size_x_large:font_size_x_large,font_size_large:font_size_large,font_size_medium:font_size_medium,font_size_small:font_size_small,font_size_x_small:font_size_x_small,radius_sharp:radius_sharp,radius_default:radius_default,radius_circle:radius_circle,radius_pill:radius_pill,shadow_tooltip_turva:shadow_tooltip_turva,shadow_default:shadow_default,shadow_tooltip:shadow_tooltip,shadow_card_turva:shadow_card_turva,shadow_modal:shadow_modal,shadow_card:shadow_card,shadow_hover_turva:shadow_hover_turva,shadow_hover:shadow_hover,shadow_default_turva:shadow_default_turva,space_xx_small:space_xx_small,space_large:space_large,space_x_small:space_x_small,space_xxx_small:space_xxx_small,space_small:space_small,space_medium:space_medium,space_xx_large:space_xx_large,space_xxxx_large:space_xxxx_large,space_xxxxx_large:space_xxxxx_large,space_xxx_large:space_xxx_large,space_x_large:space_x_large,size_icon_xx_large:size_icon_xx_large,size_form_border:size_form_border,size_step_medium:size_step_medium,size_button_min_width:size_button_min_width,size_header:size_header,size_icon_xxx_large:size_icon_xxx_large,size_icon_x_large:size_icon_x_large,size_icon_xx_small:size_icon_xx_small,size_step_small:size_step_small,size_navigation:size_navigation,size_icon_large:size_icon_large,size_layout_max_width:size_layout_max_width,size_tappable_square:size_tappable_square,size_icon_x_small:size_icon_x_small,size_icon_xxx_small:size_icon_xxx_small,size_button_border:size_button_border,size_icon_medium:size_icon_medium,size_icon_small:size_icon_small,opacity_85:opacity_85,opacity_75:opacity_75,opacity_50:opacity_50,opacity_30:opacity_30,z_index_dropdown:z_index_dropdown,z_index_spinner:z_index_spinner,z_index_default:z_index_default,z_index_toast:z_index_toast,z_index_popup:z_index_popup,z_index_modal:z_index_modal,z_index_sticky:z_index_sticky,z_index_masked:z_index_masked,z_index_deep:z_index_deep,z_index_overlay:z_index_overlay,z_index_mask:z_index_mask,z_index_header:z_index_header,line_height_medium:line_height_medium,line_height_small:line_height_small,line_height_x_small:line_height_x_small,transition_quickly:transition_quickly,transition_slowly:transition_slowly,media_query_xx_small:media_query_xx_small,media_query_x_small:media_query_x_small,media_query_small:media_query_small,media_query_medium:media_query_medium,media_query_large:media_query_large,media_query_x_large:media_query_x_large,media_query_xx_large:media_query_xx_large,media_query_xxx_large:media_query_xxx_large,default:tokens});var duetCollapsibleCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;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:1rem;font-weight:600;line-height:1.5;color:#00294d}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top: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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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:#171c3a}:host([open]) .duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-collapsible-heading .duet-collapsible-heading-content{flex:1}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva) .duet-collapsible-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}';var DuetCollapsible=function(){function a(a){var r=this;registerInstance(this,a);this.duetToggle=createEvent(this,"duetToggle",7);this.id=createID("DuetCollapsible");this.theme="";this.heading="";this.headingWeight="semibold";this.headingSize=undefined;this.headingLevel=undefined;this.margin="auto";this.open=false;this.handleKeyDown=function(a){if(isKeyboardClick(a)){r.handleClick(a)}};this.getFontSizeFromTokens=function(a){if(a===void 0){a=r.headingSize}if(!a){return font_size_medium}else{var _=/-/g;var e=a.replace(_,"_");return tokens$1["font_size_"+e]}};this.getEquivalentIconSize=function(a){if(a===void 0){a=r.headingSize}switch(a){case"x-small":return"xx-small";case"small":return"xx-small";case"medium":return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large";default:return"xx-small"}};this.handleClick=function(a){a.preventDefault();r.open=!r.open;r.duetToggle.emit({component:"duet-collapsible",originalEvent:a})}}a.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};a.prototype.setFocus=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(this.nativeButton){this.element.classList.add("user-is-tabbing");this.nativeButton.focus(a)}return[2]}))}))};a.prototype.render=function(){var a=this;var r=this.headingLevel?sanitizeString(this.headingLevel):"div";return h(Host,{class:{"duet-m-0":this.margin==="none"}},h(r,{class:{"duet-collapsible-heading":true,"duet-theme-turva":this.theme==="turva","duet-collapsible-normal-weight":this.headingWeight==="normal"},style:{"font-size":this.getFontSizeFromTokens()},role:"button",tabindex:"0",ref:function(r){return a.nativeButton=r},"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("div",{class:"duet-collapsible-heading-icon"},h("duet-icon",{margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:actionArrowDownSmall.svg})),h("div",{class:"duet-collapsible-heading-content"},this.heading)),h("div",{id:this.id,class:{"duet-collapsible-content":true,"duet-theme-turva":this.theme==="turva"}},h("slot",null)))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();DuetCollapsible.style=duetCollapsibleCss;export{DuetCollapsible as duet_collapsible};
|
|
@@ -1,4 +1,4 @@
|
|
|
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-6e246691.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";var duetCookieConsentCss='*,*::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:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetCookieConsent=function(){function e(e){var t=this;registerInstance(this,e);this.duetCookieConsent=createEvent(this,"duetCookieConsent",7);this.accessibleLabel="Hyväksyn evästeiden käytön";this.theme="";this.handleClick=function(e){e.preventDefault();t.duetCookieConsent.emit({component:"duet-cookie-consent"})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,{tabindex:"0"},h("div",{class:{"duet-cookie-consent":true,"duet-theme-turva":this.theme==="turva"}},h("div",{class:"duet-cookie-consent-content"},h("div",{class:"expand"},h("slot",null)),h("duet-spacer",{size:"large",direction:"horizontal"}),h("div",null,h("duet-button",{variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCookieConsent.style=duetCookieConsentCss;export{DuetCookieConsent as duet_cookie_consent};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,a,i){function o(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,r){function n(e){try{u(i.next(e))}catch(t){r(t)}}function d(e){try{u(i["throw"](e))}catch(t){r(t)}}function u(e){e.done?a(e.value):o(e.value).then(n,d)}u((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,n;return n={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function d(e){return function(t){return u([e,t])}}function u(n){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,o&&(r=n[0]&2?o["return"]:n[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,n[1])).done)return r;if(o=0,r)n=[n[0]&2,r.value];switch(n[0]){case 0:case 1:r=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;o=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!r||n[1]>r[0]&&n[1]<r[3])){a.label=n[1];break}if(n[0]===6&&a.label<r[1]){a.label=r[1];r=n;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(n);break}if(r[2])a.ops.pop();a.trys.pop();continue}n=t.call(e,a)}catch(d){n=[6,d];o=0}finally{i=r=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-f70ddc7f.js";import{c as createID}from"./create-id-981107da.js";import{F as FocusGuard}from"./focus-utils-0b12f0df.js";import{g as getLocaleString,a as getLanguage}from"./language-utils-ab9c3afc.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";var formatOptionsShort={day:"numeric",month:"long"};var formatOptionsLong={day:"numeric",month:"long",year:"numeric"};var i18n={fi:{buttonLabel:"Valitse päivämäärä",prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi",closeLabel:"Sulje ikkuna",selected:"Valittu päivämäärä on",keyboardInstruction:"Voit navigoida päivämääriä nuolinäppäimillä",dayLabels:["Maanantai","Tiistai","Keskiviikko","Torstai","Perjantai","Lauantai","Sunnuntai"],monthLabels:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],monthLabelsShort:["Tammi","Helmi","Maalis","Huhti","Touko","Kesä","Heinä","Elo","Syys","Loka","Marras","Joulu"],formatterShort:new Intl.DateTimeFormat("fi-FI",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("fi-FI",formatOptionsLong)},en:{buttonLabel:"Choose date",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",monthSelectLabel:"Month",yearSelectLabel:"Year",closeLabel:"Close window",selected:"Selected date is",keyboardInstruction:"You can use arrow keys to navigate dates",dayLabels:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],monthLabels:["January","February","March","April","May","June","July","August","September","October","November","December"],monthLabelsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("en-GB",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("en-GB",formatOptionsLong)},sv:{buttonLabel:"Välj datum",prevMonthLabel:"Föregående månad",nextMonthLabel:"Nästa månad",monthSelectLabel:"Månad",yearSelectLabel:"År",closeLabel:"Stäng fönstret",selected:"Valt datum är",keyboardInstruction:"Använd piltangenterna för att navigera i kalender",dayLabels:["Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag","Söndag"],monthLabels:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],monthLabelsShort:["Jan","Feb","Mars","April","Maj","Juni","Juli","Aug","Sep","Okt","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("sv-SE",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("sv-SE",formatOptionsLong)}};var formDate={title:"form-date",tags:"form date calendar date picker",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M2.25 24A2.252 2.252 0 0 1 0 21.75V5.25A2.252 2.252 0 0 1 2.25 3H6V.75a.75.75 0 0 1 1.5 0V3h9V.75a.75.75 0 0 1 1.5 0V3h3.75A2.252 2.252 0 0 1 24 5.25v16.5A2.252 2.252 0 0 1 21.75 24zm-.75-2.25c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V10.5h-21zM22.5 9V5.25a.75.75 0 0 0-.75-.75H18V6a.75.75 0 0 1-1.5 0V4.5h-9V6A.75.75 0 0 1 6 6V4.5H2.25a.75.75 0 0 0-.75.75V9z"/><circle cx="5.625" cy="13.875" r="1.125"/><circle cx="5.625" cy="19.125" r="1.125"/><circle cx="12" cy="13.875" r="1.125"/><circle cx="12" cy="19.125" r="1.125"/><circle cx="18.375" cy="13.875" r="1.125"/><path d="M18.375 20.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.171-1.122l.027.003a1.118 1.118 0 0 1 1.052 1.12c0 .619-.505 1.124-1.125 1.124z"/></svg>'};var DatePickerInput=function(e){var t=e.onClick,a=e.placeholder,i=e.name,o=e.inputLabel,r=e.value,n=e.valueAsDate,d=e.formattedValue,u=e.language,s=e.identifier,c=e.theme,l=e.disabled,p=e.error,f=e.role,m=e.required,b=e.tooltip,g=e.tooltipDirection,v=e.labelHidden,k=e.buttonRef,y=e.inputRef,D=e.onInput,x=e.onBlur,w=e.onFocus,S=e.accessibleActiveDescendant,M=e.accessibleControls,I=e.accessibleOwns,F=e.accessibleDescribedBy,O=e.echoPlaceholder,T=e.caption;var L=i18n[u],A=L.buttonLabel,E=L.selected,Y=L.formatterLong;return h("div",{class:{"duet-theme-turva":c==="turva","duet-date-input":true}},h("duet-input",{label:o,value:d,placeholder:a,id:s,disabled:l,theme:c,error:p,role:f,required:m,tooltip:b,tooltipDirection:g,margin:"none",component:"date",labelHidden:v,accessibleAutocomplete:"none",onDuetInput:D,onDuetFocus:w,onDuetBlur:x,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:true,ref:y,accessibleActiveDescendant:S,accessibleControls:M,accessibleOwns:I,accessibleDescribedBy:F,echoPlaceholder:O,caption:T},h("button",{class:{"duet-date-button":true,"duet-no-label":v},onClick:t,disabled:l,ref:k,type:"button"},h("duet-icon",{icon:formDate.svg,margin:"none",size:"small",color:"currentColor"}),h("duet-visually-hidden",null,A,n&&h("span",null,", ",E," ",Y.format(n))))),h("input",{type:"hidden",name:i,value:r}))};var DATE_FORMAT=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/;var ISO_DATE_FORMAT=/^(\d{4})-(\d{2})-(\d{2})$/;var DATE_OUTPUT_FORMAT="dd.mm.yyyy";var DATE_ISO_OUTPUT_FORMAT="YYYY-MM-DD";function createDate(e,t,a){var i=parseInt(a,10);var o=parseInt(t,10);var r=parseInt(e,10);var n=Number.isInteger(r)&&Number.isInteger(o)&&Number.isInteger(i)&&o>0&&o<=12&&i>0&&i<=31&&r>0;if(n){return new Date(r,o-1,i)}}function parseDate(e){if(!e){return}var t=e.match(DATE_FORMAT);if(t){return createDate(t[3],t[2],t[1])}}function parseISODate(e){if(!e){return}var t=e.match(ISO_DATE_FORMAT);if(t){return createDate(t[1],t[2],t[3])}}function formatDate(e,t){if(!e){return""}var a=e.getDate().toString(10);var i=(e.getMonth()+1).toString(10);var o=e.getFullYear().toString(10);if(e.getDate()<10){a="0"+a}if(e.getMonth()<9){i="0"+i}return t.replace(/MM/i,i).replace(/YYYY/i,o).replace(/DD/i,a)}function printDate(e){return formatDate(e,DATE_OUTPUT_FORMAT)}function printISODate(e){return formatDate(e,DATE_ISO_OUTPUT_FORMAT)}function isEqual(e,t){if(e==null||t==null){return false}return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function addDays(e,t){var a=new Date(e);a.setDate(a.getDate()+t);return a}function startOfWeek(e,t){if(t===void 0){t=1}var a=new Date(e);var i=a.getDay();var o=(i<t?7:0)+i-t;a.setDate(a.getDate()-o);return a}function endOfWeek(e,t){if(t===void 0){t=1}var a=new Date(e);var i=a.getDay();var o=(i<t?-7:0)+6-(i-t);a.setDate(a.getDate()+o);return a}function startOfMonth(e){return new Date(e.getFullYear(),e.getMonth(),1)}function endOfMonth(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function setMonth(e,t){var a=new Date(e);a.setMonth(t);return a}function setYear(e,t){var a=new Date(e);a.setFullYear(t);return a}function inRange(e,t,a){return clamp(e,t,a)===e}function clamp(e,t,a){var i=e.getTime();if(t&&t instanceof Date&&i<t.getTime()){return t}if(a&&a instanceof Date&&i>a.getTime()){return a}return e}function getDaysInRange(e,t){var a=[];var i=e;while(!isEqual(i,t)){a.push(i);i=addDays(i,1)}a.push(i);return a}function getViewOfMonth(e,t){if(t===void 0){t=1}var a=startOfWeek(startOfMonth(e),t);var i=endOfWeek(endOfMonth(e),t);return getDaysInRange(a,i)}var DatePickerDay=function(e){var t=e.focusedDay,a=e.today,i=e.day,o=e.language,r=e.onDaySelect,n=e.onKeyboardNavigation,d=e.ref,u=e.inRange,s=e.isSelected;var c=isEqual(i,a);var l=isEqual(i,t);var p=i.getMonth()!==t.getMonth();var f=!u;var m=i18n[o].formatterShort;function b(e){r(e,i)}return h("button",{class:{"duet-date-table-button":true,outside:f,disabled:p,today:c},tabIndex:l?0:-1,onClick:b,onKeyDown:n,"aria-disabled":f||p,"aria-pressed":s?"true":"false",type:"button",ref:d},h("span",{"aria-hidden":"true"},i.getDate()),h("duet-visually-hidden",null,m.format(i)))};function range(e,t){var a=[];for(var i=e;i<=t;i++){a.push(i)}return a}function chunk(e,t){var a=[];for(var i=0;i<e.length;i+=t){a.push(e.slice(i,i+t))}return a}function parseShortcut(e){var t;var a=e.trim().split("+");var i=a.pop();return[((t=a[0])===null||t===void 0?void 0:t.toLowerCase())==="shift",i]}function createShortcuts(e){var t=Object.keys(e).map((function(t){return[parseShortcut(t),e[t]]}));return function e(a){if(!(a instanceof KeyboardEvent)){return}var i=t.find((function(e){var t=e[0],i=t[0],o=t[1];return(o.toUpperCase()===a.key.toUpperCase()||o===a.code)&&i===a.shiftKey}));if(i){i[1](a);a.preventDefault()}}}var DatePickerMonth=function(e){var t=e.selectedDate,a=e.focusedDate,i=e.labelledById,o=e.theme,r=e.language,n=e.min,d=e.max,u=e.onDateSelect,s=e.onKeyboardNavigation,c=e.focusedDayRef,l=e.onFocusEnter,p=e.onFocusExit;var f=i18n[r].dayLabels;var m=new Date;var b=getViewOfMonth(a);function g(e){var t=e.currentTarget;var a=e.relatedTarget;if(a&&!t.contains(a)){p(e)}}return h("table",{class:{"duet-date-table":true,"duet-theme-turva":o==="turva"},"aria-labelledby":i,onFocusin:l,onFocusout:g},h("thead",null,h("tr",null,f.map((function(e){return h("th",{scope:"col"},h("span",{"aria-hidden":"true"},e.substr(0,2)),h("duet-visually-hidden",null,e))})))),h("tbody",null,chunk(b,7).map((function(e){return h("tr",{class:"duet-date-table-row"},e.map((function(e){return h("td",{class:"duet-date-table-cell"},h(DatePickerDay,{day:e,today:m,language:r,focusedDay:a,inRange:inRange(e,n,d),isSelected:isEqual(e,t),onDaySelect:u,onKeyboardNavigation:s,ref:function(t){if(t&&isEqual(e,a)){c(t)}}}))})))}))))};var duetDatePickerCss='*.sc-duet-date-picker,*.sc-duet-date-picker::after,*.sc-duet-date-picker::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-date-picker-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;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-date-picker-h:last-child,.sc-duet-date-picker-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-date-picker-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-date-picker-h{width:100% !important}.duet-m-0.sc-duet-date-picker-h{margin:0 !important}.duet-date.sc-duet-date-picker{position:relative;width:100%}.duet-date.sc-duet-date-picker button.sc-duet-date-picker,.duet-date-dialog.sc-duet-date-picker button.sc-duet-date-picker{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button.sc-duet-date-picker{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;display:flex;align-items:center;justify-content:center;width:48px;height:calc(100% - 2px);color:#00294d;cursor:pointer;background:transparent !important;border-left:1px solid #cfd2d4 !important;border-radius:0 4px 4px 0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker{color:#171c3a;border-color:#cfcfd1}.duet-date-button.sc-duet-date-picker::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-date-button.sc-duet-date-picker:disabled{pointer-events:none;cursor:default;background:#f5f8fa !important;border:0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:disabled{background:#f5f5f7 !important}.duet-date-button.sc-duet-date-picker:disabled::before{display:none}.duet-date-button.sc-duet-date-picker:disabled duet-icon.sc-duet-date-picker{opacity:0.4}.duet-date-button.sc-duet-date-picker duet-icon.sc-duet-date-picker{transform:translateY(-1px)}.duet-date-button.sc-duet-date-picker:active duet-icon.sc-duet-date-picker{transform:translateY(0)}.duet-date-button.sc-duet-date-picker:focus{color:#0077b3;border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:focus{color:#171c3a;box-shadow:0 0 0 2px #171c3a}.duet-date-dialog.sc-duet-date-picker{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left.sc-duet-date-picker{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog.sc-duet-date-picker{position:fixed;top:0;right:0;bottom:0;background:rgba(0, 41, 77, 0.75);transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}.duet-date-dialog.duet-theme-turva.sc-duet-date-picker{background:rgba(23, 28, 58, 0.75)}}.duet-date-dialog.active.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error.sc-duet-date-picker{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper.sc-duet-date-picker{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:white;border:1px solid #e1e3e6;border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{border-color:#e4e4e6}@media (max-width: 35.9375em){.duet-date-dialog-wrapper.sc-duet-date-picker{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table.sc-duet-date-picker{width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:#00294d;text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva.sc-duet-date-picker{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}.duet-date-table.sc-duet-date-picker th.sc-duet-date-picker{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table.sc-duet-date-picker .duet-date-table-cell.sc-duet-date-picker{text-align:center}.duet-date-table-button.sc-duet-date-picker{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !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:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25 !important;color:#00294d !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;color:#171c3a !important}.duet-date-table-button.sc-duet-date-picker:hover{background:#e6f2f8 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:hover{background:#f9e6ea !important}.duet-date-table-button.today.sc-duet-date-picker{z-index:200;color:#004d80 !important;background:#f3f9fc !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.today.sc-duet-date-picker{color:#940925 !important;background:#fcf3f4 !important;box-shadow:0 0 0 1px #c60c30 !important}.duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-date-table-button.sc-duet-date-picker:focus{color:white !important;background:#0077b3 !important;outline:0}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{color:white !important;background:#c60c30 !important}.duet-date-table-button.sc-duet-date-picker:active{z-index:200;color:white !important;background:#0077b3 !important;box-shadow:0 0 5px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:active{color:white !important;background:#c60c30 !important;box-shadow:0 0 5px #c60c30 !important}.duet-date-table-button.sc-duet-date-picker:focus{z-index:200;box-shadow:0 0 5px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{box-shadow:0 0 5px #c60c30 !important}.duet-date-table-button.disabled.sc-duet-date-picker{color:#909599 !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.disabled.sc-duet-date-picker{color:#747475 !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside.sc-duet-date-picker{color:#909599 !important;pointer-events:none;cursor:default;background:#f5f8fa !important;box-shadow:none;opacity:0.75}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.outside.sc-duet-date-picker{color:#747475;background:#f5f5f7;box-shadow:none}.duet-date-dialog-header.sc-duet-date-picker{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons.sc-duet-date-picker{white-space:nowrap}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px !important;color:#00294d;cursor:pointer;background:#f5f8fa;border-radius:50%;transition:background-color 300ms ease !important}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker{color:#171c3a;background:#f5f5f7}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker duet-icon.sc-duet-date-picker{display:block}@media (max-width: 35.9375em){.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker{width:40px;height:40px}}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:not(:disabled):hover{background:#e9ecee !important}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:not(:disabled):hover{background:#e9e9eb !important}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:focus{outline:0;box-shadow:0 0 0 2px #0077b3}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:focus{box-shadow:0 0 0 2px #171c3a}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:active:focus{background:#dddfe1;box-shadow:none}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:active:focus{background:#ddddde}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:disabled{color:#909599;cursor:default;background:#f5f8fa;opacity:0.75}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:disabled{color:#747475;background:#f5f5f7}.duet-date-dialog-select.sc-duet-date-picker{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:#00294d;pointer-events:none;border-radius:4px}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{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}.duet-date-dialog-select.sc-duet-date-picker span.sc-duet-date-picker{margin-right:4px}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #0077b3}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #171c3a}.duet-date-dialog-mobile-header.sc-duet-date-picker{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #cfd2d4}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-mobile-header.sc-duet-date-picker{border-color:#cfcfd1}.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:none}}.duet-date-picker-close.sc-duet-date-picker{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:#00294d !important;cursor:pointer;background:#f5f8fa !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker{opacity:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker{background:#f5f5f7 !important}.duet-date-picker-close.sc-duet-date-picker:hover{background:#f5f8fa !important}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:hover{background:#f5f5f7 !important}.duet-date-picker-close.sc-duet-date-picker:focus{outline:none;box-shadow:0 0 0 2px #0077b3}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker:focus{opacity:1}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:focus{box-shadow:0 0 0 2px #171c3a}';var DuetDatePicker=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",7);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.monthSelectId=createID("DuetDatePicker");this.yearSelectId=createID("DuetDatePicker");this.dialogLabelId=createID("DuetDatePicker");this.initialTouchX=null;this.initialTouchY=null;this.focusTarget=null;this.open=false;this.focusedDay=new Date;this.inputValue="";this.theme="";this.expand=false;this.name="";this.identifier="";this.label="";this.margin="auto";this.placeholder=getLocaleString({fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"});this.echoPlaceholder=false;this.disabled=false;this.language=getLanguage();this.error="";this.labelHidden=false;this.required=false;this.direction="right";this.tooltip="";this.tooltipDirection="auto";this.value="";this.min="";this.max="";this.enableActiveFocus=function(){t.focusTarget="day-button"};this.disableActiveFocus=function(){t.focusTarget=null};this.toggleOpen=function(e){e.preventDefault();t.open?t.hide(false):t.show()};this.handleBlur=function(e){e.stopPropagation();t.duetBlur.emit({component:"duet-date-picker"})};this.handleFocus=function(e){e.stopPropagation();t.duetFocus.emit({component:"duet-date-picker"})};this.handleTouchStart=function(e){var a=e.changedTouches[0];t.initialTouchX=a.pageX;t.initialTouchY=a.pageY};this.handleTouchMove=function(e){e.preventDefault()};this.handleTouchEnd=function(e){var a=e.changedTouches[0];var i=a.pageX-t.initialTouchX;var o=a.pageY-t.initialTouchY;var r=70;var n=Math.abs(i)>=r&&Math.abs(o)<=r;var d=Math.abs(o)>=r&&Math.abs(i)<=r&&o>0;if(n){t.addMonths(i<0?1:-1)}else if(d){t.hide();e.preventDefault()}t.initialTouchY=null;t.initialTouchX=null};this.handleNextMonthClick=function(e){e.preventDefault();t.addMonths(1)};this.handlePreviousMonthClick=function(e){e.preventDefault();t.addMonths(-1)};this.handleEscKey=createShortcuts({Escape:function(){return t.hide()},Esc:function(){return t.hide()}});this.handleKeyboardNavigation=createShortcuts({ArrowRight:function(){return t.addDays(1)},Right:function(){return t.addDays(1)},ArrowLeft:function(){return t.addDays(-1)},Left:function(){return t.addDays(-1)},ArrowDown:function(){return t.addDays(7)},Down:function(){return t.addDays(7)},ArrowUp:function(){return t.addDays(-7)},Up:function(){return t.addDays(-7)},Home:function(){return t.startOfWeek()},End:function(){return t.endOfWeek()},PageUp:function(){return t.addMonths(-1)},PageDown:function(){return t.addMonths(1)},"Shift+PageUp":function(){return t.addYears(-1)},"Shift+PageDown":function(){return t.addYears(1)}});this.handleDaySelect=function(e,a){var i=parseISODate(t.min);var o=parseISODate(t.max);t.determineValidity(a);if(inRange(a,i,o)){t.setValue(a);t.hide()}};this.handleMonthSelect=function(e){t.setMonth(parseInt(e.target.value,10))};this.handleYearSelect=function(e){t.setYear(parseInt(e.target.value,10))};this.handleInputChange=function(e){t.inputValue=e.detail.value;var a=parseDate(t.inputValue);t.determineValidity(a);if(a||t.inputValue===""){t.setValue(a)}}}e.prototype.updateValidity=function(){this.determineValidity(parseISODate(this.value))};e.prototype.updateInternalValue=function(){var e=parseISODate(this.value);var t=parseDate(this.inputValue);if(!e){this.inputValue=""}else if(!isEqual(e,t)){this.inputValue=printDate(e)}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.determineValidity(parseISODate(this.value));this.updateInternalValue()};e.prototype.componentDidUpdate=function(){switch(this.focusTarget){case"toggle-button":this.datePickerButton.focus();this.focusTarget=null;break;case"day-button":this.focusedDayNode.focus();break;case"month-select":this.monthSelectNode.focus();this.focusTarget=null;break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.datePickerInput.setFocus(e);return[2]}))}))};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;this.focusTarget="month-select";this.setFocusedDay(parseISODate(this.value)||new Date);return[2]}))}))};e.prototype.hide=function(e){if(e===void 0){e=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;if(e){this.focusTarget="toggle-button"}return[2]}))}))};e.prototype.addDays=function(e){this.setFocusedDay(addDays(this.focusedDay,e))};e.prototype.addMonths=function(e){this.setMonth(this.focusedDay.getMonth()+e)};e.prototype.addYears=function(e){this.setYear(this.focusedDay.getFullYear()+e)};e.prototype.startOfWeek=function(){this.setFocusedDay(startOfWeek(this.focusedDay))};e.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay))};e.prototype.setMonth=function(e){var t=setMonth(startOfMonth(this.focusedDay),e);var a=endOfMonth(t);var i=setMonth(this.focusedDay,e);this.setFocusedDay(clamp(i,t,a))};e.prototype.setYear=function(e){var t=setYear(startOfMonth(this.focusedDay),e);var a=endOfMonth(t);var i=setYear(this.focusedDay,e);this.setFocusedDay(clamp(i,t,a))};e.prototype.setFocusedDay=function(e){this.focusedDay=clamp(e,parseISODate(this.min),parseISODate(this.max))};e.prototype.determineValidity=function(e){var t,a;var i=(a=(t=this.datePickerInput)===null||t===void 0?void 0:t.value)!==null&&a!==void 0?a:"";var o=i!==""&&e==null;var r=this.required&&e==null;var n=e?!inRange(e,null,parseISODate(this.max)):false;var d=e?!inRange(e,parseISODate(this.min)):false;this.validity={patternMismatch:false,customError:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:r,badInput:o,rangeUnderflow:d,rangeOverflow:n,valid:!(r||o||d||n)}};e.prototype.setValue=function(e){var t=printISODate(e);if(t===this.value){return}this.value=t;this.duetChange.emit({component:"duet-date-picker",value:this.value,valueAsDate:e})};e.prototype.handleDocumentClick=function(e){var t=this;if(!this.open){return}var a=e.composedPath().every((function(e){return e!==t.dialogWrapperNode&&e!==t.datePickerButton}));if(a){this.hide(false)}};e.prototype.render=function(){var e=this;var t=parseISODate(this.value);var a=(t||this.focusedDay).getFullYear();var i=this.focusedDay.getMonth();var o=this.focusedDay.getFullYear();var r=i18n[this.language];var n=parseISODate(this.min);var d=parseISODate(this.max);var u=n!=null&&n.getMonth()===i&&n.getFullYear()===o;var s=d!=null&&d.getMonth()===i&&d.getFullYear()===o;var c=a-10;var l=a+10;if(n){c=Math.max(c,n.getFullYear())}if(d){l=Math.min(l,d.getFullYear())}return h(Host,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"}},h("div",{class:"duet-date"},h(DatePickerInput,{value:this.value,valueAsDate:t,formattedValue:this.inputValue,language:this.language,onInput:this.handleInputChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.toggleOpen,name:this.name,disabled:this.disabled,error:this.error,role:this.role,required:this.required,theme:this.theme,tooltip:this.tooltip,tooltipDirection:this.tooltipDirection,labelHidden:this.labelHidden,placeholder:this.placeholder,inputLabel:this.label,identifier:this.identifier,buttonRef:function(t){return e.datePickerButton=t},inputRef:function(t){return e.datePickerInput=t},accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),h("div",{class:{"duet-theme-turva":this.theme==="turva","duet-date-dialog":true,left:this.direction==="left",error:!!this.error,active:this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h(FocusGuard,{moveFocusTo:this.focusedDayNode}),h("div",{class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:function(t){return e.dialogWrapperNode=t}},h("duet-visually-hidden",{"aria-live":"polite"},r.keyboardInstruction),h("div",{class:"duet-date-dialog-mobile-header"},h("duet-label",{margin:"none"},this.label),h("button",{class:"duet-date-picker-close",ref:function(t){return e.closeButtonNode=t},onClick:function(){return e.hide()},type:"button"},h("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),h("duet-visually-hidden",null,r.closeLabel))),h("div",{class:"duet-date-dialog-header"},h("div",{class:"duet-date-dialog-dropdowns"},h("duet-visually-hidden",null,h("h2",{id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},r.monthLabels[i]," ",this.focusedDay.getFullYear())),h("duet-visually-hidden",null,h("label",{htmlFor:this.monthSelectId},r.monthSelectLabel)),h("div",{class:"duet-date-dialog-select"},h("select",{id:this.monthSelectId,class:"duet-date-month-select",ref:function(t){return e.monthSelectNode=t},onChange:this.handleMonthSelect},r.monthLabels.map((function(e,t){return h("option",{key:e,value:t,selected:t===i,disabled:!inRange(new Date(o,t,1),n?startOfMonth(n):null,d?endOfMonth(d):null)},e)}))),h("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",null,r.monthLabelsShort[i]),h("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),h("duet-visually-hidden",null,h("label",{htmlFor:this.yearSelectId},r.yearSelectLabel)),h("div",{class:"duet-date-dialog-select"},h("select",{id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},range(c,l).map((function(e){return h("option",{key:e,selected:e===o},e)}))),h("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),h("div",{class:"duet-date-dialog-buttons"},h("button",{class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:u,type:"button"},h("duet-icon",{name:"action-arrow-left-small",color:"currentColor",margin:"none",size:"xx-small"}),h("duet-visually-hidden",null,r.prevMonthLabel)),h("button",{class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:s,type:"button"},h("duet-icon",{name:"action-arrow-right-small",color:"currentColor",margin:"none",size:"xx-small"}),h("duet-visually-hidden",null,r.nextMonthLabel)))),h(DatePickerMonth,{selectedDate:t,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:n,max:d,focusedDayRef:function(t){return e.focusedDayNode=t},onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),h(FocusGuard,{moveFocusTo:this.closeButtonNode})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{min:["updateValidity"],max:["updateValidity"],value:["updateValidity","updateInternalValue"],required:["updateValidity"]}},enumerable:false,configurable:true});return e}();DuetDatePicker.style=duetDatePickerCss;export{DuetDatePicker as duet_date_picker};
|
|
4
|
+
*/import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-6e246691.js";import{c as createID}from"./create-id-981107da.js";import{F as FocusGuard}from"./focus-utils-1995e5a9.js";import{a as getLanguage,g as getLocaleString}from"./language-utils-d5c38f65.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";import"./string-utils-2f1793b8.js";var formatOptionsShort={day:"numeric",month:"long"};var formatOptionsLong={day:"numeric",month:"long",year:"numeric"};var i18n={fi:{buttonLabel:"Valitse päivämäärä",prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi",closeLabel:"Sulje ikkuna",selected:"Valittu päivämäärä on",keyboardInstruction:"Voit navigoida päivämääriä nuolinäppäimillä",dayLabels:["Maanantai","Tiistai","Keskiviikko","Torstai","Perjantai","Lauantai","Sunnuntai"],monthLabels:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],monthLabelsShort:["Tammi","Helmi","Maalis","Huhti","Touko","Kesä","Heinä","Elo","Syys","Loka","Marras","Joulu"],formatterShort:new Intl.DateTimeFormat("fi-FI",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("fi-FI",formatOptionsLong)},en:{buttonLabel:"Choose date",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",monthSelectLabel:"Month",yearSelectLabel:"Year",closeLabel:"Close window",selected:"Selected date is",keyboardInstruction:"You can use arrow keys to navigate dates",dayLabels:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],monthLabels:["January","February","March","April","May","June","July","August","September","October","November","December"],monthLabelsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("en-GB",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("en-GB",formatOptionsLong)},sv:{buttonLabel:"Välj datum",prevMonthLabel:"Föregående månad",nextMonthLabel:"Nästa månad",monthSelectLabel:"Månad",yearSelectLabel:"År",closeLabel:"Stäng fönstret",selected:"Valt datum är",keyboardInstruction:"Använd piltangenterna för att navigera i kalender",dayLabels:["Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag","Söndag"],monthLabels:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],monthLabelsShort:["Jan","Feb","Mars","April","Maj","Juni","Juli","Aug","Sep","Okt","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("sv-SE",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("sv-SE",formatOptionsLong)}};var formDate={title:"form-date",tags:"form date calendar date picker",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M2.25 24A2.252 2.252 0 0 1 0 21.75V5.25A2.252 2.252 0 0 1 2.25 3H6V.75a.75.75 0 0 1 1.5 0V3h9V.75a.75.75 0 0 1 1.5 0V3h3.75A2.252 2.252 0 0 1 24 5.25v16.5A2.252 2.252 0 0 1 21.75 24zm-.75-2.25c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V10.5h-21zM22.5 9V5.25a.75.75 0 0 0-.75-.75H18V6a.75.75 0 0 1-1.5 0V4.5h-9V6A.75.75 0 0 1 6 6V4.5H2.25a.75.75 0 0 0-.75.75V9z"/><circle cx="5.625" cy="13.875" r="1.125"/><circle cx="5.625" cy="19.125" r="1.125"/><circle cx="12" cy="13.875" r="1.125"/><circle cx="12" cy="19.125" r="1.125"/><circle cx="18.375" cy="13.875" r="1.125"/><path d="M18.375 20.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.171-1.122l.027.003a1.118 1.118 0 0 1 1.052 1.12c0 .619-.505 1.124-1.125 1.124z"/></svg>'};var DatePickerInput=function(e){var t=e.onClick,a=e.placeholder,i=e.name,o=e.inputLabel,r=e.value,n=e.valueAsDate,d=e.formattedValue,u=e.language,s=e.identifier,c=e.theme,l=e.disabled,p=e.error,f=e.role,m=e.required,b=e.tooltip,g=e.tooltipDirection,v=e.labelHidden,k=e.buttonRef,y=e.inputRef,D=e.onInput,x=e.onBlur,w=e.onFocus,S=e.accessibleActiveDescendant,M=e.accessibleControls,I=e.accessibleOwns,F=e.accessibleDescribedBy,O=e.echoPlaceholder,T=e.caption;var L=i18n[u],A=L.buttonLabel,E=L.selected,Y=L.formatterLong;return h("div",{class:{"duet-theme-turva":c==="turva","duet-date-input":true}},h("duet-input",{label:o,value:d,placeholder:a,id:s,disabled:l,theme:c,error:p,role:f,required:m,tooltip:b,tooltipDirection:g,margin:"none",component:"date",labelHidden:v,accessibleAutocomplete:"none",onDuetInput:D,onDuetFocus:w,onDuetBlur:x,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:true,ref:y,accessibleActiveDescendant:S,accessibleControls:M,accessibleOwns:I,accessibleDescribedBy:F,echoPlaceholder:O,caption:T},h("button",{class:{"duet-date-button":true,"duet-no-label":v},onClick:t,disabled:l,ref:k,type:"button"},h("duet-icon",{icon:formDate.svg,margin:"none",size:"small",color:"currentColor"}),h("duet-visually-hidden",null,A,n&&h("span",null,", ",E," ",Y.format(n))))),h("input",{type:"hidden",name:i,value:r}))};var DATE_FORMAT=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/;var ISO_DATE_FORMAT=/^(\d{4})-(\d{2})-(\d{2})$/;var DATE_OUTPUT_FORMAT="dd.mm.yyyy";var DATE_ISO_OUTPUT_FORMAT="YYYY-MM-DD";function createDate(e,t,a){var i=parseInt(a,10);var o=parseInt(t,10);var r=parseInt(e,10);var n=Number.isInteger(r)&&Number.isInteger(o)&&Number.isInteger(i)&&o>0&&o<=12&&i>0&&i<=31&&r>0;if(n){return new Date(r,o-1,i)}}function parseDate(e){if(!e){return}var t=e.match(DATE_FORMAT);if(t){return createDate(t[3],t[2],t[1])}}function parseISODate(e){if(!e){return}var t=e.match(ISO_DATE_FORMAT);if(t){return createDate(t[1],t[2],t[3])}}function formatDate(e,t){if(!e){return""}var a=e.getDate().toString(10);var i=(e.getMonth()+1).toString(10);var o=e.getFullYear().toString(10);if(e.getDate()<10){a="0"+a}if(e.getMonth()<9){i="0"+i}return t.replace(/MM/i,i).replace(/YYYY/i,o).replace(/DD/i,a)}function printDate(e){return formatDate(e,DATE_OUTPUT_FORMAT)}function printISODate(e){return formatDate(e,DATE_ISO_OUTPUT_FORMAT)}function isEqual(e,t){if(e==null||t==null){return false}return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function addDays(e,t){var a=new Date(e);a.setDate(a.getDate()+t);return a}function startOfWeek(e,t){if(t===void 0){t=1}var a=new Date(e);var i=a.getDay();var o=(i<t?7:0)+i-t;a.setDate(a.getDate()-o);return a}function endOfWeek(e,t){if(t===void 0){t=1}var a=new Date(e);var i=a.getDay();var o=(i<t?-7:0)+6-(i-t);a.setDate(a.getDate()+o);return a}function startOfMonth(e){return new Date(e.getFullYear(),e.getMonth(),1)}function endOfMonth(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function setMonth(e,t){var a=new Date(e);a.setMonth(t);return a}function setYear(e,t){var a=new Date(e);a.setFullYear(t);return a}function inRange(e,t,a){return clamp(e,t,a)===e}function clamp(e,t,a){var i=e.getTime();if(t&&t instanceof Date&&i<t.getTime()){return t}if(a&&a instanceof Date&&i>a.getTime()){return a}return e}function getDaysInRange(e,t){var a=[];var i=e;while(!isEqual(i,t)){a.push(i);i=addDays(i,1)}a.push(i);return a}function getViewOfMonth(e,t){if(t===void 0){t=1}var a=startOfWeek(startOfMonth(e),t);var i=endOfWeek(endOfMonth(e),t);return getDaysInRange(a,i)}var DatePickerDay=function(e){var t=e.focusedDay,a=e.today,i=e.day,o=e.language,r=e.onDaySelect,n=e.onKeyboardNavigation,d=e.ref,u=e.inRange,s=e.isSelected;var c=isEqual(i,a);var l=isEqual(i,t);var p=i.getMonth()!==t.getMonth();var f=!u;var m=i18n[o].formatterShort;function b(e){r(e,i)}return h("button",{class:{"duet-date-table-button":true,outside:f,disabled:p,today:c},tabIndex:l?0:-1,onClick:b,onKeyDown:n,"aria-disabled":f||p,"aria-pressed":s?"true":"false",type:"button",ref:d},h("span",{"aria-hidden":"true"},i.getDate()),h("duet-visually-hidden",null,m.format(i)))};function range(e,t){var a=[];for(var i=e;i<=t;i++){a.push(i)}return a}function chunk(e,t){var a=[];for(var i=0;i<e.length;i+=t){a.push(e.slice(i,i+t))}return a}function parseShortcut(e){var t;var a=e.trim().split("+");var i=a.pop();return[((t=a[0])===null||t===void 0?void 0:t.toLowerCase())==="shift",i]}function createShortcuts(e){var t=Object.keys(e).map((function(t){return[parseShortcut(t),e[t]]}));return function e(a){if(!(a instanceof KeyboardEvent)){return}var i=t.find((function(e){var t=e[0],i=t[0],o=t[1];return(o.toUpperCase()===a.key.toUpperCase()||o===a.code)&&i===a.shiftKey}));if(i){i[1](a);a.preventDefault()}}}var DatePickerMonth=function(e){var t=e.selectedDate,a=e.focusedDate,i=e.labelledById,o=e.theme,r=e.language,n=e.min,d=e.max,u=e.onDateSelect,s=e.onKeyboardNavigation,c=e.focusedDayRef,l=e.onFocusEnter,p=e.onFocusExit;var f=i18n[r].dayLabels;var m=new Date;var b=getViewOfMonth(a);function g(e){var t=e.currentTarget;var a=e.relatedTarget;if(a&&!t.contains(a)){p(e)}}return h("table",{class:{"duet-date-table":true,"duet-theme-turva":o==="turva"},"aria-labelledby":i,onFocusin:l,onFocusout:g},h("thead",null,h("tr",null,f.map((function(e){return h("th",{scope:"col"},h("span",{"aria-hidden":"true"},e.substr(0,2)),h("duet-visually-hidden",null,e))})))),h("tbody",null,chunk(b,7).map((function(e){return h("tr",{class:"duet-date-table-row"},e.map((function(e){return h("td",{class:"duet-date-table-cell"},h(DatePickerDay,{day:e,today:m,language:r,focusedDay:a,inRange:inRange(e,n,d),isSelected:isEqual(e,t),onDaySelect:u,onKeyboardNavigation:s,ref:function(t){if(t&&isEqual(e,a)){c(t)}}}))})))}))))};var duetDatePickerCss='*.sc-duet-date-picker,*.sc-duet-date-picker::after,*.sc-duet-date-picker::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-date-picker-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;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}.sc-duet-date-picker-h:last-child,.sc-duet-date-picker-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-date-picker-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-date-picker-h{width:100% !important}.duet-m-0.sc-duet-date-picker-h{margin:0 !important}.duet-date.sc-duet-date-picker{position:relative;width:100%}.duet-date.sc-duet-date-picker button.sc-duet-date-picker,.duet-date-dialog.sc-duet-date-picker button.sc-duet-date-picker{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button.sc-duet-date-picker{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;display:flex;align-items:center;justify-content:center;width:48px;height:calc(100% - 2px);color:#00294d;cursor:pointer;background:transparent !important;border-left:1px solid #cfd2d4 !important;border-radius:0 4px 4px 0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker{color:#171c3a;border-color:#cfcfd1}.duet-date-button.sc-duet-date-picker::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-date-button.sc-duet-date-picker:disabled{pointer-events:none;cursor:default;background:#f5f8fa !important;border:0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:disabled{background:#f5f5f7 !important}.duet-date-button.sc-duet-date-picker:disabled::before{display:none}.duet-date-button.sc-duet-date-picker:disabled duet-icon.sc-duet-date-picker{opacity:0.4}.duet-date-button.sc-duet-date-picker duet-icon.sc-duet-date-picker{transform:translateY(-1px)}.duet-date-button.sc-duet-date-picker:active duet-icon.sc-duet-date-picker{transform:translateY(0)}.duet-date-button.sc-duet-date-picker:focus{color:#0077b3;border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:focus{color:#171c3a;box-shadow:0 0 0 2px #171c3a}.duet-date-dialog.sc-duet-date-picker{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left.sc-duet-date-picker{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog.sc-duet-date-picker{position:fixed;top:0;right:0;bottom:0;background:rgba(0, 41, 77, 0.75);transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}.duet-date-dialog.duet-theme-turva.sc-duet-date-picker{background:rgba(23, 28, 58, 0.75)}}.duet-date-dialog.active.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error.sc-duet-date-picker{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper.sc-duet-date-picker{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:white;border:1px solid #e1e3e6;border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{border-color:#e4e4e6}@media (max-width: 35.9375em){.duet-date-dialog-wrapper.sc-duet-date-picker{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table.sc-duet-date-picker{width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:#00294d;text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva.sc-duet-date-picker{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}.duet-date-table.sc-duet-date-picker th.sc-duet-date-picker{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table.sc-duet-date-picker .duet-date-table-cell.sc-duet-date-picker{text-align:center}.duet-date-table-button.sc-duet-date-picker{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !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:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25 !important;color:#00294d !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;color:#171c3a !important}.duet-date-table-button.sc-duet-date-picker:hover{background:#e6f2f8 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:hover{background:#f9e6ea !important}.duet-date-table-button.today.sc-duet-date-picker{z-index:200;color:#004d80 !important;background:#f3f9fc !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.today.sc-duet-date-picker{color:#940925 !important;background:#fcf3f4 !important;box-shadow:0 0 0 1px #c60c30 !important}.duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-date-table-button.sc-duet-date-picker:focus{color:white !important;background:#0077b3 !important;outline:0}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{color:white !important;background:#c60c30 !important}.duet-date-table-button.sc-duet-date-picker:active{z-index:200;color:white !important;background:#0077b3 !important;box-shadow:0 0 5px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:active{color:white !important;background:#c60c30 !important;box-shadow:0 0 5px #c60c30 !important}.duet-date-table-button.sc-duet-date-picker:focus{z-index:200;box-shadow:0 0 5px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{box-shadow:0 0 5px #c60c30 !important}.duet-date-table-button.disabled.sc-duet-date-picker{color:#909599 !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.disabled.sc-duet-date-picker{color:#747475 !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside.sc-duet-date-picker{color:#909599 !important;pointer-events:none;cursor:default;background:#f5f8fa !important;box-shadow:none;opacity:0.75}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.outside.sc-duet-date-picker{color:#747475;background:#f5f5f7;box-shadow:none}.duet-date-dialog-header.sc-duet-date-picker{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons.sc-duet-date-picker{white-space:nowrap}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px !important;color:#00294d;cursor:pointer;background:#f5f8fa;border-radius:50%;transition:background-color 300ms ease !important}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker{color:#171c3a;background:#f5f5f7}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker duet-icon.sc-duet-date-picker{display:block}@media (max-width: 35.9375em){.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker{width:40px;height:40px}}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:not(:disabled):hover{background:#e9ecee !important}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:not(:disabled):hover{background:#e9e9eb !important}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:focus{outline:0;box-shadow:0 0 0 2px #0077b3}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:focus{box-shadow:0 0 0 2px #171c3a}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:active:focus{background:#dddfe1;box-shadow:none}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:active:focus{background:#ddddde}.duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:disabled{color:#909599;cursor:default;background:#f5f8fa;opacity:0.75}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-buttons.sc-duet-date-picker button.sc-duet-date-picker:disabled{color:#747475;background:#f5f5f7}.duet-date-dialog-select.sc-duet-date-picker{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:#00294d;pointer-events:none;border-radius:4px}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{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}.duet-date-dialog-select.sc-duet-date-picker span.sc-duet-date-picker{margin-right:4px}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #0077b3}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #171c3a}.duet-date-dialog-mobile-header.sc-duet-date-picker{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #cfd2d4}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-mobile-header.sc-duet-date-picker{border-color:#cfcfd1}.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:none}}.duet-date-picker-close.sc-duet-date-picker{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:#00294d !important;cursor:pointer;background:#f5f8fa !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker{opacity:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker{background:#f5f5f7 !important}.duet-date-picker-close.sc-duet-date-picker:hover{background:#f5f8fa !important}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:hover{background:#f5f5f7 !important}.duet-date-picker-close.sc-duet-date-picker:focus{outline:none;box-shadow:0 0 0 2px #0077b3}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker:focus{opacity:1}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:focus{box-shadow:0 0 0 2px #171c3a}';var DuetDatePicker=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",7);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.monthSelectId=createID("DuetDatePicker");this.yearSelectId=createID("DuetDatePicker");this.dialogLabelId=createID("DuetDatePicker");this.initialTouchX=null;this.initialTouchY=null;this.focusTarget=null;this.open=false;this.focusedDay=new Date;this.inputValue="";this.theme="";this.expand=false;this.name="";this.identifier="";this.label="";this.margin="auto";this.language=getLanguage();this.placeholderDefaults={fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"};this.placeholder=getLocaleString(this.placeholderDefaults,this.language);this.echoPlaceholder=false;this.disabled=false;this.error="";this.labelHidden=false;this.required=false;this.direction="right";this.tooltip="";this.tooltipDirection="auto";this.value="";this.min="";this.max="";this.enableActiveFocus=function(){t.focusTarget="day-button"};this.disableActiveFocus=function(){t.focusTarget=null};this.toggleOpen=function(e){e.preventDefault();t.open?t.hide(false):t.show()};this.handleBlur=function(e){e.stopPropagation();t.duetBlur.emit({component:"duet-date-picker"})};this.handleFocus=function(e){e.stopPropagation();t.duetFocus.emit({component:"duet-date-picker"})};this.handleTouchStart=function(e){var a=e.changedTouches[0];t.initialTouchX=a.pageX;t.initialTouchY=a.pageY};this.handleTouchMove=function(e){e.preventDefault()};this.handleTouchEnd=function(e){var a=e.changedTouches[0];var i=a.pageX-t.initialTouchX;var o=a.pageY-t.initialTouchY;var r=70;var n=Math.abs(i)>=r&&Math.abs(o)<=r;var d=Math.abs(o)>=r&&Math.abs(i)<=r&&o>0;if(n){t.addMonths(i<0?1:-1)}else if(d){t.hide();e.preventDefault()}t.initialTouchY=null;t.initialTouchX=null};this.handleNextMonthClick=function(e){e.preventDefault();t.addMonths(1)};this.handlePreviousMonthClick=function(e){e.preventDefault();t.addMonths(-1)};this.handleEscKey=createShortcuts({Escape:function(){return t.hide()},Esc:function(){return t.hide()}});this.handleKeyboardNavigation=createShortcuts({ArrowRight:function(){return t.addDays(1)},Right:function(){return t.addDays(1)},ArrowLeft:function(){return t.addDays(-1)},Left:function(){return t.addDays(-1)},ArrowDown:function(){return t.addDays(7)},Down:function(){return t.addDays(7)},ArrowUp:function(){return t.addDays(-7)},Up:function(){return t.addDays(-7)},Home:function(){return t.startOfWeek()},End:function(){return t.endOfWeek()},PageUp:function(){return t.addMonths(-1)},PageDown:function(){return t.addMonths(1)},"Shift+PageUp":function(){return t.addYears(-1)},"Shift+PageDown":function(){return t.addYears(1)}});this.handleDaySelect=function(e,a){var i=parseISODate(t.min);var o=parseISODate(t.max);t.determineValidity(a);if(inRange(a,i,o)){t.setValue(a);t.hide()}};this.handleMonthSelect=function(e){t.setMonth(parseInt(e.target.value,10))};this.handleYearSelect=function(e){t.setYear(parseInt(e.target.value,10))};this.handleInputChange=function(e){t.inputValue=e.detail.value;var a=parseDate(t.inputValue);t.determineValidity(a);if(a||t.inputValue===""){t.setValue(a)}}}e.prototype.updateValidity=function(){this.determineValidity(parseISODate(this.value))};e.prototype.updateInternalValue=function(){var e=parseISODate(this.value);var t=parseDate(this.inputValue);if(!e){this.inputValue=""}else if(!isEqual(e,t)){this.inputValue=printDate(e)}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.determineValidity(parseISODate(this.value));this.updateInternalValue()};e.prototype.componentDidUpdate=function(){switch(this.focusTarget){case"toggle-button":this.datePickerButton.focus();this.focusTarget=null;break;case"day-button":this.focusedDayNode.focus();break;case"month-select":this.monthSelectNode.focus();this.focusTarget=null;break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.datePickerInput.setFocus(e);return[2]}))}))};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;this.focusTarget="month-select";this.setFocusedDay(parseISODate(this.value)||new Date);return[2]}))}))};e.prototype.hide=function(e){if(e===void 0){e=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;if(e){this.focusTarget="toggle-button"}return[2]}))}))};e.prototype.addDays=function(e){this.setFocusedDay(addDays(this.focusedDay,e))};e.prototype.addMonths=function(e){this.setMonth(this.focusedDay.getMonth()+e)};e.prototype.addYears=function(e){this.setYear(this.focusedDay.getFullYear()+e)};e.prototype.startOfWeek=function(){this.setFocusedDay(startOfWeek(this.focusedDay))};e.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay))};e.prototype.setMonth=function(e){var t=setMonth(startOfMonth(this.focusedDay),e);var a=endOfMonth(t);var i=setMonth(this.focusedDay,e);this.setFocusedDay(clamp(i,t,a))};e.prototype.setYear=function(e){var t=setYear(startOfMonth(this.focusedDay),e);var a=endOfMonth(t);var i=setYear(this.focusedDay,e);this.setFocusedDay(clamp(i,t,a))};e.prototype.setFocusedDay=function(e){this.focusedDay=clamp(e,parseISODate(this.min),parseISODate(this.max))};e.prototype.determineValidity=function(e){var t,a;var i=(a=(t=this.datePickerInput)===null||t===void 0?void 0:t.value)!==null&&a!==void 0?a:"";var o=i!==""&&e==null;var r=this.required&&e==null;var n=e?!inRange(e,null,parseISODate(this.max)):false;var d=e?!inRange(e,parseISODate(this.min)):false;this.validity={patternMismatch:false,customError:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:r,badInput:o,rangeUnderflow:d,rangeOverflow:n,valid:!(r||o||d||n)}};e.prototype.setValue=function(e){var t=printISODate(e);if(t===this.value){return}this.value=t;this.duetChange.emit({component:"duet-date-picker",value:this.value,valueAsDate:e})};e.prototype.handleDocumentClick=function(e){var t=this;if(!this.open){return}var a=e.composedPath().every((function(e){return e!==t.dialogWrapperNode&&e!==t.datePickerButton}));if(a){this.hide(false)}};e.prototype.render=function(){var e=this;var t=parseISODate(this.value);var a=(t||this.focusedDay).getFullYear();var i=this.focusedDay.getMonth();var o=this.focusedDay.getFullYear();var r=i18n[this.language];var n=parseISODate(this.min);var d=parseISODate(this.max);var u=n!=null&&n.getMonth()===i&&n.getFullYear()===o;var s=d!=null&&d.getMonth()===i&&d.getFullYear()===o;var c=a-10;var l=a+10;if(n){c=Math.max(c,n.getFullYear())}if(d){l=Math.min(l,d.getFullYear())}return h(Host,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"}},h("div",{class:"duet-date"},h(DatePickerInput,{value:this.value,valueAsDate:t,formattedValue:this.inputValue,language:this.language,onInput:this.handleInputChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.toggleOpen,name:this.name,disabled:this.disabled,error:this.error,role:this.role,required:this.required,theme:this.theme,tooltip:this.tooltip,tooltipDirection:this.tooltipDirection,labelHidden:this.labelHidden,placeholder:this.placeholder,inputLabel:this.label,identifier:this.identifier,buttonRef:function(t){return e.datePickerButton=t},inputRef:function(t){return e.datePickerInput=t},accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),h("div",{class:{"duet-theme-turva":this.theme==="turva","duet-date-dialog":true,left:this.direction==="left",error:!!this.error,active:this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h(FocusGuard,{moveFocusTo:this.focusedDayNode}),h("div",{class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:function(t){return e.dialogWrapperNode=t}},h("duet-visually-hidden",{"aria-live":"polite"},r.keyboardInstruction),h("div",{class:"duet-date-dialog-mobile-header"},h("duet-label",{margin:"none"},this.label),h("button",{class:"duet-date-picker-close",ref:function(t){return e.closeButtonNode=t},onClick:function(){return e.hide()},type:"button"},h("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),h("duet-visually-hidden",null,r.closeLabel))),h("div",{class:"duet-date-dialog-header"},h("div",{class:"duet-date-dialog-dropdowns"},h("duet-visually-hidden",null,h("h2",{id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},r.monthLabels[i]," ",this.focusedDay.getFullYear())),h("duet-visually-hidden",null,h("label",{htmlFor:this.monthSelectId},r.monthSelectLabel)),h("div",{class:"duet-date-dialog-select"},h("select",{id:this.monthSelectId,class:"duet-date-month-select",ref:function(t){return e.monthSelectNode=t},onChange:this.handleMonthSelect},r.monthLabels.map((function(e,t){return h("option",{key:e,value:t,selected:t===i,disabled:!inRange(new Date(o,t,1),n?startOfMonth(n):null,d?endOfMonth(d):null)},e)}))),h("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",null,r.monthLabelsShort[i]),h("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),h("duet-visually-hidden",null,h("label",{htmlFor:this.yearSelectId},r.yearSelectLabel)),h("div",{class:"duet-date-dialog-select"},h("select",{id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},range(c,l).map((function(e){return h("option",{key:e,selected:e===o},e)}))),h("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),h("div",{class:"duet-date-dialog-buttons"},h("button",{class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:u,type:"button"},h("duet-icon",{name:"action-arrow-left-small",color:"currentColor",margin:"none",size:"xx-small"}),h("duet-visually-hidden",null,r.prevMonthLabel)),h("button",{class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:s,type:"button"},h("duet-icon",{name:"action-arrow-right-small",color:"currentColor",margin:"none",size:"xx-small"}),h("duet-visually-hidden",null,r.nextMonthLabel)))),h(DatePickerMonth,{selectedDate:t,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:n,max:d,focusedDayRef:function(t){return e.focusedDayNode=t},onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),h(FocusGuard,{moveFocusTo:this.closeButtonNode})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{min:["updateValidity"],max:["updateValidity"],value:["updateValidity","updateInternalValue"],required:["updateValidity"]}},enumerable:false,configurable:true});return e}();DuetDatePicker.style=duetDatePickerCss;export{DuetDatePicker as duet_date_picker};
|
|
@@ -1,4 +1,4 @@
|
|
|
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-6e246691.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";var duetDividerCss="*,*::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-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";var DuetDivider=function(){function e(e){registerInstance(this,e);this.theme="";this.margin="auto"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h("div",{class:{"duet-m-0":this.margin==="none","duet-m-s":this.margin==="small","duet-divider":true,"duet-theme-turva":this.theme==="turva"}})};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetDivider.style=duetDividerCss;var duetSpacerCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";var DuetSpacer=function(){function e(e){registerInstance(this,e);this.size="medium";this.direction="vertical";this.breakpoint=""}e.prototype.render=function(){var e;return h(Host,{class:(e={"duet-spacer":true,"duet-spacer-xx-small":this.breakpoint==="xx-small","duet-spacer-x-small":this.breakpoint==="x-small","duet-spacer-small":this.breakpoint==="small","duet-spacer-medium":this.breakpoint==="medium","duet-spacer-large":this.breakpoint==="large","duet-spacer-x-large":this.breakpoint==="x-large","duet-spacer-xx-large":this.breakpoint==="xx-large"},e[this.size]=true,e["duet-spacer-"+this.direction]=true,e)})};return e}();DuetSpacer.style=duetSpacerCss;export{DuetDivider as duet_divider,DuetSpacer as duet_spacer};
|
|
@@ -1,4 +1,4 @@
|
|
|
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-6e246691.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";var duetEmptyStateCss="*,*::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%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";var DuetEmptyState=function(){function e(e){registerInstance(this,e);this.theme="";this.icon="messaging-question";this.size="medium"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,null,h("div",{class:{"duet-empty-state":true,"duet-theme-turva":this.theme==="turva","duet-is-small":this.size==="small"}},h("duet-icon",{color:"currentColor",name:this.icon,size:this.size==="small"?"large":"x-large"}),h("div",null,h("slot",null))))};return e}();DuetEmptyState.style=duetEmptyStateCss;export{DuetEmptyState as duet_empty_state};
|
|
@@ -1,4 +1,4 @@
|
|
|
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-6e246691.js";import{c as createID}from"./create-id-981107da.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";var duetFieldsetCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{border:0}legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-legend-wrapper{position:relative;display:block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;text-align:left;background:transparent}.duet-theme-turva .duet-legend-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:#de2362;border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-theme-turva .duet-fieldset-help{color:#e02a0d}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetFieldset=function(){function e(e){var t=this;registerInstance(this,e);this.errorId=createID("DuetError");this.labelId=createID("DuetLabel");this.hasTooltip=false;this.theme="";this.margin="auto";this.labelHidden=false;this.checkHasTooltip=function(){t.hasTooltip=!!t.element.querySelector("[slot='tooltip']")}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.checkHasTooltip()};e.prototype.render=function(){return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("fieldset",{"aria-labelledby":this.labelId+" "+this.errorId,class:{"duet-fieldset":true,"duet-theme-turva":this.theme==="turva"}},h("legend",{id:this.labelId},h("span",null,this.label),this.caption&&h("span",null,this.caption)),h("div",{class:{"duet-legend-wrapper":true,"duet-legend-has-caption":!!this.caption,"duet-legend-has-tooltip":this.hasTooltip,"duet-legend-hidden":this.labelHidden}},h("div",{class:"duet-fieldset-label"},h("span",{"aria-hidden":"true"},this.label),h("slot",{onSlotchange:this.checkHasTooltip,name:"tooltip"})),this.caption&&h("div",{class:"duet-fieldset-caption","aria-hidden":"true"},h("duet-caption",{margin:"none"},this.caption))),h("slot",null),h("span",{class:"duet-fieldset-help",id:this.errorId,"aria-live":"assertive","aria-relevant":"additions removals"},this.error&&h("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetFieldset.style=duetFieldsetCss;export{DuetFieldset as duet_fieldset};
|