@duetds/components 6.0.7 → 6.1.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 +246 -5
- package/lib/cjs/duet-action-button.cjs.entry.js +1 -1
- package/lib/cjs/duet-alert.cjs.entry.js +1 -1
- package/lib/cjs/duet-badge.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
- package/lib/cjs/duet-button_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-caption_4.cjs.entry.js +1 -1
- package/lib/cjs/duet-card.cjs.entry.js +1 -1
- package/lib/cjs/duet-checkbox.cjs.entry.js +6 -2
- package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
- package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
- package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +3 -2
- 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 +1 -1
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-hero.cjs.entry.js +1 -1
- package/lib/cjs/duet-icon.cjs.entry.js +1 -1
- package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-modal.cjs.entry.js +2 -2
- package/lib/cjs/duet-multiselect.cjs.entry.js +224 -0
- package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-progress.cjs.entry.js +1 -1
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +1 -1
- package/lib/cjs/duet-step_2.cjs.entry.js +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 +1 -1
- package/lib/cjs/duet-tray.cjs.entry.js +1 -1
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +2 -2
- package/lib/cjs/{focus-utils-46880ee6.js → focus-utils-5bf92cc0.js} +1 -1
- package/lib/cjs/{index-54afad07.js → index-d380d72b.js} +1 -1
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/collection/collection-manifest.json +1 -0
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +23 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +2 -1
- package/lib/collection/components/duet-multiselect/duet-multiselect.css +261 -0
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +597 -0
- package/lib/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-badge.js +1 -1
- package/lib/dist-custom-elements/duet-breadcrumb.js +2 -2
- package/lib/dist-custom-elements/duet-breadcrumbs.js +2 -2
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +3 -3
- package/lib/dist-custom-elements/duet-checkbox.js +1 -155
- package/lib/dist-custom-elements/duet-choice-group.js +6 -6
- package/lib/dist-custom-elements/duet-choice.js +5 -5
- package/lib/dist-custom-elements/duet-collapsible.js +2 -2
- package/lib/dist-custom-elements/duet-combobox.js +3 -3
- package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
- package/lib/dist-custom-elements/duet-date-picker.js +8 -8
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +1 -1
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-fieldset.js +1 -1
- package/lib/dist-custom-elements/duet-footer.js +4 -4
- package/lib/dist-custom-elements/duet-grid-item.js +1 -1
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +8 -8
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +9 -9
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-label.js +1 -1
- package/lib/dist-custom-elements/duet-layout.js +1 -1
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-list-item.js +1 -1
- package/lib/dist-custom-elements/duet-list.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-modal.js +7 -7
- package/lib/dist-custom-elements/duet-multiselect.d.ts +11 -0
- package/lib/dist-custom-elements/duet-multiselect.js +299 -0
- package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
- package/lib/dist-custom-elements/duet-notification.js +2 -2
- package/lib/dist-custom-elements/duet-number-input.js +7 -7
- package/lib/dist-custom-elements/duet-pagination.js +7 -7
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-progress.js +1 -1
- package/lib/dist-custom-elements/duet-radio-group.js +6 -6
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +2 -2
- package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-spacer.js +1 -1
- package/lib/dist-custom-elements/duet-spinner.js +1 -1
- package/lib/dist-custom-elements/duet-step.js +4 -4
- package/lib/dist-custom-elements/duet-stepper.js +2 -2
- package/lib/dist-custom-elements/duet-tab-group.js +8 -8
- package/lib/dist-custom-elements/duet-tab.js +1 -1
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +8 -8
- package/lib/dist-custom-elements/duet-toggle.js +2 -2
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +3 -3
- package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +18 -18
- package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/index.js +1 -1
- package/lib/dist-custom-elements/{p-a56649ff.js → p-025242f2.js} +6 -6
- package/lib/dist-custom-elements/{p-b7f5c755.js → p-14799264.js} +1 -1
- package/lib/dist-custom-elements/{p-bf876e72.js → p-15cca1fa.js} +2 -2
- package/lib/dist-custom-elements/{p-c36d9eb5.js → p-260d7413.js} +1 -1
- package/lib/dist-custom-elements/{p-f07d95b9.js → p-2b6e0098.js} +1 -1
- package/lib/dist-custom-elements/{p-fbb39f58.js → p-35856a5f.js} +1 -1
- package/lib/dist-custom-elements/{p-2215e15e.js → p-3f5248cc.js} +6 -6
- package/lib/dist-custom-elements/p-3f9960ee.js +165 -0
- package/lib/dist-custom-elements/{p-836021e7.js → p-40964c90.js} +2 -2
- package/lib/dist-custom-elements/{p-068d8815.js → p-4dd0d2e0.js} +1 -1
- package/lib/dist-custom-elements/{p-dfb36895.js → p-5368b90e.js} +1 -1
- package/lib/dist-custom-elements/{p-a081f721.js → p-5c30c1e6.js} +3 -3
- package/lib/dist-custom-elements/{p-59480ad8.js → p-6352244e.js} +1 -1
- package/lib/dist-custom-elements/{p-2f73ed5f.js → p-76a12869.js} +2 -2
- package/lib/dist-custom-elements/{p-f23c23e9.js → p-84036192.js} +3 -3
- package/lib/dist-custom-elements/{p-565c7b5e.js → p-983633e4.js} +1 -1
- package/lib/dist-custom-elements/{p-0a3b3fbb.js → p-a0188402.js} +4 -4
- package/lib/dist-custom-elements/{p-f20bce7d.js → p-a10df7a8.js} +1 -1
- package/lib/dist-custom-elements/{p-01a47ed0.js → p-a19a3c64.js} +1 -1
- package/lib/dist-custom-elements/{p-85e4dd88.js → p-a720eb56.js} +2 -2
- package/lib/dist-custom-elements/{p-3185bbc5.js → p-b125807e.js} +1 -1
- package/lib/dist-custom-elements/{p-fe39bfb6.js → p-b828da80.js} +9 -8
- package/lib/dist-custom-elements/{p-3426a84c.js → p-c2260d50.js} +2 -2
- package/lib/dist-custom-elements/{p-12a61b16.js → p-c2c3e421.js} +1 -1
- package/lib/dist-custom-elements/{p-d05492d6.js → p-dde39f08.js} +1 -1
- package/lib/dist-custom-elements/{p-1940df2f.js → p-df05a117.js} +1 -1
- package/lib/dist-custom-elements/{p-10a1a3da.js → p-e06d804b.js} +1 -1
- package/lib/dist-custom-elements/{p-4e94138b.js → p-e436e97c.js} +5 -5
- package/lib/dist-custom-elements/{p-c8517782.js → p-eef3373f.js} +1 -1
- package/lib/dist-custom-elements/{p-f42b7c16.js → p-f06badc1.js} +3 -3
- package/lib/dist-custom-elements/{p-76a78894.js → p-f5d54803.js} +1 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-f020f7b9.entry.js → p-07c53212.entry.js} +1 -1
- package/lib/duet/{p-1219c251.system.js → p-08c8edc7.system.js} +1 -1
- package/lib/duet/{p-b4ffca84.system.entry.js → p-0bc10576.system.entry.js} +1 -1
- package/lib/duet/{p-d4bb0408.entry.js → p-0c1fdd7c.entry.js} +1 -1
- package/lib/duet/{p-c16f5680.system.entry.js → p-1034d5d8.system.entry.js} +1 -1
- package/lib/duet/{p-794e74ca.system.entry.js → p-10a9fe19.system.entry.js} +1 -1
- package/lib/duet/{p-6372465a.entry.js → p-134bbc67.entry.js} +1 -1
- package/lib/duet/{p-0ef9099d.system.entry.js → p-17213a02.system.entry.js} +1 -1
- package/lib/duet/{p-187a788e.entry.js → p-18c2588a.entry.js} +1 -1
- package/lib/duet/{p-6e648879.entry.js → p-1e8365c3.entry.js} +1 -1
- package/lib/duet/{p-00030749.entry.js → p-20df1f28.entry.js} +1 -1
- package/lib/duet/{p-46f86392.entry.js → p-24b890e9.entry.js} +1 -1
- package/lib/duet/{p-d74d81a1.system.entry.js → p-2957055a.system.entry.js} +1 -1
- package/lib/duet/{p-9587a804.entry.js → p-2a2b5109.entry.js} +1 -1
- package/lib/duet/{p-c1c11d71.system.entry.js → p-2b7f998c.system.entry.js} +1 -1
- package/lib/duet/{p-14e9ccd4.entry.js → p-2b822122.entry.js} +1 -1
- package/lib/duet/{p-90e58b7f.entry.js → p-2d906752.entry.js} +1 -1
- package/lib/duet/p-2f183314.js +4 -0
- package/lib/duet/p-3166de44.entry.js +4 -0
- package/lib/duet/{p-8ff5cb03.entry.js → p-3287e496.entry.js} +1 -1
- package/lib/duet/{p-f92491e1.entry.js → p-33814c22.entry.js} +1 -1
- package/lib/duet/p-33bbde60.entry.js +4 -0
- package/lib/duet/{p-9f51f625.entry.js → p-351fbda4.entry.js} +1 -1
- package/lib/duet/{p-7ba68318.system.entry.js → p-35351cf2.system.entry.js} +1 -1
- package/lib/duet/{p-e7f779ed.entry.js → p-363c6807.entry.js} +1 -1
- package/lib/duet/{p-f40277da.system.entry.js → p-3ab707be.system.entry.js} +1 -1
- package/lib/duet/{p-faf74d63.entry.js → p-3f6487d8.entry.js} +1 -1
- package/lib/duet/{p-d674ef21.entry.js → p-4056c348.entry.js} +1 -1
- package/lib/duet/{p-3fd6ad80.entry.js → p-48f15ed7.entry.js} +1 -1
- package/lib/duet/{p-f8ae4f24.system.entry.js → p-4a97bbae.system.entry.js} +1 -1
- package/lib/duet/{p-92c491d9.entry.js → p-4c3bfd8a.entry.js} +1 -1
- package/lib/duet/{p-9cb0def1.system.entry.js → p-4d6b04f1.system.entry.js} +1 -1
- package/lib/duet/{p-1fd65b6a.system.entry.js → p-4fee02ae.system.entry.js} +1 -1
- package/lib/duet/{p-a3ca26e9.system.entry.js → p-5174a8af.system.entry.js} +1 -1
- package/lib/duet/{p-9f37c7e3.entry.js → p-545177af.entry.js} +1 -1
- package/lib/duet/{p-cacad773.system.entry.js → p-55f8c851.system.entry.js} +1 -1
- package/lib/duet/{p-39c02539.system.entry.js → p-5f4a200f.system.entry.js} +1 -1
- package/lib/duet/{p-5116e9b7.system.entry.js → p-69d0a2ce.system.entry.js} +1 -1
- package/lib/duet/{p-177abbdc.system.entry.js → p-6cc20670.system.entry.js} +1 -1
- package/lib/duet/{p-ff4995cc.entry.js → p-6d2d9897.entry.js} +1 -1
- package/lib/duet/{p-3dadf26a.system.entry.js → p-6def950d.system.entry.js} +1 -1
- package/lib/duet/{p-50081b36.entry.js → p-709654f2.entry.js} +1 -1
- package/lib/duet/{p-59edf7bc.system.entry.js → p-73c3092e.system.entry.js} +1 -1
- package/lib/duet/{p-c4a44c55.system.entry.js → p-79eada30.system.entry.js} +1 -1
- package/lib/duet/{p-108f093f.system.entry.js → p-7ed493e6.system.entry.js} +1 -1
- package/lib/duet/{p-d98eedc7.entry.js → p-88e3d858.entry.js} +1 -1
- package/lib/duet/{p-607eb013.entry.js → p-88eabc52.entry.js} +1 -1
- package/lib/duet/{p-be4c1b3f.entry.js → p-89b3c614.entry.js} +1 -1
- package/lib/duet/{p-8b0fef4c.system.entry.js → p-8c17003f.system.entry.js} +1 -1
- package/lib/duet/p-8c2a2440.entry.js +4 -0
- package/lib/duet/p-8cea8546.system.js +4 -0
- package/lib/duet/{p-24210b97.system.entry.js → p-8db9e436.system.entry.js} +1 -1
- package/lib/duet/{p-8baa5bd1.system.entry.js → p-9343afe6.system.entry.js} +1 -1
- package/lib/duet/{p-5d160b76.system.entry.js → p-95340ddf.system.entry.js} +1 -1
- package/lib/duet/p-97b281b2.system.entry.js +4 -0
- package/lib/duet/{p-bd85d575.entry.js → p-9c2d276b.entry.js} +1 -1
- package/lib/duet/{p-70a1a9bf.system.js → p-9e9b3182.system.js} +1 -1
- package/lib/duet/{p-13cdbe65.entry.js → p-9ff90002.entry.js} +1 -1
- package/lib/duet/{p-50551874.entry.js → p-a4acf397.entry.js} +1 -1
- package/lib/duet/{p-a44366ba.entry.js → p-a883b01d.entry.js} +1 -1
- package/lib/duet/{p-dcb5d509.system.entry.js → p-a8e38895.system.entry.js} +1 -1
- package/lib/duet/{p-d267c3a2.entry.js → p-aba4b236.entry.js} +1 -1
- package/lib/duet/{p-c76ec371.system.entry.js → p-b0b61064.system.entry.js} +1 -1
- package/lib/duet/p-b2a940b5.system.entry.js +4 -0
- package/lib/duet/{p-b44ae985.system.entry.js → p-b2da699d.system.entry.js} +1 -1
- package/lib/duet/{p-63b7a28e.system.entry.js → p-bdbe682d.system.entry.js} +2 -2
- package/lib/duet/{p-7088d347.entry.js → p-be9d7718.entry.js} +1 -1
- package/lib/duet/{p-0082ff0a.system.entry.js → p-bedf7cb7.system.entry.js} +1 -1
- package/lib/duet/{p-3054a69d.entry.js → p-c055fcd1.entry.js} +1 -1
- package/lib/duet/{p-f3e7fc61.system.entry.js → p-c8a46ebb.system.entry.js} +1 -1
- package/lib/duet/{p-dbdaec86.entry.js → p-c8e84baf.entry.js} +1 -1
- package/lib/duet/{p-444b7187.system.entry.js → p-cc7f44f9.system.entry.js} +1 -1
- package/lib/duet/{p-58eeed4f.system.entry.js → p-cf9027e3.system.entry.js} +1 -1
- package/lib/duet/{p-889cf32a.system.entry.js → p-d2a55128.system.entry.js} +1 -1
- package/lib/duet/{p-0433b19b.entry.js → p-d4a24199.entry.js} +1 -1
- package/lib/duet/{p-dc163c6e.entry.js → p-d50688a8.entry.js} +1 -1
- package/lib/duet/p-d8ae3650.system.entry.js +4 -0
- package/lib/duet/{p-16f67902.system.entry.js → p-db2cfc87.system.entry.js} +1 -1
- package/lib/duet/{p-ed8d9d14.system.entry.js → p-db9db173.system.entry.js} +1 -1
- package/lib/duet/{p-6a49efbc.js → p-dc6fd9c6.js} +1 -1
- package/lib/duet/{p-69b0c916.system.entry.js → p-e13a54c8.system.entry.js} +1 -1
- package/lib/duet/{p-6be76f1d.entry.js → p-e19ba091.entry.js} +1 -1
- package/lib/duet/p-e2adbecc.entry.js +4 -0
- package/lib/duet/{p-afdf9c1c.system.entry.js → p-e4c320e2.system.entry.js} +1 -1
- package/lib/duet/{p-e873306b.system.entry.js → p-e86917b0.system.entry.js} +1 -1
- package/lib/duet/{p-933a2bd0.system.entry.js → p-f01eb4ea.system.entry.js} +1 -1
- package/lib/duet/p-f493ae81.entry.js +4 -0
- package/lib/duet/{p-7e3d7a7e.system.entry.js → p-f6240801.system.entry.js} +1 -1
- package/lib/duet/{p-00228a70.entry.js → p-f827b4b6.entry.js} +1 -1
- package/lib/duet/{p-b0bf6662.entry.js → p-fb97dc52.entry.js} +1 -1
- package/lib/duet/{p-b77057b8.entry.js → p-fd1ed521.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +1 -1
- package/lib/esm/duet-alert.entry.js +1 -1
- package/lib/esm/duet-badge.entry.js +1 -1
- package/lib/esm/duet-breadcrumb.entry.js +1 -1
- package/lib/esm/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm/duet-button_2.entry.js +1 -1
- package/lib/esm/duet-caption_4.entry.js +1 -1
- package/lib/esm/duet-card.entry.js +1 -1
- package/lib/esm/duet-checkbox.entry.js +6 -2
- package/lib/esm/duet-choice_2.entry.js +2 -2
- package/lib/esm/duet-collapsible.entry.js +1 -1
- package/lib/esm/duet-combobox.entry.js +1 -1
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +2 -2
- package/lib/esm/duet-divider_2.entry.js +1 -1
- package/lib/esm/duet-editable-table_3.entry.js +3 -2
- 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 +1 -1
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +1 -1
- package/lib/esm/duet-hero.entry.js +1 -1
- package/lib/esm/duet-icon.entry.js +1 -1
- package/lib/esm/duet-input_2.entry.js +1 -1
- package/lib/esm/duet-layout.entry.js +1 -1
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-modal.entry.js +2 -2
- package/lib/esm/duet-multiselect.entry.js +220 -0
- package/lib/esm/duet-notification_2.entry.js +1 -1
- package/lib/esm/duet-number-input.entry.js +1 -1
- package/lib/esm/duet-pagination_2.entry.js +1 -1
- package/lib/esm/duet-progress.entry.js +1 -1
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +1 -1
- package/lib/esm/duet-scrollable_3.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +1 -1
- package/lib/esm/duet-step_2.entry.js +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 +1 -1
- package/lib/esm/duet-tray.entry.js +1 -1
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +2 -2
- package/lib/esm/{focus-utils-d5499410.js → focus-utils-f6146965.js} +1 -1
- package/lib/esm/{index-26388161.js → index-81967d12.js} +1 -1
- package/lib/esm/loader.js +2 -2
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +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 +2 -2
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +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-multiselect.entry.js +4 -0
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-step_2.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +2 -2
- package/lib/esm-es5/duet-toggle.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/{focus-utils-d5499410.js → focus-utils-f6146965.js} +1 -1
- package/lib/esm-es5/{index-26388161.js → index-81967d12.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/types/components/duet-checkbox/duet-checkbox.d.ts +4 -0
- package/lib/types/components/duet-multiselect/duet-multiselect.d.ts +137 -0
- package/lib/types/components.d.ts +154 -0
- package/package.json +8 -7
- package/lib/duet/p-159ce776.js +0 -4
- package/lib/duet/p-1d7bd203.system.entry.js +0 -4
- package/lib/duet/p-661839a3.entry.js +0 -4
- package/lib/duet/p-6caf3423.entry.js +0 -4
- package/lib/duet/p-c1d755c9.system.entry.js +0 -4
- package/lib/duet/p-e30dc26c.entry.js +0 -4
- package/lib/duet/p-e52ea726.entry.js +0 -4
- package/lib/duet/p-e841deb6.system.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -5,9 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
Stencil Mock Doc v2.16.0 | MIT Licensed | https://stenciljs.com
|
|
10
|
-
*/
|
|
8
|
+
// @ts-nocheck
|
|
11
9
|
const CONTENT_REF_ID = 'r';
|
|
12
10
|
const ORG_LOCATION_ID = 'o';
|
|
13
11
|
const SLOT_NODE_ID = 's';
|
|
@@ -7246,6 +7244,10 @@ class DuetCheckbox {
|
|
|
7246
7244
|
* Aria description the button
|
|
7247
7245
|
*/
|
|
7248
7246
|
this.accessibleDescription = undefined;
|
|
7247
|
+
/**
|
|
7248
|
+
* Aria selected
|
|
7249
|
+
*/
|
|
7250
|
+
this.accessibleSelected = undefined;
|
|
7249
7251
|
/**
|
|
7250
7252
|
* Set whether the input is required or not. Please note that this is required for
|
|
7251
7253
|
* accessible inputs when the user is required to fill them. When using this property
|
|
@@ -7329,7 +7331,7 @@ class DuetCheckbox {
|
|
|
7329
7331
|
"duet-checkbox-container": true,
|
|
7330
7332
|
"duet-label-hidden": this.labelHidden,
|
|
7331
7333
|
"duet-theme-turva": this.theme === "turva",
|
|
7332
|
-
} }, hAsync("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, required: this.required, role: this.role, name: this.name, id: identifier }), hAsync("label", { class: "duet-label", htmlFor: identifier }, hAsync("span", null, this.label)))));
|
|
7334
|
+
} }, hAsync("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), hAsync("label", { class: "duet-label", htmlFor: identifier }, hAsync("span", null, this.label)))));
|
|
7333
7335
|
}
|
|
7334
7336
|
get element() { return getElement(this); }
|
|
7335
7337
|
static get style() { return duetCheckboxCss; }
|
|
@@ -7346,6 +7348,7 @@ class DuetCheckbox {
|
|
|
7346
7348
|
"accessibleDetails": [1, "accessible-details"],
|
|
7347
7349
|
"accessibleLabelledBy": [1, "accessible-labelled-by"],
|
|
7348
7350
|
"accessibleDescription": [1, "accessible-description"],
|
|
7351
|
+
"accessibleSelected": [1, "accessible-selected"],
|
|
7349
7352
|
"required": [4],
|
|
7350
7353
|
"theme": [1025],
|
|
7351
7354
|
"disabled": [516],
|
|
@@ -10032,7 +10035,8 @@ class DuetEditableTable {
|
|
|
10032
10035
|
"duet-table-action-header": !!this.actions,
|
|
10033
10036
|
} }, sortedColumns.map(column => {
|
|
10034
10037
|
if (column.display !== false) {
|
|
10035
|
-
|
|
10038
|
+
const label = this.createLabel(column);
|
|
10039
|
+
return label !== "" ? hAsync("th", { scope: "col" }, label) : hAsync("td", null);
|
|
10036
10040
|
}
|
|
10037
10041
|
}), this.actions && (hAsync("th", { scope: "col", class: "duet-table-action-header-heading" }, this.actions && hAsync("duet-visually-hidden", null, getLocaleString(this.actionColumnLabel))))));
|
|
10038
10042
|
}
|
|
@@ -13191,6 +13195,242 @@ class DuetModal {
|
|
|
13191
13195
|
}; }
|
|
13192
13196
|
}
|
|
13193
13197
|
|
|
13198
|
+
const duetMultiselectCss = "@charset \"UTF-8\";/*!@*,\n*::after,\n*::before*/*.sc-duet-multiselect,*.sc-duet-multiselect::after,*.sc-duet-multiselect::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-multiselect-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}/*!@:host:last-child, :host:last-of-type*/.sc-duet-multiselect-h:last-child,.sc-duet-multiselect-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){/*!@:host*/.sc-duet-multiselect-h{width:calc(50% - 16px - 3px)}/*!@:host.duet-expand*/.duet-expand.sc-duet-multiselect-h{width:100% !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-multiselect-h{margin:0 !important}/*!@.duet-multiselect-tooltip*/.duet-multiselect-tooltip.sc-duet-multiselect{position:absolute;top:12px;right:0}@media (min-width: 48em){/*!@.duet-multiselect-tooltip*/.duet-multiselect-tooltip.sc-duet-multiselect{position:relative;top:4px;right:auto}}/*!@.duet-multiselect-placeholder*/.duet-multiselect-placeholder.sc-duet-multiselect{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:white}/*!@.duet-multiselect-container*/.duet-multiselect-container.sc-duet-multiselect{position:relative;width:100%}/*!@.duet-multiselect-wrapper*/.duet-multiselect-wrapper.sc-duet-multiselect{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}/*!@.duet-theme-turva .duet-multiselect-wrapper*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-wrapper.sc-duet-multiselect{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-multiselect-wrapper::after*/.duet-multiselect-wrapper.sc-duet-multiselect::after{content:\" \"}/*!@.duet-multiselect*/.duet-multiselect.sc-duet-multiselect{display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:#00294d;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:white;border:1px solid #909599;border-radius:4px;transition:150ms ease}/*!@.duet-multiselect:hover*/.duet-multiselect.sc-duet-multiselect:hover{border-color:#909599;box-shadow:0 0 0 1px #909599}/*!@.duet-theme-turva .duet-multiselect:hover*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{border-color:#747475;box-shadow:0 0 0 1px #747475}/*!@.has-error .duet-multiselect:hover*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}/*!@.duet-theme-turva.has-error .duet-multiselect:hover*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{box-shadow:0 0 0 1px #e02a0d}/*!@.duet-multiselect:focus, .duet-multiselect.duet-multiselect-active*/.duet-multiselect.sc-duet-multiselect:focus,.duet-multiselect.duet-multiselect-active.sc-duet-multiselect{border-color:#0077b3;outline:0;box-shadow:0 0 0 1px #0077b3;transition:none}/*!@.duet-theme-turva .duet-multiselect:focus, .duet-theme-turva .duet-multiselect.duet-multiselect-active*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.duet-theme-turva.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{border-color:#171c3a;box-shadow:0 0 0 1px #171c3a}/*!@.has-error .duet-multiselect:focus, .has-error .duet-multiselect.duet-multiselect-active*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.has-error.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{box-shadow:0 0 0 1px #de2362}/*!@.duet-theme-turva.has-error .duet-multiselect:focus, .duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{box-shadow:0 0 0 1px #e02a0d}/*!@.duet-multiselect[disabled]*/.duet-multiselect[disabled].sc-duet-multiselect{color:#00294d !important;cursor:default !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}/*!@.duet-theme-turva .duet-multiselect[disabled]*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect[disabled].sc-duet-multiselect{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}/*!@.duet-multiselect > :first-child*/.duet-multiselect.sc-duet-multiselect>.sc-duet-multiselect:first-child{flex:1}/*!@.duet-multiselect .duet-multiselect-badge*/.duet-multiselect.sc-duet-multiselect .duet-multiselect-badge.sc-duet-multiselect{position:absolute;right:3rem}/*!@.has-error .duet-multiselect*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{border-color:#de2362 !important}/*!@.has-error .duet-multiselect .duet-multiselect-icon*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{color:#de2362 !important}/*!@.duet-theme-turva.has-error .duet-multiselect*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{border-color:#e02a0d !important}/*!@.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{color:#e02a0d !important}/*!@.duet-theme-turva .duet-multiselect*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{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;border-color:#747475}/*!@.duet-multiselect svg*/.duet-multiselect.sc-duet-multiselect svg.sc-duet-multiselect{width:20px;height:20px;color:#00294d;pointer-events:none}/*!@.duet-theme-turva .duet-multiselect svg*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect svg.sc-duet-multiselect{color:#171c3a}/*!@.duet-multiselect svg.duet-multiselect-icon--rotate*/.duet-multiselect.sc-duet-multiselect svg.duet-multiselect-icon--rotate.sc-duet-multiselect{transform:rotate(180deg)}/*!@.duet-multiselect-checkboxes*/.duet-multiselect-checkboxes.sc-duet-multiselect{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:white;border:1px solid #e1e3e6;border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}/*!@.duet-theme-turva .duet-multiselect-checkboxes*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect{background:white;border-color:#e4e4e6;box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}/*!@.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active*/.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active.sc-duet-multiselect{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}/*!@.duet-multiselect-help*/.duet-multiselect-help.sc-duet-multiselect{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#657787;border-radius:4px}/*!@.duet-multiselect-help span*/.duet-multiselect-help.sc-duet-multiselect span.sc-duet-multiselect{display:block;margin-top:8px}/*!@.duet-theme-turva .duet-multiselect-help*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:#747475}/*!@.has-error .duet-multiselect-help*/.has-error.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:#de2362}/*!@.duet-theme-turva.has-error .duet-multiselect-help*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:#e02a0d}/*!@.duet-label-hidden duet-label*/.duet-label-hidden.sc-duet-multiselect duet-label.sc-duet-multiselect{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
|
|
13199
|
+
|
|
13200
|
+
function toggleInArray(arr, item) {
|
|
13201
|
+
return arr.includes(item) ? arr.filter(i => i !== item) : [...arr, item];
|
|
13202
|
+
}
|
|
13203
|
+
class DuetMultiselect {
|
|
13204
|
+
constructor(hostRef) {
|
|
13205
|
+
registerInstance(this, hostRef);
|
|
13206
|
+
this.duetChange = createEvent$2(this, "duetChange", 3);
|
|
13207
|
+
this.duetFocus = createEvent$2(this, "duetFocus", 7);
|
|
13208
|
+
this.duetBlur = createEvent$2(this, "duetBlur", 7);
|
|
13209
|
+
/**
|
|
13210
|
+
* Own Properties
|
|
13211
|
+
*/
|
|
13212
|
+
this.errorId = createID("DuetError");
|
|
13213
|
+
this.labelId = createID("DuetLabel");
|
|
13214
|
+
this.topCaptionId = createID("DuetCaptionTop");
|
|
13215
|
+
this.selectedLangObject = {
|
|
13216
|
+
en: "selected",
|
|
13217
|
+
fi: "valittu",
|
|
13218
|
+
sv: "vald",
|
|
13219
|
+
};
|
|
13220
|
+
/**
|
|
13221
|
+
* State() variables
|
|
13222
|
+
* Inlined decorator, alphabetical order.
|
|
13223
|
+
*/
|
|
13224
|
+
this.processedItems = [];
|
|
13225
|
+
this.checkboxesVisible = false;
|
|
13226
|
+
this.activeDescendant = "";
|
|
13227
|
+
/**
|
|
13228
|
+
* Controls the margin of the component.
|
|
13229
|
+
*/
|
|
13230
|
+
this.margin = "auto";
|
|
13231
|
+
/**
|
|
13232
|
+
* Display the select in error state along with an error message.
|
|
13233
|
+
*/
|
|
13234
|
+
this.error = "";
|
|
13235
|
+
/**
|
|
13236
|
+
* Expands the input to fill 100% of the container width.
|
|
13237
|
+
*/
|
|
13238
|
+
this.expand = false;
|
|
13239
|
+
/**
|
|
13240
|
+
* Value of multiselect
|
|
13241
|
+
*/
|
|
13242
|
+
this.value = [];
|
|
13243
|
+
/**
|
|
13244
|
+
* Theme of the select.
|
|
13245
|
+
*/
|
|
13246
|
+
this.theme = "";
|
|
13247
|
+
/**
|
|
13248
|
+
* Visually hide the label, but still show it to screen readers.
|
|
13249
|
+
*/
|
|
13250
|
+
this.labelHidden = false;
|
|
13251
|
+
/**
|
|
13252
|
+
* Adds a unique identifier for the select.
|
|
13253
|
+
*/
|
|
13254
|
+
this.identifier = createID("DuetMultiselect");
|
|
13255
|
+
/**
|
|
13256
|
+
* Hint text to display.
|
|
13257
|
+
*/
|
|
13258
|
+
this.placeholder = "";
|
|
13259
|
+
/**
|
|
13260
|
+
* Makes the select component disabled. This prevents users from being able
|
|
13261
|
+
* to interact with the select, and conveys its inactive state to assistive
|
|
13262
|
+
* technologies.
|
|
13263
|
+
*/
|
|
13264
|
+
this.disabled = false;
|
|
13265
|
+
/**
|
|
13266
|
+
* Label for the select.
|
|
13267
|
+
*/
|
|
13268
|
+
this.label = "label";
|
|
13269
|
+
/**
|
|
13270
|
+
* Tooltip to display next to the label of the input.
|
|
13271
|
+
*/
|
|
13272
|
+
this.tooltip = "";
|
|
13273
|
+
/**
|
|
13274
|
+
* With direction setting you can force the tooltip to always open towards left
|
|
13275
|
+
* or right instead of automatically determining the direction.
|
|
13276
|
+
*/
|
|
13277
|
+
this.tooltipDirection = "auto";
|
|
13278
|
+
/**
|
|
13279
|
+
* Component event handling.
|
|
13280
|
+
*/
|
|
13281
|
+
this.onClick = (ev) => {
|
|
13282
|
+
ev.stopPropagation();
|
|
13283
|
+
};
|
|
13284
|
+
this.onChange = (ev) => {
|
|
13285
|
+
this.duetChange.emit({
|
|
13286
|
+
originalEvent: ev,
|
|
13287
|
+
value: this.value,
|
|
13288
|
+
component: "duet-multiselect",
|
|
13289
|
+
});
|
|
13290
|
+
};
|
|
13291
|
+
this.onBlur = (ev) => {
|
|
13292
|
+
this.duetBlur.emit({
|
|
13293
|
+
originalEvent: ev,
|
|
13294
|
+
value: this.value,
|
|
13295
|
+
component: "duet-multiselect",
|
|
13296
|
+
});
|
|
13297
|
+
};
|
|
13298
|
+
this.onFocus = (ev) => {
|
|
13299
|
+
this.duetFocus.emit({
|
|
13300
|
+
originalEvent: ev,
|
|
13301
|
+
value: this.value,
|
|
13302
|
+
component: "duet-multiselect",
|
|
13303
|
+
});
|
|
13304
|
+
};
|
|
13305
|
+
this.onMultiselectKeyDown = (e) => {
|
|
13306
|
+
if (isEscapeKey(e) || isTabKey(e)) {
|
|
13307
|
+
if (this.checkboxesVisible) {
|
|
13308
|
+
this.checkboxesVisible = false;
|
|
13309
|
+
this.multiselectElement.focus();
|
|
13310
|
+
e.preventDefault();
|
|
13311
|
+
}
|
|
13312
|
+
}
|
|
13313
|
+
};
|
|
13314
|
+
this.onMultiselectInputKeyDown = (e) => {
|
|
13315
|
+
if (isEnterKey(e)) {
|
|
13316
|
+
e.preventDefault();
|
|
13317
|
+
this.toggleCheckboxes();
|
|
13318
|
+
setTimeout(() => {
|
|
13319
|
+
if (this.checkboxesVisible) {
|
|
13320
|
+
const firstOption = this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(0)}`);
|
|
13321
|
+
if (firstOption) {
|
|
13322
|
+
firstOption.focus();
|
|
13323
|
+
}
|
|
13324
|
+
}
|
|
13325
|
+
}, 200);
|
|
13326
|
+
}
|
|
13327
|
+
};
|
|
13328
|
+
this.onCheckboxKeyDown = (e, key) => {
|
|
13329
|
+
let nextOption;
|
|
13330
|
+
if (isArrowLeftKey(e) || isArrowUpKey(e)) {
|
|
13331
|
+
nextOption = this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(key - 1)}`);
|
|
13332
|
+
}
|
|
13333
|
+
else if (isArrowRightKey(e) || isArrowDownKey(e)) {
|
|
13334
|
+
nextOption = this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(key + 1)}`);
|
|
13335
|
+
}
|
|
13336
|
+
if (nextOption) {
|
|
13337
|
+
nextOption.focus();
|
|
13338
|
+
e.preventDefault();
|
|
13339
|
+
this.activeDescendant = nextOption.id;
|
|
13340
|
+
}
|
|
13341
|
+
};
|
|
13342
|
+
this.toggleCheckboxes = () => {
|
|
13343
|
+
this.checkboxesVisible = !this.checkboxesVisible;
|
|
13344
|
+
};
|
|
13345
|
+
this.toggleCheckbox = (e, item) => {
|
|
13346
|
+
this.value = toggleInArray(this.value, item);
|
|
13347
|
+
this.onChange(e);
|
|
13348
|
+
};
|
|
13349
|
+
this.getOptionIdentifier = (key) => {
|
|
13350
|
+
return `${this.identifier}-option-${key}`;
|
|
13351
|
+
};
|
|
13352
|
+
}
|
|
13353
|
+
/**
|
|
13354
|
+
* Component lifecycle events.
|
|
13355
|
+
*/
|
|
13356
|
+
componentWillLoad() {
|
|
13357
|
+
inheritGlobalTheme(this);
|
|
13358
|
+
this.isCaptionVisible = !!this.caption;
|
|
13359
|
+
this.refresh();
|
|
13360
|
+
}
|
|
13361
|
+
/**
|
|
13362
|
+
* Sets focus on the specified `duet-multiselect`. Use this method instead of the global
|
|
13363
|
+
* `multiselect.focus()`.
|
|
13364
|
+
*/
|
|
13365
|
+
async setFocus(options) {
|
|
13366
|
+
if (this.multiselectElement) {
|
|
13367
|
+
this.multiselectElement.focus(options);
|
|
13368
|
+
}
|
|
13369
|
+
}
|
|
13370
|
+
/**
|
|
13371
|
+
* Local methods.
|
|
13372
|
+
*/
|
|
13373
|
+
async refresh() {
|
|
13374
|
+
this.processedItems = parsePossibleJSON(this.items);
|
|
13375
|
+
}
|
|
13376
|
+
/**
|
|
13377
|
+
* render() function
|
|
13378
|
+
* Always the last one in the class.
|
|
13379
|
+
*/
|
|
13380
|
+
render() {
|
|
13381
|
+
const selectedTranslation = getLocaleString(this.selectedLangObject);
|
|
13382
|
+
return (hAsync(Host, { onClick: this.onClick, class: {
|
|
13383
|
+
"duet-m-0": this.margin === "none",
|
|
13384
|
+
"duet-expand": this.expand,
|
|
13385
|
+
} }, hAsync("div", { class: {
|
|
13386
|
+
"duet-multiselect-container": true,
|
|
13387
|
+
"duet-label-hidden": this.labelHidden,
|
|
13388
|
+
"duet-theme-turva": this.theme === "turva",
|
|
13389
|
+
"duet-input-top-caption-shown": this.isCaptionVisible,
|
|
13390
|
+
"has-error": !!this.error,
|
|
13391
|
+
}, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { class: "duet-multiselect-wrapper" }, hAsync("button", { id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": `${this.labelId} ${this.errorId}`, "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes` }, this.placeholder), this.value && this.value.length > 0 && (hAsync("duet-badge", { class: "duet-multiselect-badge", margin: "none", theme: this.theme }, this.value.length, " ", selectedTranslation, hAsync("duet-visually-hidden", null, ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { role: "img", class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { id: `${this.identifier}-checkboxes`, role: "listbox", class: {
|
|
13392
|
+
"duet-multiselect-checkboxes": true,
|
|
13393
|
+
"duet-multiselect-checkboxes-active": this.checkboxesVisible,
|
|
13394
|
+
}, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, this.processedItems &&
|
|
13395
|
+
this.processedItems.map((item, key) => {
|
|
13396
|
+
var _a, _b;
|
|
13397
|
+
return (hAsync("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
|
|
13398
|
+
}))), hAsync("span", { class: "duet-multiselect-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error)))));
|
|
13399
|
+
}
|
|
13400
|
+
get element() { return getElement(this); }
|
|
13401
|
+
static get watchers() { return {
|
|
13402
|
+
"items": ["refresh"]
|
|
13403
|
+
}; }
|
|
13404
|
+
static get style() { return duetMultiselectCss; }
|
|
13405
|
+
static get cmpMeta() { return {
|
|
13406
|
+
"$flags$": 9,
|
|
13407
|
+
"$tagName$": "duet-multiselect",
|
|
13408
|
+
"$members$": {
|
|
13409
|
+
"margin": [1],
|
|
13410
|
+
"error": [1],
|
|
13411
|
+
"expand": [4],
|
|
13412
|
+
"value": [1040],
|
|
13413
|
+
"theme": [1025],
|
|
13414
|
+
"labelHidden": [4, "label-hidden"],
|
|
13415
|
+
"identifier": [1],
|
|
13416
|
+
"placeholder": [1],
|
|
13417
|
+
"caption": [1],
|
|
13418
|
+
"items": [1],
|
|
13419
|
+
"disabled": [516],
|
|
13420
|
+
"label": [1],
|
|
13421
|
+
"tooltip": [1],
|
|
13422
|
+
"tooltipDirection": [1, "tooltip-direction"],
|
|
13423
|
+
"processedItems": [32],
|
|
13424
|
+
"checkboxesVisible": [32],
|
|
13425
|
+
"activeDescendant": [32],
|
|
13426
|
+
"setFocus": [64]
|
|
13427
|
+
},
|
|
13428
|
+
"$listeners$": undefined,
|
|
13429
|
+
"$lazyBundleId$": "-",
|
|
13430
|
+
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
13431
|
+
}; }
|
|
13432
|
+
}
|
|
13433
|
+
|
|
13194
13434
|
const duetNotificationCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-notification,*.sc-duet-notification::after,*.sc-duet-notification::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-notification-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%}/*!@.duet-notification*/.duet-notification.sc-duet-notification{display:block;padding:16px;color:#00294d;cursor:pointer;border-bottom:1px solid #e1e3e6;transition:300ms ease}/*!@:host(:last-of-type) .duet-notification*/.sc-duet-notification-h:last-of-type .duet-notification.sc-duet-notification{border-bottom:0}/*!@.duet-notification.duet-theme-turva*/.duet-notification.duet-theme-turva.sc-duet-notification{color:#171c3a;border-bottom-color:#e4e4e6}/*!@.duet-notification.duet-notification-highlight*/.duet-notification.duet-notification-highlight.sc-duet-notification{font-weight:600;background:#f3f9fc}/*!@.duet-notification.duet-notification-highlight.duet-theme-turva*/.duet-notification.duet-notification-highlight.duet-theme-turva.sc-duet-notification{background:#fcf3f4}@media (min-width: 62em){/*!@.duet-notification:hover*/.duet-notification.sc-duet-notification:hover{background:#f3f9fc}/*!@.duet-notification:hover.duet-theme-turva*/.duet-notification.sc-duet-notification:hover.duet-theme-turva{background:#fcf3f4}}/*!@.duet-notification a*/.duet-notification.sc-duet-notification a.sc-duet-notification{text-decoration:none}/*!@.duet-notification a:focus*/.duet-notification.sc-duet-notification a.sc-duet-notification:focus{outline:0}/*!@:host(.user-is-tabbing) .duet-notification:focus-within*/.user-is-tabbing.sc-duet-notification-h .duet-notification.sc-duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva*/.user-is-tabbing.sc-duet-notification-h .duet-notification.sc-duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-notification-container*/.duet-notification-container.sc-duet-notification{position:relative;display:flex}/*!@.duet-notification-badge-container*/.duet-notification-badge-container.sc-duet-notification{position:relative;width:16px}/*!@.duet-notification-badge*/.duet-notification-badge.sc-duet-notification{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:#0077b3;border-radius:50%}/*!@.duet-theme-turva .duet-notification-badge*/.duet-theme-turva.sc-duet-notification .duet-notification-badge.sc-duet-notification{background:#c60c30}/*!@.duet-notification-content*/.duet-notification-content.sc-duet-notification{flex:1}/*!@.duet-notification-date*/.duet-notification-date.sc-duet-notification{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:#657787;text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){/*!@.duet-notification-date*/.duet-notification-date.sc-duet-notification{width:auto}}/*!@.duet-theme-turva .duet-notification-date*/.duet-theme-turva.sc-duet-notification .duet-notification-date.sc-duet-notification{color:#444445}/*!@::slotted(duet-heading)*/.sc-duet-notification-s>duet-heading{padding-right:80px !important}/*!@::slotted(duet-paragraph)*/.sc-duet-notification-s>duet-paragraph{margin-bottom:2px !important}";
|
|
13195
13435
|
|
|
13196
13436
|
class DuetNotification {
|
|
@@ -18609,6 +18849,7 @@ registerComponents([
|
|
|
18609
18849
|
DuetListItem,
|
|
18610
18850
|
DuetLogo,
|
|
18611
18851
|
DuetModal,
|
|
18852
|
+
DuetMultiselect,
|
|
18612
18853
|
DuetNotification,
|
|
18613
18854
|
DuetNotificationDrawer,
|
|
18614
18855
|
DuetNumberInput,
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
11
|
const jsUtils = require('./js-utils-134e0318.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
11
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const duetBreadcrumbCss = "*,*::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-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
11
11
|
require('./string-utils-5cadd058.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const commonStrings = require('./common-strings-de17f887.js');
|
|
11
11
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const stringUtils = require('./string-utils-5cadd058.js');
|
|
11
11
|
const tokenUtils = require('./token-utils-f6e2f4ef.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
11
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
11
|
|
|
@@ -37,6 +37,10 @@ const DuetCheckbox = class {
|
|
|
37
37
|
* Aria description the button
|
|
38
38
|
*/
|
|
39
39
|
this.accessibleDescription = undefined;
|
|
40
|
+
/**
|
|
41
|
+
* Aria selected
|
|
42
|
+
*/
|
|
43
|
+
this.accessibleSelected = undefined;
|
|
40
44
|
/**
|
|
41
45
|
* Set whether the input is required or not. Please note that this is required for
|
|
42
46
|
* accessible inputs when the user is required to fill them. When using this property
|
|
@@ -120,7 +124,7 @@ const DuetCheckbox = class {
|
|
|
120
124
|
"duet-checkbox-container": true,
|
|
121
125
|
"duet-label-hidden": this.labelHidden,
|
|
122
126
|
"duet-theme-turva": this.theme === "turva",
|
|
123
|
-
} }, index.h("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, required: this.required, role: this.role, name: this.name, id: identifier }), index.h("label", { class: "duet-label", htmlFor: identifier }, index.h("span", null, this.label)))));
|
|
127
|
+
} }, index.h("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), index.h("label", { class: "duet-label", htmlFor: identifier }, index.h("span", null, this.label)))));
|
|
124
128
|
}
|
|
125
129
|
get element() { return index.getElement(this); }
|
|
126
130
|
};
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const commonStrings = require('./common-strings-de17f887.js');
|
|
11
11
|
const createId = require('./create-id-c3b984b1.js');
|
|
12
|
-
const focusUtils = require('./focus-utils-
|
|
12
|
+
const focusUtils = require('./focus-utils-5bf92cc0.js');
|
|
13
13
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
14
14
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
15
15
|
const watchOptions = require('./watch-options-d88afac0.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
|
|
10
10
|
const tokens = require('./tokens-4c69b122.js');
|
|
11
11
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const jsUtils = require('./js-utils-134e0318.js');
|
|
11
11
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const 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}";
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
|
-
const focusUtils = require('./focus-utils-
|
|
11
|
+
const focusUtils = require('./focus-utils-5bf92cc0.js');
|
|
12
12
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
13
13
|
require('./string-utils-5cadd058.js');
|
|
14
14
|
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const 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}";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const jsUtils = require('./js-utils-134e0318.js');
|
|
11
11
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
@@ -176,7 +176,8 @@ const DuetEditableTable = class {
|
|
|
176
176
|
"duet-table-action-header": !!this.actions,
|
|
177
177
|
} }, sortedColumns.map(column => {
|
|
178
178
|
if (column.display !== false) {
|
|
179
|
-
|
|
179
|
+
const label = this.createLabel(column);
|
|
180
|
+
return label !== "" ? index.h("th", { scope: "col" }, label) : index.h("td", null);
|
|
180
181
|
}
|
|
181
182
|
}), this.actions && (index.h("th", { scope: "col", class: "duet-table-action-header-heading" }, this.actions && index.h("duet-visually-hidden", null, languageUtils.getLocaleString(this.actionColumnLabel))))));
|
|
182
183
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const 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}";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
|
|
10
10
|
const commonStrings = require('./common-strings-de17f887.js');
|
|
11
11
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const tokens = require('./tokens-4c69b122.js');
|
|
10
10
|
const watchOptions = require('./watch-options-d88afac0.js');
|
|
11
11
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const formSearch = require('./form-search-d61b2843.js');
|
|
10
10
|
const tokens = require('./tokens-4c69b122.js');
|
|
11
11
|
const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
|
|
10
10
|
const commonStrings = require('./common-strings-de17f887.js');
|
|
11
11
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const tokenUtils = require('./token-utils-f6e2f4ef.js');
|
|
11
11
|
require('./tokens.module-1bb2d45e.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-d380d72b.js');
|
|
9
9
|
const formSearch = require('./form-search-d61b2843.js');
|
|
10
10
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
11
11
|
const createId = require('./create-id-c3b984b1.js');
|