@duetds/components 8.6.2 → 8.6.4
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 +695 -649
- package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-alert.cjs.entry.js +2 -0
- package/lib/cjs/duet-banner.cjs.entry.js +6 -4
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +2 -2
- package/lib/cjs/duet-button_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-caption_4.cjs.entry.js +4 -4
- package/lib/cjs/duet-card.cjs.entry.js +2 -2
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
- package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +2 -2
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +2 -2
- 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-menu-bar.cjs.entry.js +1 -1
- package/lib/cjs/duet-modal.cjs.entry.js +26 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +2 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +24 -11
- package/lib/cjs/duet-popup-menu.cjs.entry.js +1 -0
- package/lib/cjs/duet-promo-card.cjs.entry.js +2 -2
- 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 +2 -2
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +2 -2
- package/lib/cjs/duet-slideout.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -1
- package/lib/cjs/duet-submenu-bar.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.cjs.js +1 -1
- package/lib/cjs/loader.cjs.js +1 -1
- package/lib/cjs/{token-utils-4ff49a49.js → token-utils-2a219fda.js} +1 -1
- package/lib/cjs/{tokens-d270c810.js → tokens-851fb0c9.js} +376 -376
- package/lib/cjs/{tokens.module-2198b663.js → tokens.module-3e57c188.js} +250 -250
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
- package/lib/collection/components/duet-alert/duet-alert.js +17 -1
- package/lib/collection/components/duet-banner/duet-banner.css +27 -23
- package/lib/collection/components/duet-banner/duet-banner.js +4 -2
- package/lib/collection/components/duet-button/duet-button.js +5 -5
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.js +3 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.css +4 -4
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-chip/duet-chip.js +6 -6
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
- package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.js +7 -7
- package/lib/collection/components/duet-grid/duet-grid.js +3 -3
- package/lib/collection/components/duet-header/duet-header.js +15 -15
- package/lib/collection/components/duet-heading/duet-heading.js +1 -1
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.css +3 -2
- package/lib/collection/components/duet-input/duet-input.js +8 -8
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +1 -1
- package/lib/collection/components/duet-link/duet-link.css +12 -6
- package/lib/collection/components/duet-link/duet-link.js +1 -1
- package/lib/collection/components/duet-list/duet-list.js +3 -3
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
- package/lib/collection/components/duet-modal/duet-modal.css +2 -1
- package/lib/collection/components/duet-modal/duet-modal.e2e.js +21 -0
- package/lib/collection/components/duet-modal/duet-modal.js +75 -10
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.css +3 -0
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +1 -0
- package/lib/collection/components/duet-pagination/duet-pagination.js +37 -10
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +22 -1
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-radio/duet-radio.css +4 -4
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +24 -2
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
- package/lib/collection/components/duet-slideout/duet-slideout.js +1 -1
- package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
- package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
- package/lib/collection/components/duet-upload/duet-upload.js +14 -14
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- 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-banner.js +7 -5
- package/lib/dist-custom-elements/duet-breadcrumb.js +1 -1
- package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +2 -2
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-chip.js +1 -1
- package/lib/dist-custom-elements/duet-choice-group.js +3 -3
- package/lib/dist-custom-elements/duet-choice.js +1 -1
- package/lib/dist-custom-elements/duet-collapsible.js +2 -2
- package/lib/dist-custom-elements/duet-combobox.js +8 -8
- package/lib/dist-custom-elements/duet-contact-card.js +6 -6
- package/lib/dist-custom-elements/duet-cookie-consent.js +3 -3
- 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 +5 -5
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-footer.js +2 -2
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +6 -6
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +5 -5
- 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-link.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-item.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-link.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar.js +2 -2
- package/lib/dist-custom-elements/duet-modal.js +31 -7
- package/lib/dist-custom-elements/duet-multiselect.js +5 -5
- package/lib/dist-custom-elements/duet-notification-drawer.js +3 -3
- package/lib/dist-custom-elements/duet-number-input.js +7 -7
- package/lib/dist-custom-elements/duet-page-heading.js +3 -2
- package/lib/dist-custom-elements/duet-pagination.js +27 -17
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu-item.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu.js +2 -0
- package/lib/dist-custom-elements/duet-promo-card.js +3 -3
- package/lib/dist-custom-elements/duet-radio-group.js +3 -3
- 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 +8 -3
- 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-show-more.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-lang.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-link.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-panel.js +2 -2
- package/lib/dist-custom-elements/duet-slideout.js +2 -2
- package/lib/dist-custom-elements/duet-spinner.js +1 -1
- package/lib/dist-custom-elements/duet-step.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-item.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar.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 +5 -5
- package/lib/dist-custom-elements/duet-toggle.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-item.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-link.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +2 -2
- package/lib/dist-custom-elements/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +11 -11
- package/lib/dist-custom-elements/{p-08124065.js → p-01c62feb.js} +1 -1
- package/lib/dist-custom-elements/{p-92a16064.js → p-18552e4e.js} +3 -3
- package/lib/dist-custom-elements/{p-baf3208f.js → p-1a8d1a11.js} +1 -1
- package/lib/dist-custom-elements/{p-83231ea8.js → p-20b3fa1e.js} +3 -3
- package/lib/dist-custom-elements/{p-a829df6e.js → p-27b6f57b.js} +1 -1
- package/lib/dist-custom-elements/{p-46074a1a.js → p-29926f8a.js} +2 -2
- package/lib/dist-custom-elements/{p-2f410810.js → p-29b18cdf.js} +4 -4
- package/lib/dist-custom-elements/{p-25c80cdb.js → p-3ec3eb5f.js} +1 -1
- package/lib/dist-custom-elements/{p-6d366100.js → p-3f85f7b8.js} +6 -4
- package/lib/dist-custom-elements/{p-e10f446d.js → p-43fc089a.js} +5 -5
- package/lib/dist-custom-elements/{p-17ed32c8.js → p-4779e8e0.js} +1 -1
- package/lib/dist-custom-elements/{p-0c564379.js → p-67ef919e.js} +250 -250
- package/lib/dist-custom-elements/{p-e3d597b6.js → p-6ac13d84.js} +1 -1
- package/lib/dist-custom-elements/{p-014c1177.js → p-7b97ad08.js} +6 -6
- package/lib/dist-custom-elements/{p-28ec3461.js → p-82302a93.js} +3 -3
- package/lib/dist-custom-elements/{p-667579b0.js → p-9ca3437c.js} +2 -2
- package/lib/dist-custom-elements/{p-bb25377b.js → p-b29a25ab.js} +1 -1
- package/lib/dist-custom-elements/{p-63954651.js → p-b676c88c.js} +1 -1
- package/lib/dist-custom-elements/{p-d482a2e9.js → p-c76bd205.js} +1 -1
- package/lib/{esm/tokens-5e02bbe0.js → dist-custom-elements/p-d5c03b61.js} +376 -376
- package/lib/dist-custom-elements/{p-a167e2a0.js → p-d72fa71c.js} +1 -1
- package/lib/dist-custom-elements/{p-e702eb52.js → p-d8932b2b.js} +4 -4
- package/lib/dist-custom-elements/{p-0cee8a12.js → p-ecaba4be.js} +1 -1
- package/lib/dist-custom-elements/{p-755dd68f.js → p-ef51ec63.js} +1 -1
- package/lib/dist-custom-elements/{p-f4ac6968.js → p-f40596e9.js} +2 -2
- package/lib/dist-custom-elements/{p-a02e62f3.js → p-f47e755d.js} +3 -3
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-1a7649e4.entry.js → p-01e99d98.entry.js} +1 -1
- package/lib/duet/{p-4e724a7d.entry.js → p-032e2711.entry.js} +1 -1
- package/lib/duet/{p-956fad95.system.entry.js → p-080d1309.system.entry.js} +1 -1
- package/lib/duet/p-08379332.entry.js +4 -0
- package/lib/duet/{p-37802e1f.system.entry.js → p-0b7eacfc.system.entry.js} +1 -1
- package/lib/duet/{p-c586a2c4.system.entry.js → p-166ee660.system.entry.js} +1 -1
- package/lib/duet/{p-0bdcf67f.js → p-1784b1d2.js} +1 -1
- package/lib/duet/{p-a21391c0.system.entry.js → p-1ab80c29.system.entry.js} +1 -1
- package/lib/duet/{p-7f4b420c.system.entry.js → p-1bc74805.system.entry.js} +1 -1
- package/lib/duet/{p-4781cd58.entry.js → p-20914caa.entry.js} +1 -1
- package/lib/duet/p-21f4713b.system.entry.js +4 -0
- package/lib/duet/{p-45bb3cd0.system.entry.js → p-2208faac.system.entry.js} +1 -1
- package/lib/duet/{p-69e67b58.entry.js → p-283d802c.entry.js} +1 -1
- package/lib/duet/p-33e25171.system.entry.js +4 -0
- package/lib/duet/{p-999fff8d.system.entry.js → p-40a7a9b0.system.entry.js} +1 -1
- package/lib/duet/{p-76e54ff5.entry.js → p-413838af.entry.js} +1 -1
- package/lib/duet/{p-ebbecac7.system.entry.js → p-427eec46.system.entry.js} +1 -1
- package/lib/duet/{p-15c22a22.entry.js → p-4605197f.entry.js} +1 -1
- package/lib/duet/{p-2522cfc3.entry.js → p-49a25bf5.entry.js} +1 -1
- package/lib/duet/p-49f79189.system.entry.js +4 -0
- package/lib/duet/p-4a901bfc.js +4 -0
- package/lib/duet/{p-e0907f29.entry.js → p-5063685a.entry.js} +1 -1
- package/lib/duet/{p-8fb1d27a.system.entry.js → p-51adcace.system.entry.js} +1 -1
- package/lib/duet/{p-afe7d680.entry.js → p-5dd177d8.entry.js} +1 -1
- package/lib/duet/{p-07ac7f3e.system.entry.js → p-60f12cac.system.entry.js} +1 -1
- package/lib/duet/p-6151635f.system.js +1 -1
- package/lib/duet/p-622f89ff.entry.js +4 -0
- package/lib/duet/p-62512c7e.system.entry.js +4 -0
- package/lib/duet/p-62c34a4d.system.entry.js +4 -0
- package/lib/duet/{p-ad9b7b51.entry.js → p-6623f965.entry.js} +1 -1
- package/lib/duet/{p-9e75e5d8.system.entry.js → p-690a8348.system.entry.js} +1 -1
- package/lib/duet/{p-73cd3afd.entry.js → p-6a1bd4d9.entry.js} +1 -1
- package/lib/duet/p-6e3a7d3f.system.entry.js +4 -0
- package/lib/duet/{p-6c9cfb6d.entry.js → p-6f24a09e.entry.js} +1 -1
- package/lib/duet/{p-eafed149.system.entry.js → p-76a419f1.system.entry.js} +1 -1
- package/lib/duet/p-787520f2.entry.js +4 -0
- package/lib/duet/{p-c776e072.entry.js → p-7f7a7a71.entry.js} +1 -1
- package/lib/duet/{p-3302d75d.entry.js → p-805a3314.entry.js} +1 -1
- package/lib/duet/{p-a90f23ec.system.entry.js → p-907787c5.system.entry.js} +1 -1
- package/lib/duet/{p-b78c3e3e.entry.js → p-91677c21.entry.js} +1 -1
- package/lib/duet/{p-b02ca265.entry.js → p-9180b8be.entry.js} +1 -1
- package/lib/duet/{p-7a161455.entry.js → p-96ca57c0.entry.js} +1 -1
- package/lib/duet/{p-628ae8ba.entry.js → p-a5bb0b7f.entry.js} +1 -1
- package/lib/duet/{p-cc9cfdb3.entry.js → p-a64b72f5.entry.js} +1 -1
- package/lib/duet/{p-4de910bd.system.entry.js → p-b781e27f.system.entry.js} +1 -1
- package/lib/duet/{p-73e66b09.system.js → p-c1445714.system.js} +1 -1
- package/lib/duet/{p-7ca15c93.entry.js → p-c2c2e797.entry.js} +1 -1
- package/lib/duet/{p-a659cdb5.system.entry.js → p-c30b6ad6.system.entry.js} +1 -1
- package/lib/duet/{p-38f9c1e3.entry.js → p-c493cd2e.entry.js} +1 -1
- package/lib/duet/p-c51d6fb5.system.js +4 -0
- package/lib/duet/p-c5f48c1c.system.entry.js +4 -0
- package/lib/duet/p-c86d6786.system.js +4 -0
- package/lib/duet/{p-0fc721ab.system.entry.js → p-caf153e4.system.entry.js} +1 -1
- package/lib/duet/{p-c68602c9.system.entry.js → p-ce01f793.system.entry.js} +1 -1
- package/lib/duet/{p-e640a515.system.entry.js → p-ce6892d9.system.entry.js} +1 -1
- package/lib/duet/p-d067ebb8.entry.js +4 -0
- package/lib/duet/p-d5c03b61.js +4 -0
- package/lib/duet/{p-80ffc878.system.entry.js → p-da0e9110.system.entry.js} +1 -1
- package/lib/duet/p-e12b461b.entry.js +4 -0
- package/lib/duet/p-e4595aa7.system.entry.js +4 -0
- package/lib/duet/p-e7d32eaa.entry.js +4 -0
- package/lib/duet/{p-e411627f.entry.js → p-ee4075c2.entry.js} +1 -1
- package/lib/duet/{p-174ad02e.system.entry.js → p-f0209c14.system.entry.js} +1 -1
- package/lib/duet/p-f252a415.entry.js +4 -0
- package/lib/duet/{p-9ac25886.system.entry.js → p-f52f44d6.system.entry.js} +1 -1
- package/lib/duet/{p-179881d0.system.entry.js → p-fa3801ea.system.entry.js} +1 -1
- package/lib/duet/{p-05a72320.entry.js → p-ff4969cc.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +2 -2
- package/lib/esm/duet-alert.entry.js +2 -0
- package/lib/esm/duet-banner.entry.js +6 -4
- package/lib/esm/duet-breadcrumbs.entry.js +2 -2
- package/lib/esm/duet-button_2.entry.js +2 -2
- package/lib/esm/duet-caption_4.entry.js +4 -4
- package/lib/esm/duet-card.entry.js +2 -2
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-collapsible.entry.js +1 -1
- package/lib/esm/duet-divider_2.entry.js +2 -2
- package/lib/esm/duet-editable-table_3.entry.js +2 -2
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +2 -2
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-input_2.entry.js +2 -2
- package/lib/esm/duet-menu-bar.entry.js +1 -1
- package/lib/esm/duet-modal.entry.js +26 -3
- package/lib/esm/duet-page-heading.entry.js +2 -1
- package/lib/esm/duet-pagination_2.entry.js +24 -11
- package/lib/esm/duet-popup-menu.entry.js +1 -0
- package/lib/esm/duet-promo-card.entry.js +2 -2
- 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 +2 -2
- package/lib/esm/duet-slideout-panel.entry.js +2 -2
- package/lib/esm/duet-slideout.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm/duet-submenu-bar.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.js +1 -1
- package/lib/esm/loader.js +1 -1
- package/lib/esm/{token-utils-2adbab3f.js → token-utils-1f843fb9.js} +1 -1
- package/lib/{dist-custom-elements/p-f9a8d356.js → esm/tokens-a9d9d4dd.js} +376 -376
- package/lib/esm/{tokens.module-8dbafec7.js → tokens.module-ed0ed26f.js} +250 -250
- 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-banner.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 +1 -1
- package/lib/esm-es5/duet-collapsible.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 +2 -2
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.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-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.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.js +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{token-utils-2adbab3f.js → token-utils-1f843fb9.js} +1 -1
- package/lib/esm-es5/tokens-a9d9d4dd.js +4 -0
- package/lib/esm-es5/tokens.module-ed0ed26f.js +4 -0
- package/lib/types/components/duet-alert/duet-alert.d.ts +4 -0
- package/lib/types/components/duet-modal/duet-modal.d.ts +12 -2
- package/lib/types/components/duet-pagination/duet-pagination.d.ts +4 -0
- package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +4 -0
- package/lib/types/components/duet-range-stepper/duet-range-stepper.d.ts +4 -0
- package/lib/types/components.d.ts +34 -2
- package/package.json +3 -3
- package/lib/duet/p-061f4be0.system.entry.js +0 -4
- package/lib/duet/p-1c689a26.system.js +0 -4
- package/lib/duet/p-1ef0e5ca.system.entry.js +0 -4
- package/lib/duet/p-46dda347.system.entry.js +0 -4
- package/lib/duet/p-5c8e3667.entry.js +0 -4
- package/lib/duet/p-67dc45d7.js +0 -4
- package/lib/duet/p-723e165b.system.entry.js +0 -4
- package/lib/duet/p-8a41bde4.system.entry.js +0 -4
- package/lib/duet/p-8ba91848.entry.js +0 -4
- package/lib/duet/p-a3afb1af.entry.js +0 -4
- package/lib/duet/p-b31d31d8.system.js +0 -4
- package/lib/duet/p-b6f62761.entry.js +0 -4
- package/lib/duet/p-c3c12f8d.entry.js +0 -4
- package/lib/duet/p-c5cf76db.entry.js +0 -4
- package/lib/duet/p-d739e7af.system.entry.js +0 -4
- package/lib/duet/p-deb98669.entry.js +0 -4
- package/lib/duet/p-e362468f.system.entry.js +0 -4
- package/lib/duet/p-e58015e8.system.entry.js +0 -4
- package/lib/duet/p-f9a8d356.js +0 -4
- package/lib/esm-es5/tokens-5e02bbe0.js +0 -4
- package/lib/esm-es5/tokens.module-8dbafec7.js +0 -4
|
@@ -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-356c0666.js";import{i as inheritGlobalTheme}from"./themeable-component-724c0f7e.js";import{g as getColorByName}from"./token-utils-
|
|
4
|
+
import{r as registerInstance,h,g as getElement,H as Host}from"./index-356c0666.js";import{i as inheritGlobalTheme}from"./themeable-component-724c0f7e.js";import{g as getColorByName}from"./token-utils-1f843fb9.js";import"./tokens.module-ed0ed26f.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:rgb(225, 227, 230)}.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:rgb(228, 228, 230)}";var DuetDivider=function(){function e(e){registerInstance(this,e);this.theme="";this.margin="auto";this.color=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e=getColorByName(this.color);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"},style:{background:e}})};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-".concat(this.direction)]=true,e)})};return e}();DuetSpacer.style=duetSpacerCss;export{DuetDivider as duet_divider,DuetSpacer as duet_spacer};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,a
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function o(t){try{d(a.next(t))}catch(t){r(t)}}function l(t){try{d(a["throw"](t))}catch(t){r(t)}}function d(t){t.done?i(t.value):n(t.value).then(o,l)}d((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(t){return function(e){return d([t,e])}}function d(l){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,l[0]&&(i=0)),i)try{if(a=1,n&&(r=l[0]&2?n["return"]:l[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,l[1])).done)return r;if(n=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;n=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(l[0]===6&&i.label<r[1]){i.label=r[1];r=l;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(l);break}if(r[2])i.ops.pop();i.trys.pop();continue}l=e.call(t,i)}catch(t){l=[6,t];n=0}finally{a=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var a=0,n=e.length,r;a<n;a++){if(r||!(a in e)){if(!r)r=Array.prototype.slice.call(e,0,a);r[a]=e[a]}}return t.concat(r||Array.prototype.slice.call(e))};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/import{h,r as registerInstance,c as createEvent,H as Host,g as getElement,F as Fragment}from"./index-356c0666.js";import{i as inheritGlobalTheme}from"./themeable-component-724c0f7e.js";import{f as fieldSorter,d as debounce}from"./js-utils-9b9e0039.js";import{i as isKeyboardClick}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString,s as sanitizeString}from"./language-utils-00ca4c55.js";import{p as sizeNavigation,s as sizeHeader}from"./tokens.module-8dbafec7.js";import{b as breakpointTokensUpTo,a as breakpointToToken}from"./token-utils-2adbab3f.js";import{c as createID}from"./create-id-149a1b6d.js";import{p as parsePossibleJSON}from"./string-utils-ca039233.js";import{g as getError,a as getI18nError}from"./errorcodes.utils-e681347c.js";var TableData=function(t,e){var a=t.data,i=t.groupId,n=t.alignment;var r="duet-editable-table duet-editable-table-content-".concat(i);if(typeof a==="string"){return h("td",{innerHTML:a,class:r,part:"".concat(i,"content"),style:{verticalAlign:n}})}else{return h("td",{class:r,part:"".concat(i,"content"),style:{verticalAlign:n}},a)}};var duetEditableTableCss=".sc-duet-editable-table-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-actions-menu.sc-duet-editable-table{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button.sc-duet-editable-table{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon.sc-duet-editable-table .duet-icon.sc-duet-editable-table{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row.sc-duet-editable-table .duet-text-right.sc-duet-editable-table{text-align:right}.duet-editable-table-header.sc-duet-editable-table tr.sc-duet-editable-table .duet-editable-table-header-hidden.sc-duet-editable-table{padding:0 !important;font-size:0;border-bottom:0}";var DuetEditableTable=function(){function t(t){var e=this;registerInstance(this,t);this.duetTableToggle=createEvent(this,"duetTableToggle",7);this.duetMenuClick=createEvent(this,"duetMenuClick",7);this.hasHeadSlotFirst=false;this.hasHeadSlotLast=false;this.hasFootSlot=false;this.sortableDefaultLabel={fi:"Järjestä",en:"Click to sort",sv:"Klicka för att sortera"};this.actionColumnLabel={en:"Actions for rows",fi:"Toiminnot rivillä",sv:"Åtgärder för rader"};this.toggleColumn=function(t,a){a.preventDefault();var i=t.sort_order,n=t.direction,r=t.index,o=t.key;e.duetTableToggle.emit({sort_order:i,index:r,direction:n,key:o,component:"duet-editable-table",originalEvent:a})};this.handleKeyDown=function(t,a){if(isKeyboardClick(a)){e.toggleColumn(t,a)}};this.language=getLanguage();this.margin="auto";this.variation="striped";this.sticky=false;this.stickyDistance="with-links";this.breakpoint="small";this.actions=undefined;this.columns=undefined;this.rows=undefined;this.sortable=false;this.groupId="";this.theme="";this.accessibleRole=undefined;this.hideHeadVisually=false}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasHeadSlotFirst=!!this.element.querySelector("[slot='thead-first']");this.hasHeadSlotLast=!!this.element.querySelector("[slot='thead-last']");this.hasFootSlot=!!this.element.querySelector("[slot='tfoot']")};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.createLabel=function(t){var e=this;var a=t.sort_order,i=t.direction,n=t.index,r=t.label;var o=getLocaleString(r);if(!this.sortable){return o}var l=function(){if(!!a&&i===1){return"action-arrow-down-small"}else if(!!a&&i===-1){return"action-arrow-up-small"}return"action-subtract-small"};return h("span",{class:"duet-table-label","data-index":n},h("duet-button",{size:"small",icon:l(),"icon-size":"medium-small","accessible-label":this.sortableDefaultLabel[this.language],variation:"plain",margin:"none","icon-right":true,onClick:function(a){return e.toggleColumn(t,a)},onKeyDown:function(a){return e.handleKeyDown(t,a)}},o))};t.prototype.getSortedColumns=function(){return __spreadArray([],this.columns,true).sort(fieldSorter(["index"]))};t.prototype.getRowSortOrder=function(){var t=__spreadArray([],this.columns,true).sort(fieldSorter(["sort_order"]));return t.filter((function(t){return t.sort_order})).map((function(t){return t.direction===-1?"-".concat(t.key):t.key}))};t.prototype.renderTableHeader=function(){var t=this;if(!this.columns){return}var e=this.getSortedColumns();return h("tr",{class:{"duet-table-action-header":!!this.actions}},e.map((function(e){if(e.display!==false){var a=t.createLabel(e);return a!==""?h("th",{scope:"col"},a):h("td",null)}})),this.actions&&h("th",{scope:"col",class:"duet-table-action-header-heading"},this.actions&&h("duet-visually-hidden",null,this.actionColumnLabel[this.language])))};t.prototype.renderActions=function(t,e){var a=this;if(!this.actions){return}return h("td",{class:"duet-text-right"},this.actions.map((function(i){return h("duet-action-button",{actionMeta:Object.assign({},(t===null||t===void 0?void 0:t.meta)||{},{index:e}),actionId:(t===null||t===void 0?void 0:t.uid)||(t===null||t===void 0?void 0:t.id)||null,actionName:i.name,theme:a.theme,iconName:i.icon,iconColor:i.color,iconSize:i.size,background:i.background,"accessible-label":"".concat(t.actionDescription||""," ").concat(getLocaleString(i.label)," ")})})))};t.prototype.renderTableBody=function(){var t=this;var e=this.getSortedColumns();var a=this.getRowSortOrder();var i=__spreadArray([],this.rows,true).sort(fieldSorter(a));return i.map((function(a,i){var n;return h("tr",{class:(n={"duet-table-action-row":!!t.actions,"duet-editable-table-row":true},n["duet-editable-table-row-".concat(t.groupId)]=true,n),"data-meta":JSON.stringify(a.meta)},e.map((function(e){var i=a[e.key]?a[e.key]:a.item;if(e.display!==false){return h(TableData,{data:i,groupId:t.groupId})}})),t.actions&&t.renderActions(a,i))}))};t.prototype.render=function(){var t;return h(Host,{class:(t={},t["duet-editable-table-".concat(this.variation)]=true,t["duet-editable-table"]=true,t["duet-editable-table-".concat(this.theme)]=true,t["duet-editable-table-scrollable"]=this.breakpoint==="none-scrollable",t["duet-editable-table-sortable"]=this.sortable,t["duet-editable-table-actions"]=!!this.actions,t["duet-m-0"]=this.margin==="none",t["duet-theme-turva"]=this.theme==="turva",t)},h("duet-table",{class:"duet-editable-table-table",sticky:this.sticky,stickyDistance:this.stickyDistance,margin:this.margin,theme:this.theme,variation:this.variation,breakpoint:this.breakpoint,"hide-head-visually":this.hideHeadVisually},h("table",{role:this.accessibleRole},h("caption",null,h("slot",{name:"tcaption"})),h("thead",null,this.hasHeadSlotFirst&&h("tr",null,h("td",{class:"duet-editable-table-actions-menu",colSpan:99},h("slot",{name:"thead-first"}))),this.renderTableHeader(),this.hasHeadSlotLast&&h("tr",null,h("td",{class:"duet-editable-table-actions-menu",colSpan:99},h("slot",{name:"thead-last"})))),h("tbody",null,this.renderTableBody()),this.hasFootSlot&&h("tfoot",null,h("tr",null,h("td",{class:"duet-editable-table-footer-menu",colSpan:99},h("slot",{name:"tfoot"})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetEditableTable.style=duetEditableTableCss;var duetTableCss='duet-table{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;font-variant-numeric:tabular-nums}duet-table table,duet-table thead,duet-table tbody,duet-table tfoot,duet-table th,duet-table td,duet-table tr{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}duet-table.duet-m-0{margin:0 !important}duet-table table{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;text-align:left;border-spacing:0;border-collapse:separate}duet-table.duet-table-hide-head-visually.duet-table-hide-head-visually thead,duet-table.duet-table-hide-head-visually.duet-table-hide-head-visually thead *{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-table.duet-theme-turva table{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}duet-table td{-webkit-hyphens:auto;hyphens:auto;color:rgb(0, 41, 77)}duet-table.duet-theme-turva td{color:rgb(23, 28, 58)}duet-table th{font-weight:600;line-height:1.25;color:rgb(101, 119, 135);text-align:left}duet-table.duet-theme-turva th{color:rgb(116, 116, 117)}duet-table tbody th{font-weight:600;color:rgb(0, 41, 77)}duet-table.duet-theme-turva tbody th{color:rgb(23, 28, 58)}duet-table .duet-table-action-row td:last-child{justify-self:end;padding-right:20px !important;white-space:nowrap}duet-table span.duet-table-cell-heading{display:none}.duet-table-flattened table,.duet-table-flattened thead,.duet-table-flattened tbody,.duet-table-flattened tfoot,.duet-table-flattened th,.duet-table-flattened td,.duet-table-flattened tr{display:block}.duet-table-flattened thead tr{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-table-flattened td{line-height:1.25}.duet-table-flattened td:not(:last-child){margin-bottom:16px !important}.duet-table-flattened td span.duet-table-cell-heading{margin-bottom:4px !important;display:block;font-size:1rem;font-weight:600;color:rgb(0, 41, 77)}.duet-table-flattened.duet-theme-turva td span.duet-table-cell-heading{color:rgb(23, 28, 58)}.duet-table-flattened tbody td,.duet-table-flattened tbody th,.duet-table-flattened tfoot td{padding:0 !important;text-align:left !important}.duet-table-flattened tbody th{font-weight:600;line-height:1.25;color:rgb(101, 119, 135);text-align:left}.duet-table-sticky thead th{position:sticky;top:0;background:rgb(255, 255, 255)}.duet-table-striped td,.duet-table-striped th{padding:20px !important}@media (max-width: 35.9375em){.duet-table-striped td,.duet-table-striped th{padding:20px 12px !important}}.duet-table-striped tbody th{background:rgb(255, 255, 255)}.duet-table-striped.duet-table-sticky thead th{border-bottom:1px solid rgb(225, 227, 230)}.duet-table-striped.duet-table-sticky.duet-theme-turva thead th{border-bottom-color:rgb(228, 228, 230)}.duet-table-striped tbody:not(:first-of-type) th{padding-top:40px !important}.duet-table-striped tbody:only-of-type tr:nth-of-type(odd){background:rgba(0, 80, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(0, 80, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tfoot td{border-top:1px solid rgb(225, 227, 230)}.duet-table-striped.duet-theme-turva tfoot td{border-top-color:rgb(228, 228, 230)}.duet-table-striped.duet-table-flattened tbody:not(:first-of-type) th{padding-top:20px !important}.duet-table-striped.duet-table-flattened tr{padding:20px !important}.duet-table-striped.duet-table-flattened tfoot td{border-top:0}.duet-table-striped.duet-table-flattened tfoot tr{border-top:1px solid rgb(225, 227, 230)}.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr{border-top-color:rgb(228, 228, 230)}.duet-table-fixed th,.duet-table-minimal th,.duet-table-plain th{padding:16px !important;border-bottom:1px solid rgb(101, 119, 135)}.duet-table-fixed th:first-child,.duet-table-minimal th:first-child,.duet-table-plain th:first-child{padding-left:0 !important}.duet-table-fixed th:last-child,.duet-table-minimal th:last-child,.duet-table-plain th:last-child{padding-right:0 !important}.duet-theme-turva.duet-table-fixed th,.duet-theme-turva.duet-table-minimal th,.duet-theme-turva.duet-table-plain th{border-bottom-color:rgb(68, 68, 69)}.duet-table-fixed tbody th,.duet-table-minimal tbody th,.duet-table-plain tbody th{padding-top:40px !important;border-bottom-color:rgb(225, 227, 230)}.duet-theme-turva.duet-table-fixed tbody th,.duet-theme-turva.duet-table-minimal tbody th,.duet-theme-turva.duet-table-plain tbody th{border-bottom-color:rgb(228, 228, 230)}.duet-table-fixed td,.duet-table-minimal td,.duet-table-plain td{padding:16px !important}.duet-table-fixed td:first-child,.duet-table-minimal td:first-child,.duet-table-plain td:first-child{padding-left:0 !important}.duet-table-fixed td:last-child,.duet-table-minimal td:last-child,.duet-table-plain td:last-child{padding-right:0 !important}.duet-table-fixed tbody td,.duet-table-minimal tbody td,.duet-table-plain tbody td{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-table-fixed tbody td,.duet-theme-turva.duet-table-minimal tbody td,.duet-theme-turva.duet-table-plain tbody td{border-bottom-color:rgb(228, 228, 230)}.duet-table-flattened.duet-table-fixed tbody:first-of-type th,.duet-table-flattened.duet-table-minimal tbody:first-of-type th,.duet-table-flattened.duet-table-plain tbody:first-of-type th{padding-top:0 !important}.duet-table-flattened.duet-table-fixed td,.duet-table-flattened.duet-table-minimal td,.duet-table-flattened.duet-table-plain td,.duet-table-flattened.duet-table-fixed tbody th,.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{border-bottom:0}.duet-table-flattened.duet-table-fixed tr,.duet-table-flattened.duet-table-minimal tr,.duet-table-flattened.duet-table-plain tr{padding:20px 0 !important}.duet-table-flattened.duet-table-fixed tbody th,.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{padding-top:20px !important}.duet-table-flattened.duet-table-fixed tfoot td,.duet-table-flattened.duet-table-minimal tfoot td,.duet-table-flattened.duet-table-plain tfoot td{margin-bottom:4px !important}.duet-table-flattened.duet-table-fixed tbody:not(:only-of-type) tr:first-child,.duet-table-flattened.duet-table-minimal tbody:not(:only-of-type) tr:first-child,.duet-table-flattened.duet-table-plain tbody:not(:only-of-type) tr:first-child{border-bottom:0}.duet-table-plain.duet-table-flattened tbody tr{border-bottom:1px solid rgb(225, 227, 230)}.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr{border-bottom-color:rgb(228, 228, 230)}.duet-table-minimal tbody tr,.duet-table-minimal tbody tr td{vertical-align:top;border-bottom:0 none}.duet-table-minimal tbody tr:last-of-type,.duet-table-minimal tbody tr:last-of-type td{border-bottom:1px solid rgb(225, 227, 230)}.duet-table-minimal.duet-table-flattened tbody tr,.duet-table-minimal.duet-table-flattened tbody tr td{border-bottom:0 none}.duet-table-minimal.duet-table-flattened tbody tr td[data-heading]::before{display:none}.duet-table-minimal.duet-table-flattened tfoot{border-top:1px solid rgb(225, 227, 230)}.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot{border-top-color:rgb(228, 228, 230)}.duet-table-fixed table{table-layout:fixed}.duet-table-fixed tbody tr,.duet-table-fixed tbody tr td,.duet-table-fixed tbody tr td:first-child{padding:4px !important;vertical-align:text-bottom;border-bottom:0 none}.duet-table-fixed thead{display:none}.duet-table-fixed tbody tr,.duet-table-fixed tbody tr td{border-bottom:0 none}.duet-table-fixed:not(.duet-table-flattened) tfoot{border-top:1px solid rgb(225, 227, 230)}.duet-table-fixed:not(.duet-table-flattened).duet-theme-turva tfoot{border-top-color:rgb(228, 228, 230)}.duet-table-scrollable{position:relative;width:100%;overflow-x:auto;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;background-repeat:no-repeat;background-attachment:local, local, scroll, scroll;background-size:100px 100%, 100px 100%, 12px 100%, 12px 100%}.duet-table-selected-column{background:rgba(0, 119, 179, 0.08)}.duet-theme-turva .duet-table-selected-column{background:rgba(68, 68, 69, 0.08)}.duet-table-sortable tbody tr td:first-child,.duet-table-sortable thead tr th:first-child{padding:20px}.duet-table-sortable:not(.duet-table-flattened) tfoot{border-top:1px solid rgb(225, 227, 230)}.duet-table-sortable:not(.duet-table-flattened).duet-theme-turva tfoot{border-top-color:rgb(228, 228, 230)}.duet-table-actions table{table-layout:auto}.duet-table-actions thead th:last-child{width:1px;white-space:nowrap}.duet-editable-table-table.duet-table-flattened tr{display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-rows:auto;gap:10px}.duet-editable-table-table.duet-table-flattened tr.duet-table-action-row td:last-child::before{padding:0;content:""}.duet-editable-table-table.duet-table-flattened td{grid-column:1/2}.duet-editable-table-table.duet-table-flattened td:first-child{grid-row:1;grid-column:1}.duet-editable-table-table.duet-table-flattened td:last-child{grid-row:1;grid-column:2}';var stickyTopValues={none:0,"with-links":parseFloat(sizeNavigation)*16,"without-links":parseFloat(sizeHeader)*16};var DuetTable=function(){function t(t){var e=this;registerInstance(this,t);this.headingSelector="thead tr > :not(*.duet-editable-table-actions-menu)";this.handleMediaQueryChange=function(t){e.matchesBreakpoint=breakpointTokensUpTo.includes(e.breakpoint)?!t.matches:t.matches};this.matchesBreakpoint=true;this.language=getLanguage();this.theme=undefined;this.margin="auto";this.variation="striped";this.sticky=false;this.stickyDistance="with-links";this.breakpoint="small";this.hideHeadVisually=false}t.prototype.watchLanguageStateHandler=function(t,e){var a=this;if(t!==e){setTimeout((function(){return a.copyHeadingsToCells()}),50)}};t.prototype.connectedCallback=function(){var t=this;var e=this.breakpoint==="none"||this.breakpoint==="none-scrollable"?"all":breakpointToToken[this.breakpoint];this.mq=matchMedia(e);this.mq.addEventListener("change",debounce(this.handleMediaQueryChange,50));this.handleMediaQueryChange(this.mq);this.observer=new MutationObserver((function(){return debounce(t.copyHeadingsToCells(),50)}));this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.copyHeadingsToCells();if(this.sticky&&this.breakpoint==="none-scrollable"){console.warn('[DUET WARNING]: sticky and breakpoint="none-scrollable" are incompatible. Scrollable takes precedence')}if(this.sticky){var t=stickyTopValues[this.stickyDistance];var e=this.element.querySelectorAll(this.headingSelector);e.forEach((function(e){return e.style.top="".concat(t,"px")}))}};t.prototype.componentDidLoad=function(){this.observer?this.observer.takeRecords():null;connectLanguageChangeObserver(this)};t.prototype.disconnectedCallback=function(){this.observer.disconnect();this.observer=null;this.mq.removeListener(this.handleMediaQueryChange);this.mq=null;this.matchesBreakpoint=true;disconnectLanguageChangeObserver(this)};t.prototype.copyHeadingsToCells=function(){var t=this.element.querySelectorAll(this.headingSelector);var e=this.element.querySelectorAll("tbody tr");var a=Array.from(t).map((function(t){return t.textContent.trim()}));e.forEach((function(t){t.querySelectorAll("td").forEach((function(t,e){if(a[e]){var i=t.querySelector(".duet-table-cell-heading");if(!i||i.textContent!==a[e]){i===null||i===void 0?void 0:i.remove();var n=document.createElement("span");n.textContent=a[e];n.classList.add("duet-table-cell-heading");n.setAttribute("aria-hidden","true");n.inert=true;t.prepend(n)}}}))}))};t.prototype.render=function(){var t;return h(Host,{class:(t={},t["duet-table-".concat(this.variation)]=true,t["duet-table-flattened"]=!this.matchesBreakpoint,t["duet-table-sticky"]=this.matchesBreakpoint&&this.sticky,t["duet-table-scrollable"]=this.breakpoint==="none-scrollable",t["duet-m-0"]=this.margin==="none",t["duet-theme-turva"]=this.theme==="turva",t["duet-table-hide-head-visually"]=this.hideHeadVisually,t)},h("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{language:["watchLanguageStateHandler"]}},enumerable:false,configurable:true});return t}();DuetTable.style=duetTableCss;var errorCodes=[{type:"default",system_message:"unknown error",message:{fi:"Tapahtui tuntematon virhe, ole hyvä ja yritä uudelleen.",sv:"Ett okänt fel uppstod, försök igen.",en:"An unknown error occured, please try again."}},{type:"400",system_message:"Bad Request: The server could not understand the request due to invalid syntax.",message:{fi:"Tiedostoa ei hyväksytty.",sv:"Servern avvisade din fil.",en:"The server rejected your file."}},{type:"401",system_message:"Not Authenticated: The client must authenticate itself to get the requested response...",message:{fi:"Vain kirjautunut käyttäjä voi lähettää tiedostoja.",sv:"Du måste vara inloggad för att ladda upp filer.",en:"You need to be logged in to upload files."}},{type:"403",system_message:"No Access: The client does not have access rights to the content.",message:{fi:"Ei oikeuksia lähettää tiedostoja.",sv:"Du har inte rätt åtkomsträttigheter för att ladda upp filer.",en:"You do not have the correct access rights to upload files."}},{type:"413",system_message:"Payload too large",message:{fi:"Tiedosto oli liian vastaanotettavaksi.",sv:"Filen var för stor för servern att hantera.",en:"The file was to large for the server to handle."}},{type:"415",system_message:"Unsupported media type",message:{fi:"Tiedoston tyyppi oli väärä.",sv:"Servern avvisade filen eftersom den hade fel typ.",en:"The server rejected the file because it had the wrong type."}},{type:"429",system_message:"Too many request from same address",message:{fi:"Liian monta yritystä, ole hyvä ja yritä myöhemmin uudelleen.",sv:"Servern har fått många förfrågningar från dig, försök igen senare.",en:"The server has received to many request from you, please try again later."}},{type:"500",system_message:"Internal Server Error",message:{fi:"Palvelin ilmoitti tuntemattomasta virheestä ja lataus epäonnistui.",sv:"Servern rapporterade ett okänt fel och uppladdningen misslyckades.",en:"The server reported an unknown error and the upload failed."}},{type:"duet-upload-100",system_message:"File extension not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den type.",en:"You cannot upload files with that extension."}},{type:"duet-upload-001",system_message:"File transfer failed",message:{fi:"Tiedoston lähetys keskeytyi, ole hyvä ja yritä uudelleen.",sv:"Din anslutning till servern avbröts, försök igen.",en:"Your connection to the server was interrupted, try again."}},{type:"duet-upload-101",system_message:"File mimetype not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den typ.",en:"You cannot upload files of that type."}},{type:"duet-upload-201",system_message:"File is too large",message:{fi:"Tiedosto on liian iso.",sv:"Filen är större än tillåtet.",en:"The file is larger than permitted."}},{type:"duet-upload-202",system_message:"The combined size of all files is too large",message:{fi:"Tiedostojen yhteenlaskettu koko on liian iso.",sv:"Du har nått den maximala kombinerade filstorleken.",en:"You have reached the maximum combined filesize."}},{type:"duet-upload-203",system_message:"Files to upload exceed total byte size limit",message:{fi:"Yritit lisätä tiedostoja, jotka ylittäisivät suurimman sallitun yhteenlasketun koon.",sv:"Du försökte lägga till filer som skulle överskrida den maximala kombinerade storleken.",en:"You tried to add files that would exceed the maximum combined size."}},{type:"duet-upload-301",system_message:"The maximum file limit has been reached",message:{fi:"Liitteiden maksimimäärä saavutettu.",sv:"Maximalt antal bilagor har uppnåtts.",en:"Maximum number of attachments reached."}},{type:"duet-upload-302",system_message:"Files to upload exceeds limits",message:{fi:"Et voi lähettää enempää kuin enimmäismäärän liitteitä.",sv:"Du kan inte ladda upp fler än det maximala antalet bilagor.",en:"You can't upload more than maximum number of attachments."}}];var headerAriaLabel={fi:"Liiteluettelo",sv:"Lista över bilagor",en:"Attachments list"};var UploadItemHeader=function(t){var e=t.label,a=t.categoryLabel;return h("div",{class:"items-header",tabindex:"-1","aria-label":getLocaleString(headerAriaLabel)},a&&h("duet-heading",{class:"category-header",border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},getLocaleString(a)),h("duet-heading",{class:{"filename-header":true,"no-category":!a},border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},getLocaleString(e)))};var validateFileExtension=function(t,e){if(!e){return true}var a=t.split(".");var i=e.split(",");var n=a[a.length-1];return i.includes(n)};var validateFileMime=function(t,e){if(!e||!t){return true}var a=e.split(",");var i=false;a.forEach((function(e){var a=e.split("/");var n=t.split("/");if(a[0]===n[0]&&(a[1]===n[1]||a[1]==="*")){i=true}}));return i};var validateFileSize=function(t,e){if(!e||!t){return true}return e>=t};var validateFile=function(t,e,a){var i=e.allowedMimetypes,n=e.allowedExtensions,r=e.maxBytes;var o=false;var l=getError("default",a);if(t){var d=t.name,s=t.type,u=t.size;var h=validateFileMime(s,i);var f=n==="all"||n===""||n===" "||n===undefined?true:validateFileExtension(d.toLowerCase(),n);var b=validateFileSize(u,r);if(!h){l=getError("duet-upload-101",a)}if(!f){l=getError("duet-upload-100",a)}if(!b){l=getError("duet-upload-201",a)}o=h&&f&&b}else{o=false}return{valid:o,errorMessage:o?undefined:getLocaleString(l.message),errorSystem:o?undefined:l.system_message,errorType:o?undefined:l.type}};var validateTotalSizeIsAboveMax=function(t,e){var a=0;if(e){t.forEach((function(t){if(t.valid&&t.size){a+=t.size}}));if(a>=e){return true}}return false};var validateTotalAmountIsAboveMax=function(t,e){var a=0;if(e){t.forEach((function(t){if(t.valid){a++}}));if(a>=e){return true}}return false};var filesToUploadCountAboveMax=function(t,e,a){if(t+e>a){return true}return false};var filesToUploadTotalSizeIsAboveMax=function(t,e,a){var i=0;if(a){t.forEach((function(t){if(t.valid&&t.size){i+=t.size}}));e.forEach((function(t){if(t.size){i+=t.size}}));if(i>=a){return true}}return false};var makeXhrRequest=function(t){var e=t.payload,a=t.options,i=t.onFailure,n=t.onSuccess,r=t.onProgress;var o=a.type,l=o===void 0?"POST":o,d=a.xhr,s=a.uri,u=a.argument,h=u===void 0?null:u,f=a.headers,b=f===void 0?null:f;d.open(l,"".concat(s).concat(h||""),true);var c=e.data,p=e.name;if(b){Object.keys(b).forEach((function(t){d.setRequestHeader(t,b[t])}))}if(l==="POST"){d.onreadystatechange=function(){if(d.readyState===XMLHttpRequest.DONE&&d.status>=200&&d.status<300){n(d,p,d.status)}if(d.readyState===XMLHttpRequest.DONE&&d.status>=300&&d.status<999){i(d,p,d.status)}};r(p)}d.send(c);return d};var duetUploadCss="*,*::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}::slotted([slot=header]){margin-bottom:16px}::slotted([slot=fileheader]){margin:16px 0 0 0}::slotted([slot=filefooter]){margin-top:16px}::slotted([slot=uploadfooter]){margin-top:20px}.duet-upload{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-upload-item-size{font-size:0.75rem;font-weight:400}.duet-upload-filelist{margin-bottom:25px}.duet-upload-filelist-empty{display:flex;align-items:center;justify-content:center;width:100%;height:75px;margin:0 auto;font-size:1rem;font-weight:400;background-color:rgb(245, 248, 250)}.duet-upload-filelist-empty-label{font-size:1rem;font-weight:400}.duet-upload-editable-table-header-hidden{display:none}.duet-upload-editable-table tbody .duet-upload-editable-table-data{padding:0 !important;border:0}.duet-upload-editable-table duet-editable-table tfoot,.duet-upload-editable-table duet-editable-table thead{display:none}.duet-upload-editable-table duet-editable-table .duet-editable-table-content{padding-right:0 !important;padding-left:0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td{padding:1rem 0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td:last-child{padding-right:0 !important}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending{position:relative}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-progress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-progress{position:absolute;bottom:0;width:100%}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-action-button::part(button),.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-action-button::part(button){border:0}duet-paragraph::part(duet-paragraph){word-break:break-word}duet-editable-table tfoot{display:none}.upload-bottom-caption{margin-top:12px;margin-bottom:16px;line-height:1.4rem}.items-header{display:none;flex-direction:row;margin-bottom:0}@media (min-width: 36em){.items-header{display:flex}}.items-header:not(:last-child),.items-header:not(:first-child){margin-top:12px}.items-header .category-header{width:35%}.items-header .filename-header{width:65%}.items-header .filename-header.no-category{width:100%}.upload-item-row{display:flex;flex-direction:column;gap:16px;align-content:center;align-items:center;padding:16px 0 16px 0;border-bottom:1px solid rgb(225, 227, 230)}@media (min-width: 36em){.upload-item-row{flex-direction:row;gap:10px}}.upload-item-row .item-categories{width:100%}@media (min-width: 36em){.upload-item-row .item-categories{width:35%}}.upload-item-row .item-name{position:relative;bottom:2px;width:100%;text-align:left}@media (min-width: 36em){.upload-item-row .item-name{width:50%}.upload-item-row .item-name.no-category{width:85%}}.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:block}@media (min-width: 36em){.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:none}}.upload-item-row .item-actions{width:100%;margin-left:-8px;text-align:left}@media (min-width: 36em){.upload-item-row .item-actions{width:15%;padding-top:0;margin-left:auto;text-align:right}}.upload-item-row .duet-upload-item-name duet-icon{position:relative;top:4px}.upload-item-row .duet-upload-item-name duet-progress{display:block;margin-top:16px}";var DuetUpload=function(){function t(t){var e=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetReady=createEvent(this,"duetReady",7);this.duetDone=createEvent(this,"duetDone",3);this.duetState=createEvent(this,"duetState",3);this.duetDelete=createEvent(this,"duetDelete",3);this.duetCancel=createEvent(this,"duetCancel",3);this.duetProgress=createEvent(this,"duetProgress",3);this.duetUpload=createEvent(this,"duetUpload",3);this.linkClick=createEvent(this,"linkClick",3);this.buttonId=createID("DuetButton");this.labelId=createID("DuetLabel");this.uploadId=createID("DuetUpload");this.filesInProgress=new Map;this.fileMaxReached=false;this.bytesMaxReached=false;this.filesToUploadExceedsLimit=false;this.filesToUploadTotalSizeIsAboveMax=false;this.internalStatusMessageLabel=undefined;this.itemRefs=new Map;this.DefaultGroups={inprogress:"inprogress",success:"success",pending:"pending",failure:"failure"};this.kick=debounce((function(){e.tick=Date.now()}),30);this.categoryLabel={en:"Category",sv:"Filtyp",fi:"Tiedostotyyppi"};this.listenForActionEvents=function(){e.element.addEventListener("duetActionEvent",(function(t){var a=t.detail;var i=a.action,n=a.id,r=a.originalEvent;switch(i){case"delete":e.onDelete(n,r);break;case"cancel":e.onCancel(n,r);break}}))};this.verifyValidity=function(){var t=e.getFilesAsArray(),a=t.invalid,i=t.valid;var n=e.valid;e.valid=a.length===0&&i.length!==0;if(e.valid!==n){e.duetState.emit({originalEvent:undefined,data:{valid:e.valid,from:"componentWillRender"},component:"duet-upload"})}};this.getGroupFromItemData=function(t){if(t.valid&&t.progress===100){return e.DefaultGroups.success}else if(t.progress>0&&t.progress!==100){return e.DefaultGroups.inprogress}else if(!t.valid){return e.DefaultGroups.failure}else if(t.pending){return e.DefaultGroups.pending}else if(t.group){return t.group}else{return"none"}};this.mapFilesToUploadItems=function(t,a,i,n){if(a===e.DefaultGroups.success){return h("duet-upload-item",{theme:e.theme,actions:e.getActions(a,n),type:"success",data:t,showLinks:e.showLinks,linkClickEvent:e.emitEvent?e.linkClick:undefined,categoryLabel:e.categoryLabel,label:e.uploadedItemsHeaderLabel,showCategory:i,buttonTitles:e.processedButtonTitles,ref:function(a){e.itemRefs.set(t.uid,a)}})}else if(a===e.DefaultGroups.inprogress){return h("duet-upload-item",{theme:e.theme,actions:e.getActions(a,n),type:"inprogress",data:t,showLinks:e.showLinks,categoryLabel:e.categoryLabel,label:e.uploadedItemsHeaderLabel,showCategory:i,buttonTitles:e.processedButtonTitles,ref:function(a){e.itemRefs.set(t.uid,a)}})}else if(a===e.DefaultGroups.pending){return h("duet-upload-item",{theme:e.theme,actions:e.getActions(a,n),type:"pending",data:t,showLinks:e.showLinks,categoryLabel:e.categoryLabel,label:e.uploadedItemsHeaderLabel,showCategory:i,buttonTitles:e.processedButtonTitles,ref:function(a){e.itemRefs.set(t.uid,a)}})}else if(a===e.DefaultGroups.failure){return h("duet-upload-item",{theme:e.theme,actions:e.getActions(a,n),type:"failure",data:t,showLinks:e.showLinks,errorCodes:e.errorCodes,categoryLabel:e.categoryLabel,label:e.uploadedItemsHeaderLabel,showCategory:i,buttonTitles:e.processedButtonTitles,ref:function(a){e.itemRefs.set(t.uid,a)}})}else if(t.group){return t.html}else{return"none"}};this.genHashName=function(){return Date.now().toString(36)+Math.random()};this.updateValueInMap=function(t,a,i,n){if(n===void 0){n=true}try{var r=e.files.get(t);r[a]=i;e.files.set(t,r);if(e.external&&a!=="url"){e.trackProgress(t,a==="uploaded")}}catch(t){}if(n){e.kick()}};this.updateProgress=function(t,a){var i=function(i){e.updateValueInMap(a,"progress",i);e.onProgress(a,i,t)};if(t.lengthComputable){var n=t.loaded/t.total*100;i(n)}else{console.log("cant read progress")}};this.trackProgress=function(t,a){if(a===void 0){a=false}if(a){e.filesInProgress.delete(t)}else{e.filesInProgress.set(t,"inprogress")}if(e.filesInProgress.size===0){e.onDone()}};this.getFilesAsArray=function(){var t=[];var a=[];e.files.forEach((function(e){if(e.valid&&!e.deleted){t.push(e)}else if(!e.valid&&!e.deleted){a.push(e)}}));return{valid:t,invalid:a}};this.resetFormFields=function(){e.nativeInput.value=""};this.startUpload=function(t,a){if(a===void 0){a=undefined}return __awaiter(e,void 0,void 0,(function(){var e,i,n;return __generator(this,(function(r){e=this.validateTotals(),i=e.bytesMaxReached,n=e.fileMaxReached;if(i||n){this.kick();return[2]}this.metaData=a;this.nativeInput.click();this.onUpload(t,a);t.stopPropagation();t.preventDefault();return[2]}))}))};this.transferComplete=function(t){e.updateValueInMap(t,"progress",100,false);e.trackProgress(t,true)};this.transferDone=function(t,a,i){e.updateValueInMap(a,"status",i,false);e.updateValueInMap(a,"uploaded",true,false);try{var n=JSON.parse(t.response);e.updateValueInMap(a,"url",n.url)}catch(t){e.updateValueInMap(a,"url",null);console.error("Server did not respond with expected response {url: string}")}return};this.transferDoneWithFailure=function(t,a,i){try{var n=JSON.parse(t.response).error;e.updateValueInMap(a,"error",{message:n.message,type:n.type},false)}catch(t){console.error("Server did not respond with expected response error:{message: string, type: int}");e.updateValueInMap(a,"error",{type:i},false)}e.updateValueInMap(a,"valid",false,true)};this.transferFailed=function(t){e.updateValueInMap(t,"error",getI18nError("duet-upload-001",e.errorCodes))};this.transferCanceled=function(t){e.files.delete(t);e.validateTotals(t);e.kick()};this.validateTotals=function(t){var a=validateTotalSizeIsAboveMax(e.files,e.maxBytesTotal);var i=validateTotalAmountIsAboveMax(e.files,e.maxFiles);if(a&&t){e.updateValueInMap(t,"error",getI18nError("duet-upload-202",e.errorCodes),false)}if(i&&t){e.updateValueInMap(t,"error",getI18nError("duet-upload-301",e.errorCodes),false)}e.bytesMaxReached=a;e.fileMaxReached=i;return{bytesMaxReached:a,fileMaxReached:i}};this.uploadFile=function(t,a,i){if(a===void 0){a=false}return __awaiter(e,void 0,void 0,(function(){var e,n,r;return __generator(this,(function(o){switch(o.label){case 0:if(!a&&this.deferUpload){this.updateValueInMap(t.item.name,"pending",true,false);this.updateValueInMap(t.item.name,"group","pending",true)}else if(a){this.updateValueInMap(t.item.name,"pending",false,false);this.updateValueInMap(t.item.name,"group",undefined,true)}o.label=1;case 1:o.trys.push([1,4,,5]);if(!(!this.deferUpload||a))return[3,3];e=new FormData;e.append("file",t.item);if(i){e.append("key",i)}e.append("uid",t.uid);e.append("name",t.item.name);e.append("metadata",JSON.stringify({uid:t.uid,url:this.uri,size:t.item.size,meta:t.meta}));n=t;return[4,this.makeXHRPostRequest(e)];case 2:n.xhr=o.sent();o.label=3;case 3:return[3,5];case 4:r=o.sent();this.updateValueInMap(t.item.name,"valid",false,false);return[3,5];case 5:return[2]}}))}))};this.uploadPendingFiles=function(){for(var t=0,a=Array.from(e.files.entries());t<a.length;t++){var i=a[t],n=i[0],r=i[1];if(r.group==="pending"&&r.pending===true){e.uploadFile(r,true,n)}}};this.getItemFromUID=function(t){for(var a=0,i=Array.from(e.files.entries());a<i.length;a++){var n=i[a],r=n[0],o=n[1];if(o.uid===t){return{value:o,key:r}}}return null};this.handleExternalUploadButton=function(t,a){if(e.externalUploadButton){if(t||a){e.externalUploadButton.disabled=true}else{e.externalUploadButton.disabled=false}}};this.onDelete=function(t,a){var i=e.getItemFromUID(t);var n=i.key;var r=e.files.get(n);e.files.delete(n);var o=e.validateTotals(),l=o.bytesMaxReached,d=o.fileMaxReached;e.handleExternalUploadButton(l,d);e.kick();e.duetDelete.emit({originalEvent:a,data:{deletion:r},component:"duet-upload"});if(!e.external&&!r.pending){e.makeXHRDeleteRequest(r)}e.resetFormFields()};this.onCancel=function(t,a){var i=e.getItemFromUID(t).key;var n=e.files.get(i);e.files.delete(i);var r=e.validateTotals(),o=r.bytesMaxReached,l=r.fileMaxReached;e.handleExternalUploadButton(o,l);if(!e.external){var d=n.xhr;if(d){d.abort()}}e.kick();e.resetFormFields();e.duetCancel.emit({originalEvent:a,data:{cancelled:n},component:"duet-upload"})};this.onUpload=function(t,a){e.duetUpload.emit({originalEvent:t,metaData:a,component:"duet-upload"})};this.onBlur=function(t){e.duetBlur.emit({originalEvent:t,component:"duet-upload"})};this.onProgress=function(t,a,i){e.duetChange.emit({originalEvent:i,data:{key:t,percentComplete:a},component:"duet-upload"})};this.onFocus=function(t){e.duetFocus.emit({originalEvent:t,component:"duet-upload"})};this.onReady=function(){e.duetReady.emit({component:"duet-upload"})};this.onDone=function(){e.duetDone.emit({component:"duet-upload",data:{files:e.files}})};this.filterMap=function(){var t=Array.from(e.files.values());var a=[];var i=[];var n=[];var r=[];var o=false;t.forEach((function(t){var l=e.getGroupFromItemData(t);if(t.meta&&!!t.meta.badges){o=true}if(l===e.DefaultGroups.success){r.push({uid:t.uid,data:t})}else if(l===e.DefaultGroups.inprogress){a.push({uid:t.uid,data:t})}else if(l===e.DefaultGroups.pending){n.push({uid:t.uid,data:t})}else if(l===e.DefaultGroups.failure){i.push({uid:t.uid,data:t})}else if(t.group){a.push({uid:t.uid,data:t})}}));return{pending:n,failure:i,success:r,inprogress:a,hasCategory:o}};this.getActions=function(t,e){return e.filter((function(e){return e.map.includes(t)}))};this.renderUploadedItems=function(){e.itemRefs.clear();var t=e.filterMap();var a=t.hasCategory;var i=e.hideCancelButton?e.actions.filter((function(t){return t.name!=="cancel"})):e.actions;var n=e.groups.map((function(n){var r=t[n.id];if(!(r===null||r===void 0?void 0:r.length)){return}return h(Fragment,null,!e.hideGroups&&h(UploadItemHeader,{categoryLabel:a?e.categoryLabel:undefined,label:n.label}),r.map((function(t){return e.mapFilesToUploadItems(t.data,n.id,a,i)})))}));return h(Fragment,null,e.showUploadedItemsHeader&&h(UploadItemHeader,{categoryLabel:a?e.categoryLabel:undefined,label:e.uploadedItemsHeaderLabel}),n)};this.tick=Date.now();this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.external=false;this.middleware=null;this.deferUpload=false;this.hideButton=false;this.actions=[{icon:"action-delete",color:"color-danger",size:"x-small",background:"gray-lightest",name:"delete",map:["success","failure"],label:{fi:"Poista tiedosto",en:"Delete the file",sv:"Ta bort filen"}},{icon:"navigation-close",color:"primary",size:"x-small",background:"gray-lightest",name:"cancel",map:["inprogress","pending"],label:{fi:"Keskeytä lähetys",en:"Cancel the upload",sv:"Stop överföringen"}}];this.uri=undefined;this.showLinks=false;this.caption=undefined;this.statusLabelDefaults={fi:{inProgress:"Lähetetään {filesUploaded}, yhteensä lähetettävänä {filesTotal}.",inProgressWithErrors:"Lähetetään {filesInProgress}, lähetetty {filesUploaded}, yhteensä lähetettävänä {filesTotal}, {filesWithErrors} epäonnistui",done:"Lähetys valmis, {filesTotal} lisätty onnistuneesti",doneWithErrors:"Lähetys valmis, {filesUploaded} lisätty onnistuneesti, {filesWithErrors} epäonnistui",files:"tiedostoa",file:"tiedosto"},sv:{inProgress:"Laddar upp {filesUploaded} av {filesTotal}",inProgressWithErrors:"Laddar upp {filesInProgress}, {filesUploaded} uppladdad av {filesTotal}, {filesWithErrors} misslyckades",done:"Uppladdningen slutförd, {filesTotal} har lagts till",doneWithErrors:"Uppladdningen slutförd, {filesUploaded} har lagts till, {filesWithErrors} misslyckades",files:"filer",file:"fil"},en:{inProgress:"Uploading {filesUploaded} of {filesTotal}",inProgressWithErrors:"Uploading {filesInProgress}, {filesUploaded} uploaded of {filesTotal}, {filesWithErrors} failed",done:"Upload completed, {filesTotal} added successfully",doneWithErrors:"Upload completed, {filesUploaded} added successfully, {filesWithErrors} failed.",files:"files",file:"file"}};this.statusMessageLabel=getLocaleString(this.statusLabelDefaults);this.buttonLabelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add an attachment"};this.buttonLabel=getLocaleString(this.buttonLabelDefaults);this.accessibleButtonLabel=undefined;this.theme="";this.disabled=false;this.identifier=undefined;this.margin="auto";this.required=false;this.alignment="middle";this.hideGroups=false;this.files=new Map;this.valid=!this.required;this.labelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add attachments"};this.label=getLocaleString(this.labelDefaults);this.descriptionDefaults={en:"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",sv:"Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",fi:"Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena."};this.description=getLocaleString(this.descriptionDefaults);this.fileListEmptyDefaults={fi:"Ei vielä lisättyjä tiedostoja.",sv:"Inga filer har lagts till ännu.",en:"No files added yet."};this.fileListEmpty=getLocaleString(this.fileListEmptyDefaults);this.error="";this.errorCodes=errorCodes;this.name=undefined;this.maxBytes=2e8;this.maxBytesTotal=undefined;this.maxFiles=99;this.allowedExtensions="all";this.allowedMimetypes="";this.multiple=true;this.limitSelection=false;this.hideCancelButton=false;this.value=undefined;this.externalUploadButtonId=undefined;this.captionOnBottom=false;this.showUploadedItemsHeader=false;this.uploadedItemsHeaderLabel={fi:"Ladattu tiedosto",sv:"Lägg till en bilaga",en:"Uploaded file"};this.headerHeadingLevel="h3";this.hideHeader=false;this.emitEvent=false;this.actionButtonTitles={cancel:false,delete:false};this.renameDuplicates=false;this.groups=[{id:this.DefaultGroups.success,label:{fi:"Valmiit tiedostot",sv:"Files success",en:"Files success"}},{id:this.DefaultGroups.failure,label:{fi:"Tiedostot, joissa on virheitä",sv:"Filer med fel",en:"Files with errors"}},{id:this.DefaultGroups.inprogress,label:{fi:"Kesken olevat tiedostot",sv:"Filer inprogress",en:"Files inprogress"}},{id:this.DefaultGroups.pending,label:{en:"Files to upload",sv:"Filer att ladda",fi:"Ladattavat tiedostot"}}]}t.prototype.watchValidHandler=function(t,e){if(t!==e){this.kick()}};t.prototype.componentWillLoad=function(){if(typeof this.statusMessageLabel==="string"){this.internalStatusMessageLabel=sanitizeString(this.groups)}else{this.internalStatusMessageLabel=this.statusMessageLabel}inheritGlobalTheme(this);this.listenForActionEvents();this.onReady();this.externalUploadButton=document.querySelector("#".concat(this.externalUploadButtonId));this.processedButtonTitles=parsePossibleJSON(this.actionButtonTitles)};t.prototype.componentWillRender=function(){this.verifyValidity()};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.upload=function(t){if(t===void 0){t=undefined}return __awaiter(this,void 0,void 0,(function(){var e,a,i;return __generator(this,(function(n){e=this.validateTotals(),a=e.bytesMaxReached,i=e.fileMaxReached;if(a||i){this.handleExternalUploadButton(a,i);this.kick();return[2]}this.metaData=t;this.nativeInput.click();return[2]}))}))};t.prototype.uploadPending=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.uploadPendingFiles();return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.kick();return[4,this.setFocus()];case 1:t.sent();return[2]}}))}))};t.prototype.getFiles=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.files||this.files.size===0){return[2,false]}return[2,this.getFilesAsArray()]}))}))};t.prototype.updateValue=function(t,e,a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.updateValueInMap(t,e,a);return[2]}))}))};t.prototype.focusActionButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){switch(a.label){case 0:return[4,(e=this.itemRefs.get(t))===null||e===void 0?void 0:e.focusActionButton()];case 1:a.sent();return[2]}}))}))};t.prototype.render=function(){var t=this;var e=this.identifier||this.uploadId;var a=Math.round((this.maxBytesTotal?this.maxBytesTotal:this.maxBytes*this.maxFiles)/1024/1024);var i=Math.round(this.maxBytes/1024/1024);var n=this.description.replace(/{maxfiles}/g,this.maxFiles.toString());n=n.replace(/{maxbytes}/g,"".concat(i.toString()," MB"));n=n.replace(/{maxbytestotal}/g,"".concat(a.toString()," MB"));n=n.replace(/{filetypes}/g,this.allowedExtensions.split(",").join(", "));if(this.externalUploadButton){this.externalUploadButton.accessibleLabel=n}return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("duet-fieldset",{"label-heading-level":this.headerHeadingLevel,"label-hidden":this.hideHeader,label:this.label,caption:!this.captionOnBottom?n:undefined},h("slot",{name:"header"}),!this.files.size&&h("duet-empty-state",{id:this.labelId,part:this.identifier?"".concat(this.identifier,"-empty-state"):"duet-upload-empty-state",icon:"messaging-attachment"},h("duet-paragraph",{margin:"none"},this.fileListEmpty)),!!this.files.size&&h("slot",{name:"fileheader"}),!!this.files.size&&h("duet-upload-aria-status",{invalid:this.getFilesAsArray().invalid.length,valid:this.getFilesAsArray().valid.length,inprogress:this.filesInProgress.size,total:this.files.size,statusMessageLabel:this.internalStatusMessageLabel}),!!this.files.size&&this.renderUploadedItems(),!!this.files.size&&h("slot",{name:"filefooter"}),h("slot",{name:"uploadfooter"}),this.captionOnBottom&&h("duet-caption",{margin:"none",size:"small"},h("div",{class:"upload-bottom-caption"},n)),h("slot",{name:"afterfooter"}),!this.hideButton&&h(Fragment,null,h("duet-spacer",{size:"large"}),h("duet-button",{id:this.buttonId,onClick:this.startUpload,"accessible-controls":e,disabled:this.fileMaxReached,"accessible-label":this.accessibleButtonLabel,"accessible-owns":e,size:"small",variation:"secondary",fixed:true,icon:"action-add-circle",part:this.identifier?"".concat(this.identifier,"-button-upload"):"duet-upload-button-upload"},this.buttonLabel)),(this.fileMaxReached||this.bytesMaxReached||this.filesToUploadExceedsLimit||this.filesToUploadTotalSizeIsAboveMax)&&h(Fragment,null,h("duet-spacer",{size:"medium"}),h("duet-alert",{part:this.identifier?"".concat(this.identifier,"-error-notification"):"duet-upload-error-notification"},this.fileMaxReached&&getI18nError("duet-upload-301",this.errorCodes),this.bytesMaxReached&&getI18nError("duet-upload-202",this.errorCodes),this.filesToUploadExceedsLimit&&getI18nError("duet-upload-302",this.errorCodes),this.filesToUploadTotalSizeIsAboveMax&&getI18nError("duet-upload-203",this.errorCodes))),h("duet-visually-hidden",{"aria-hidden":"true"},h("input",{ref:function(e){t.nativeInput=e},accept:!this.limitSelection?undefined:"".concat(this.allowedMimetypes,",").concat(this.allowedExtensions),onBlur:this.onBlur,onFocus:this.onFocus,onChange:function(e){return t.onChange(e)},type:"file",class:{"duet-upload":true},disabled:this.disabled,"aria-hidden":"true",required:this.required,name:this.name,id:this.identifier,multiple:this.multiple,tabIndex:-1}))))};t.prototype.makeXHRPostRequest=function(t){var e=this;var a=new XMLHttpRequest;var i=t.get("name");a.upload.addEventListener("progress",(function(t){e.updateProgress(t,i)}));a.upload.addEventListener("load",(function(){e.transferComplete(i)}));a.upload.addEventListener("error",(function(){e.transferFailed(i)}));a.upload.addEventListener("abort",(function(){e.transferCanceled(i)}));var n={payload:{data:t,name:i},options:{type:"POST",uri:this.uri,xhr:a,argument:null,headers:undefined},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};if(this.middleware){n=this.middleware(n)}return makeXhrRequest(n)};t.prototype.makeXHRDeleteRequest=function(t){var e=t.uid,a=t.item;var i=new XMLHttpRequest;var n={"x-fileuid":e,"x-filename":a.name};var r={payload:{data:null,name:name},options:{type:"DELETE",xhr:i,uri:this.uri,argument:"?key=".concat(e,"&name=").concat(a.name),headers:n},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};if(this.middleware){r=this.middleware(r)}return makeXhrRequest(r)};t.prototype.escapeSpecialCharacters=function(t){return(t+"").replace(/[\\"'(){}\[\]*?$^+]/g,"\\$&").replace(/\u0000/g,"\\0")};t.prototype.getRenamedFileName=function(t,e){var a=new RegExp("".concat(this.escapeSpecialCharacters(t)," \\(\\d+\\).").concat(e));var i=Array.from(this.files.entries()).map((function(t){var e=t[0],a=t[1];return e})).filter((function(i){return a.test(i)||i==="".concat(t,".").concat(e)})).sort((function(t,e){return t.split(".").slice(0,-1).join(".")>e.split(".").slice(0,-1).join(".")?1:-1})).pop().split(".").slice(0,-1).join(".");if(i===t){return"".concat(t," (1).").concat(e)}var n=parseInt(i.split("(").pop().slice(0,-1));return"".concat(t," (").concat(n+1,").").concat(e)};t.prototype.renameFiles=function(t){var e=this;return t.map((function(t){if(e.files.get(t.name)){var a=t.name.split(".");var i=a.pop();var n=a.join(".");var r=e.getRenamedFileName(n,i);return new File([t],r,{type:t.type,lastModified:t.lastModified})}else{return t}}))};t.prototype.onChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a,i,n,r,o,l,d,s,u,h,f;return __generator(this,(function(b){switch(b.label){case 0:a=Array.from((e=this.nativeInput)===null||e===void 0?void 0:e.files);this.filesToUploadExceedsLimit=false;if(filesToUploadCountAboveMax(this.files.size,a.length,this.maxFiles)){this.filesToUploadExceedsLimit=true;this.kick();return[2]}this.filesToUploadTotalSizeIsAboveMax=false;if(filesToUploadTotalSizeIsAboveMax(this.files,a,this.maxBytesTotal)){this.filesToUploadTotalSizeIsAboveMax=true;this.kick();return[2]}if(!a)return[3,6];if(this.renameDuplicates){a=this.renameFiles(a)}i=0,n=a;b.label=1;case 1:if(!(i<n.length))return[3,6];r=n[i];o=validateFile(r,{maxBytes:this.maxBytes,allowedExtensions:this.allowedExtensions,allowedMimetypes:this.allowedMimetypes},this.errorCodes),l=o.valid,d=o.errorMessage,s=o.errorType,u=o.errorSystem;h=this.genHashName();f={uid:h,item:r,size:r.size,meta:this.metaData,uploaded:false,valid:l,error:{type:l?undefined:s,message:l?undefined:d,system_message:l?undefined:u},progress:0,deleted:false,xhr:false,url:false};this.files.set(r.name,f);if(!(l&&!this.external))return[3,3];return[4,this.uploadFile(f)];case 2:b.sent();return[3,4];case 3:if(l&&this.external){this.updateValueInMap(f.item.name,"pending",true,false);this.updateValueInMap(f.item.name,"group","pending",true)}else if(!l){this.updateValueInMap(r.name,"valid",false,true)}b.label=4;case 4:this.kick();b.label=5;case 5:i++;return[3,1];case 6:this.resetFormFields();this.metaData=undefined;this.duetChange.emit({originalEvent:t,data:{files:this.files},component:"duet-upload"});return[2]}}))}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{valid:["watchValidHandler"]}},enumerable:false,configurable:true});return t}();DuetUpload.style=duetUploadCss;export{DuetEditableTable as duet_editable_table,DuetTable as duet_table,DuetUpload as duet_upload};
|
|
4
|
+
*/import{h,r as registerInstance,c as createEvent,H as Host,g as getElement,F as Fragment}from"./index-356c0666.js";import{i as inheritGlobalTheme}from"./themeable-component-724c0f7e.js";import{f as fieldSorter,d as debounce}from"./js-utils-9b9e0039.js";import{i as isKeyboardClick}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString,s as sanitizeString}from"./language-utils-00ca4c55.js";import{p as sizeNavigation,s as sizeHeader}from"./tokens.module-ed0ed26f.js";import{b as breakpointTokensUpTo,a as breakpointToToken}from"./token-utils-1f843fb9.js";import{c as createID}from"./create-id-149a1b6d.js";import{p as parsePossibleJSON}from"./string-utils-ca039233.js";import{g as getError,a as getI18nError}from"./errorcodes.utils-e681347c.js";var TableData=function(t,e){var i=t.data,a=t.groupId,n=t.alignment;var r="duet-editable-table duet-editable-table-content-".concat(a);if(typeof i==="string"){return h("td",{innerHTML:i,class:r,part:"".concat(a,"content"),style:{verticalAlign:n}})}else{return h("td",{class:r,part:"".concat(a,"content"),style:{verticalAlign:n}},i)}};var duetEditableTableCss=".sc-duet-editable-table-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-actions-menu.sc-duet-editable-table{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button.sc-duet-editable-table{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon.sc-duet-editable-table .duet-icon.sc-duet-editable-table{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row.sc-duet-editable-table .duet-text-right.sc-duet-editable-table{text-align:right}.duet-editable-table-header.sc-duet-editable-table tr.sc-duet-editable-table .duet-editable-table-header-hidden.sc-duet-editable-table{padding:0 !important;font-size:0;border-bottom:0}";var DuetEditableTable=function(){function t(t){var e=this;registerInstance(this,t);this.duetTableToggle=createEvent(this,"duetTableToggle",7);this.duetMenuClick=createEvent(this,"duetMenuClick",7);this.hasHeadSlotFirst=false;this.hasHeadSlotLast=false;this.hasFootSlot=false;this.sortableDefaultLabel={fi:"Järjestä",en:"Click to sort",sv:"Klicka för att sortera"};this.actionColumnLabel={en:"Actions for rows",fi:"Toiminnot rivillä",sv:"Åtgärder för rader"};this.toggleColumn=function(t,i){i.preventDefault();var a=t.sort_order,n=t.direction,r=t.index,o=t.key;e.duetTableToggle.emit({sort_order:a,index:r,direction:n,key:o,component:"duet-editable-table",originalEvent:i})};this.handleKeyDown=function(t,i){if(isKeyboardClick(i)){e.toggleColumn(t,i)}};this.language=getLanguage();this.margin="auto";this.variation="striped";this.sticky=false;this.stickyDistance="with-links";this.breakpoint="small";this.actions=undefined;this.columns=undefined;this.rows=undefined;this.sortable=false;this.groupId="";this.theme="";this.accessibleRole=undefined;this.hideHeadVisually=false}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasHeadSlotFirst=!!this.element.querySelector("[slot='thead-first']");this.hasHeadSlotLast=!!this.element.querySelector("[slot='thead-last']");this.hasFootSlot=!!this.element.querySelector("[slot='tfoot']")};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.createLabel=function(t){var e=this;var i=t.sort_order,a=t.direction,n=t.index,r=t.label;var o=getLocaleString(r);if(!this.sortable){return o}var l=function(){if(!!i&&a===1){return"action-arrow-down-small"}else if(!!i&&a===-1){return"action-arrow-up-small"}return"action-subtract-small"};return h("span",{class:"duet-table-label","data-index":n},h("duet-button",{size:"small",icon:l(),"icon-size":"medium-small","accessible-label":this.sortableDefaultLabel[this.language],variation:"plain",margin:"none","icon-right":true,onClick:function(i){return e.toggleColumn(t,i)},onKeyDown:function(i){return e.handleKeyDown(t,i)}},o))};t.prototype.getSortedColumns=function(){return __spreadArray([],this.columns,true).sort(fieldSorter(["index"]))};t.prototype.getRowSortOrder=function(){var t=__spreadArray([],this.columns,true).sort(fieldSorter(["sort_order"]));return t.filter((function(t){return t.sort_order})).map((function(t){return t.direction===-1?"-".concat(t.key):t.key}))};t.prototype.renderTableHeader=function(){var t=this;if(!this.columns){return}var e=this.getSortedColumns();return h("tr",{class:{"duet-table-action-header":!!this.actions}},e.map((function(e){if(e.display!==false){var i=t.createLabel(e);return i!==""?h("th",{scope:"col"},i):h("td",null)}})),this.actions&&h("th",{scope:"col",class:"duet-table-action-header-heading"},this.actions&&h("duet-visually-hidden",null,this.actionColumnLabel[this.language])))};t.prototype.renderActions=function(t,e){var i=this;if(!this.actions){return}return h("td",{class:"duet-text-right"},this.actions.map((function(a){return h("duet-action-button",{actionMeta:Object.assign({},(t===null||t===void 0?void 0:t.meta)||{},{index:e}),actionId:(t===null||t===void 0?void 0:t.uid)||(t===null||t===void 0?void 0:t.id)||null,actionName:a.name,theme:i.theme,iconName:a.icon,iconColor:a.color,iconSize:a.size,background:a.background,"accessible-label":"".concat(t.actionDescription||""," ").concat(getLocaleString(a.label)," ")})})))};t.prototype.renderTableBody=function(){var t=this;var e=this.getSortedColumns();var i=this.getRowSortOrder();var a=__spreadArray([],this.rows,true).sort(fieldSorter(i));return a.map((function(i,a){var n;return h("tr",{class:(n={"duet-table-action-row":!!t.actions,"duet-editable-table-row":true},n["duet-editable-table-row-".concat(t.groupId)]=true,n),"data-meta":JSON.stringify(i.meta)},e.map((function(e){var a=i[e.key]?i[e.key]:i.item;if(e.display!==false){return h(TableData,{data:a,groupId:t.groupId})}})),t.actions&&t.renderActions(i,a))}))};t.prototype.render=function(){var t;return h(Host,{class:(t={},t["duet-editable-table-".concat(this.variation)]=true,t["duet-editable-table"]=true,t["duet-editable-table-".concat(this.theme)]=true,t["duet-editable-table-scrollable"]=this.breakpoint==="none-scrollable",t["duet-editable-table-sortable"]=this.sortable,t["duet-editable-table-actions"]=!!this.actions,t["duet-m-0"]=this.margin==="none",t["duet-theme-turva"]=this.theme==="turva",t)},h("duet-table",{class:"duet-editable-table-table",sticky:this.sticky,stickyDistance:this.stickyDistance,margin:this.margin,theme:this.theme,variation:this.variation,breakpoint:this.breakpoint,"hide-head-visually":this.hideHeadVisually},h("table",{role:this.accessibleRole},h("caption",null,h("slot",{name:"tcaption"})),h("thead",null,this.hasHeadSlotFirst&&h("tr",null,h("td",{class:"duet-editable-table-actions-menu",colSpan:99},h("slot",{name:"thead-first"}))),this.renderTableHeader(),this.hasHeadSlotLast&&h("tr",null,h("td",{class:"duet-editable-table-actions-menu",colSpan:99},h("slot",{name:"thead-last"})))),h("tbody",null,this.renderTableBody()),this.hasFootSlot&&h("tfoot",null,h("tr",null,h("td",{class:"duet-editable-table-footer-menu",colSpan:99},h("slot",{name:"tfoot"})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetEditableTable.style=duetEditableTableCss;var duetTableCss='duet-table{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;font-variant-numeric:tabular-nums}duet-table table,duet-table thead,duet-table tbody,duet-table tfoot,duet-table th,duet-table td,duet-table tr{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}duet-table.duet-m-0{margin:0 !important}duet-table table{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;text-align:left;border-spacing:0;border-collapse:separate}duet-table.duet-table-hide-head-visually.duet-table-hide-head-visually thead,duet-table.duet-table-hide-head-visually.duet-table-hide-head-visually thead *{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-table.duet-theme-turva table{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}duet-table td{-webkit-hyphens:auto;hyphens:auto;color:rgb(0, 41, 77)}duet-table.duet-theme-turva td{color:rgb(23, 28, 58)}duet-table th{font-weight:600;line-height:1.25;color:rgb(101, 119, 135);text-align:left}duet-table.duet-theme-turva th{color:rgb(116, 116, 117)}duet-table tbody th{font-weight:600;color:rgb(0, 41, 77)}duet-table.duet-theme-turva tbody th{color:rgb(23, 28, 58)}duet-table .duet-table-action-row td:last-child{justify-self:end;padding-right:20px !important;white-space:nowrap}duet-table span.duet-table-cell-heading{display:none}.duet-table-flattened table,.duet-table-flattened thead,.duet-table-flattened tbody,.duet-table-flattened tfoot,.duet-table-flattened th,.duet-table-flattened td,.duet-table-flattened tr{display:block}.duet-table-flattened thead tr{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-table-flattened td{line-height:1.25}.duet-table-flattened td:not(:last-child){margin-bottom:16px !important}.duet-table-flattened td span.duet-table-cell-heading{margin-bottom:4px !important;display:block;font-size:1rem;font-weight:600;color:rgb(0, 41, 77)}.duet-table-flattened.duet-theme-turva td span.duet-table-cell-heading{color:rgb(23, 28, 58)}.duet-table-flattened tbody td,.duet-table-flattened tbody th,.duet-table-flattened tfoot td{padding:0 !important;text-align:left !important}.duet-table-flattened tbody th{font-weight:600;line-height:1.25;color:rgb(101, 119, 135);text-align:left}.duet-table-sticky thead th{position:sticky;top:0;background:rgb(255, 255, 255)}.duet-table-striped td,.duet-table-striped th{padding:20px !important}@media (max-width: 35.9375em){.duet-table-striped td,.duet-table-striped th{padding:20px 12px !important}}.duet-table-striped tbody th{background:rgb(255, 255, 255)}.duet-table-striped.duet-table-sticky thead th{border-bottom:1px solid rgb(225, 227, 230)}.duet-table-striped.duet-table-sticky.duet-theme-turva thead th{border-bottom-color:rgb(228, 228, 230)}.duet-table-striped tbody:not(:first-of-type) th{padding-top:40px !important}.duet-table-striped tbody:only-of-type tr:nth-of-type(odd){background:rgba(0, 80, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(0, 80, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tfoot td{border-top:1px solid rgb(225, 227, 230)}.duet-table-striped.duet-theme-turva tfoot td{border-top-color:rgb(228, 228, 230)}.duet-table-striped.duet-table-flattened tbody:not(:first-of-type) th{padding-top:20px !important}.duet-table-striped.duet-table-flattened tr{padding:20px !important}.duet-table-striped.duet-table-flattened tfoot td{border-top:0}.duet-table-striped.duet-table-flattened tfoot tr{border-top:1px solid rgb(225, 227, 230)}.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr{border-top-color:rgb(228, 228, 230)}.duet-table-fixed th,.duet-table-minimal th,.duet-table-plain th{padding:16px !important;border-bottom:1px solid rgb(101, 119, 135)}.duet-table-fixed th:first-child,.duet-table-minimal th:first-child,.duet-table-plain th:first-child{padding-left:0 !important}.duet-table-fixed th:last-child,.duet-table-minimal th:last-child,.duet-table-plain th:last-child{padding-right:0 !important}.duet-theme-turva.duet-table-fixed th,.duet-theme-turva.duet-table-minimal th,.duet-theme-turva.duet-table-plain th{border-bottom-color:rgb(68, 68, 69)}.duet-table-fixed tbody th,.duet-table-minimal tbody th,.duet-table-plain tbody th{padding-top:40px !important;border-bottom-color:rgb(225, 227, 230)}.duet-theme-turva.duet-table-fixed tbody th,.duet-theme-turva.duet-table-minimal tbody th,.duet-theme-turva.duet-table-plain tbody th{border-bottom-color:rgb(228, 228, 230)}.duet-table-fixed td,.duet-table-minimal td,.duet-table-plain td{padding:16px !important}.duet-table-fixed td:first-child,.duet-table-minimal td:first-child,.duet-table-plain td:first-child{padding-left:0 !important}.duet-table-fixed td:last-child,.duet-table-minimal td:last-child,.duet-table-plain td:last-child{padding-right:0 !important}.duet-table-fixed tbody td,.duet-table-minimal tbody td,.duet-table-plain tbody td{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-table-fixed tbody td,.duet-theme-turva.duet-table-minimal tbody td,.duet-theme-turva.duet-table-plain tbody td{border-bottom-color:rgb(228, 228, 230)}.duet-table-flattened.duet-table-fixed tbody:first-of-type th,.duet-table-flattened.duet-table-minimal tbody:first-of-type th,.duet-table-flattened.duet-table-plain tbody:first-of-type th{padding-top:0 !important}.duet-table-flattened.duet-table-fixed td,.duet-table-flattened.duet-table-minimal td,.duet-table-flattened.duet-table-plain td,.duet-table-flattened.duet-table-fixed tbody th,.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{border-bottom:0}.duet-table-flattened.duet-table-fixed tr,.duet-table-flattened.duet-table-minimal tr,.duet-table-flattened.duet-table-plain tr{padding:20px 0 !important}.duet-table-flattened.duet-table-fixed tbody th,.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{padding-top:20px !important}.duet-table-flattened.duet-table-fixed tfoot td,.duet-table-flattened.duet-table-minimal tfoot td,.duet-table-flattened.duet-table-plain tfoot td{margin-bottom:4px !important}.duet-table-flattened.duet-table-fixed tbody:not(:only-of-type) tr:first-child,.duet-table-flattened.duet-table-minimal tbody:not(:only-of-type) tr:first-child,.duet-table-flattened.duet-table-plain tbody:not(:only-of-type) tr:first-child{border-bottom:0}.duet-table-plain.duet-table-flattened tbody tr{border-bottom:1px solid rgb(225, 227, 230)}.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr{border-bottom-color:rgb(228, 228, 230)}.duet-table-minimal tbody tr,.duet-table-minimal tbody tr td{vertical-align:top;border-bottom:0 none}.duet-table-minimal tbody tr:last-of-type,.duet-table-minimal tbody tr:last-of-type td{border-bottom:1px solid rgb(225, 227, 230)}.duet-table-minimal.duet-table-flattened tbody tr,.duet-table-minimal.duet-table-flattened tbody tr td{border-bottom:0 none}.duet-table-minimal.duet-table-flattened tbody tr td[data-heading]::before{display:none}.duet-table-minimal.duet-table-flattened tfoot{border-top:1px solid rgb(225, 227, 230)}.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot{border-top-color:rgb(228, 228, 230)}.duet-table-fixed table{table-layout:fixed}.duet-table-fixed tbody tr,.duet-table-fixed tbody tr td,.duet-table-fixed tbody tr td:first-child{padding:4px !important;vertical-align:text-bottom;border-bottom:0 none}.duet-table-fixed thead{display:none}.duet-table-fixed tbody tr,.duet-table-fixed tbody tr td{border-bottom:0 none}.duet-table-fixed:not(.duet-table-flattened) tfoot{border-top:1px solid rgb(225, 227, 230)}.duet-table-fixed:not(.duet-table-flattened).duet-theme-turva tfoot{border-top-color:rgb(228, 228, 230)}.duet-table-scrollable{position:relative;width:100%;overflow-x:auto;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;background-repeat:no-repeat;background-attachment:local, local, scroll, scroll;background-size:100px 100%, 100px 100%, 12px 100%, 12px 100%}.duet-table-selected-column{background:rgba(0, 119, 179, 0.08)}.duet-theme-turva .duet-table-selected-column{background:rgba(68, 68, 69, 0.08)}.duet-table-sortable tbody tr td:first-child,.duet-table-sortable thead tr th:first-child{padding:20px}.duet-table-sortable:not(.duet-table-flattened) tfoot{border-top:1px solid rgb(225, 227, 230)}.duet-table-sortable:not(.duet-table-flattened).duet-theme-turva tfoot{border-top-color:rgb(228, 228, 230)}.duet-table-actions table{table-layout:auto}.duet-table-actions thead th:last-child{width:1px;white-space:nowrap}.duet-editable-table-table.duet-table-flattened tr{display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-rows:auto;gap:10px}.duet-editable-table-table.duet-table-flattened tr.duet-table-action-row td:last-child::before{padding:0;content:""}.duet-editable-table-table.duet-table-flattened td{grid-column:1/2}.duet-editable-table-table.duet-table-flattened td:first-child{grid-row:1;grid-column:1}.duet-editable-table-table.duet-table-flattened td:last-child{grid-row:1;grid-column:2}';var stickyTopValues={none:0,"with-links":parseFloat(sizeNavigation)*16,"without-links":parseFloat(sizeHeader)*16};var DuetTable=function(){function t(t){var e=this;registerInstance(this,t);this.headingSelector="thead tr > :not(*.duet-editable-table-actions-menu)";this.handleMediaQueryChange=function(t){e.matchesBreakpoint=breakpointTokensUpTo.includes(e.breakpoint)?!t.matches:t.matches};this.matchesBreakpoint=true;this.language=getLanguage();this.theme=undefined;this.margin="auto";this.variation="striped";this.sticky=false;this.stickyDistance="with-links";this.breakpoint="small";this.hideHeadVisually=false}t.prototype.watchLanguageStateHandler=function(t,e){var i=this;if(t!==e){setTimeout((function(){return i.copyHeadingsToCells()}),50)}};t.prototype.connectedCallback=function(){var t=this;var e=this.breakpoint==="none"||this.breakpoint==="none-scrollable"?"all":breakpointToToken[this.breakpoint];this.mq=matchMedia(e);this.mq.addEventListener("change",debounce(this.handleMediaQueryChange,50));this.handleMediaQueryChange(this.mq);this.observer=new MutationObserver((function(){return debounce(t.copyHeadingsToCells(),50)}));this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.copyHeadingsToCells();if(this.sticky&&this.breakpoint==="none-scrollable"){console.warn('[DUET WARNING]: sticky and breakpoint="none-scrollable" are incompatible. Scrollable takes precedence')}if(this.sticky){var t=stickyTopValues[this.stickyDistance];var e=this.element.querySelectorAll(this.headingSelector);e.forEach((function(e){return e.style.top="".concat(t,"px")}))}};t.prototype.componentDidLoad=function(){this.observer?this.observer.takeRecords():null;connectLanguageChangeObserver(this)};t.prototype.disconnectedCallback=function(){this.observer.disconnect();this.observer=null;this.mq.removeListener(this.handleMediaQueryChange);this.mq=null;this.matchesBreakpoint=true;disconnectLanguageChangeObserver(this)};t.prototype.copyHeadingsToCells=function(){var t=this.element.querySelectorAll(this.headingSelector);var e=this.element.querySelectorAll("tbody tr");var i=Array.from(t).map((function(t){return t.textContent.trim()}));e.forEach((function(t){t.querySelectorAll("td").forEach((function(t,e){if(i[e]){var a=t.querySelector(".duet-table-cell-heading");if(!a||a.textContent!==i[e]){a===null||a===void 0?void 0:a.remove();var n=document.createElement("span");n.textContent=i[e];n.classList.add("duet-table-cell-heading");n.setAttribute("aria-hidden","true");n.inert=true;t.prepend(n)}}}))}))};t.prototype.render=function(){var t;return h(Host,{class:(t={},t["duet-table-".concat(this.variation)]=true,t["duet-table-flattened"]=!this.matchesBreakpoint,t["duet-table-sticky"]=this.matchesBreakpoint&&this.sticky,t["duet-table-scrollable"]=this.breakpoint==="none-scrollable",t["duet-m-0"]=this.margin==="none",t["duet-theme-turva"]=this.theme==="turva",t["duet-table-hide-head-visually"]=this.hideHeadVisually,t)},h("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{language:["watchLanguageStateHandler"]}},enumerable:false,configurable:true});return t}();DuetTable.style=duetTableCss;var errorCodes=[{type:"default",system_message:"unknown error",message:{fi:"Tapahtui tuntematon virhe, ole hyvä ja yritä uudelleen.",sv:"Ett okänt fel uppstod, försök igen.",en:"An unknown error occured, please try again."}},{type:"400",system_message:"Bad Request: The server could not understand the request due to invalid syntax.",message:{fi:"Tiedostoa ei hyväksytty.",sv:"Servern avvisade din fil.",en:"The server rejected your file."}},{type:"401",system_message:"Not Authenticated: The client must authenticate itself to get the requested response...",message:{fi:"Vain kirjautunut käyttäjä voi lähettää tiedostoja.",sv:"Du måste vara inloggad för att ladda upp filer.",en:"You need to be logged in to upload files."}},{type:"403",system_message:"No Access: The client does not have access rights to the content.",message:{fi:"Ei oikeuksia lähettää tiedostoja.",sv:"Du har inte rätt åtkomsträttigheter för att ladda upp filer.",en:"You do not have the correct access rights to upload files."}},{type:"413",system_message:"Payload too large",message:{fi:"Tiedosto oli liian vastaanotettavaksi.",sv:"Filen var för stor för servern att hantera.",en:"The file was to large for the server to handle."}},{type:"415",system_message:"Unsupported media type",message:{fi:"Tiedoston tyyppi oli väärä.",sv:"Servern avvisade filen eftersom den hade fel typ.",en:"The server rejected the file because it had the wrong type."}},{type:"429",system_message:"Too many request from same address",message:{fi:"Liian monta yritystä, ole hyvä ja yritä myöhemmin uudelleen.",sv:"Servern har fått många förfrågningar från dig, försök igen senare.",en:"The server has received to many request from you, please try again later."}},{type:"500",system_message:"Internal Server Error",message:{fi:"Palvelin ilmoitti tuntemattomasta virheestä ja lataus epäonnistui.",sv:"Servern rapporterade ett okänt fel och uppladdningen misslyckades.",en:"The server reported an unknown error and the upload failed."}},{type:"duet-upload-100",system_message:"File extension not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den type.",en:"You cannot upload files with that extension."}},{type:"duet-upload-001",system_message:"File transfer failed",message:{fi:"Tiedoston lähetys keskeytyi, ole hyvä ja yritä uudelleen.",sv:"Din anslutning till servern avbröts, försök igen.",en:"Your connection to the server was interrupted, try again."}},{type:"duet-upload-101",system_message:"File mimetype not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den typ.",en:"You cannot upload files of that type."}},{type:"duet-upload-201",system_message:"File is too large",message:{fi:"Tiedosto on liian iso.",sv:"Filen är större än tillåtet.",en:"The file is larger than permitted."}},{type:"duet-upload-202",system_message:"The combined size of all files is too large",message:{fi:"Tiedostojen yhteenlaskettu koko on liian iso.",sv:"Du har nått den maximala kombinerade filstorleken.",en:"You have reached the maximum combined filesize."}},{type:"duet-upload-203",system_message:"Files to upload exceed total byte size limit",message:{fi:"Yritit lisätä tiedostoja, jotka ylittäisivät suurimman sallitun yhteenlasketun koon.",sv:"Du försökte lägga till filer som skulle överskrida den maximala kombinerade storleken.",en:"You tried to add files that would exceed the maximum combined size."}},{type:"duet-upload-301",system_message:"The maximum file limit has been reached",message:{fi:"Liitteiden maksimimäärä saavutettu.",sv:"Maximalt antal bilagor har uppnåtts.",en:"Maximum number of attachments reached."}},{type:"duet-upload-302",system_message:"Files to upload exceeds limits",message:{fi:"Et voi lähettää enempää kuin enimmäismäärän liitteitä.",sv:"Du kan inte ladda upp fler än det maximala antalet bilagor.",en:"You can't upload more than maximum number of attachments."}}];var headerAriaLabel={fi:"Liiteluettelo",sv:"Lista över bilagor",en:"Attachments list"};var UploadItemHeader=function(t){var e=t.label,i=t.categoryLabel;return h("div",{class:"items-header",tabindex:"-1","aria-label":getLocaleString(headerAriaLabel)},i&&h("duet-heading",{class:"category-header",border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},getLocaleString(i)),h("duet-heading",{class:{"filename-header":true,"no-category":!i},border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},getLocaleString(e)))};var validateFileExtension=function(t,e){if(!e){return true}var i=t.split(".");var a=e.split(",");var n=i[i.length-1];return a.includes(n)};var validateFileMime=function(t,e){if(!e||!t){return true}var i=e.split(",");var a=false;i.forEach((function(e){var i=e.split("/");var n=t.split("/");if(i[0]===n[0]&&(i[1]===n[1]||i[1]==="*")){a=true}}));return a};var validateFileSize=function(t,e){if(!e||!t){return true}return e>=t};var validateFile=function(t,e,i){var a=e.allowedMimetypes,n=e.allowedExtensions,r=e.maxBytes;var o=false;var l=getError("default",i);if(t){var d=t.name,s=t.type,u=t.size;var h=validateFileMime(s,a);var f=n==="all"||n===""||n===" "||n===undefined?true:validateFileExtension(d.toLowerCase(),n);var b=validateFileSize(u,r);if(!h){l=getError("duet-upload-101",i)}if(!f){l=getError("duet-upload-100",i)}if(!b){l=getError("duet-upload-201",i)}o=h&&f&&b}else{o=false}return{valid:o,errorMessage:o?undefined:getLocaleString(l.message),errorSystem:o?undefined:l.system_message,errorType:o?undefined:l.type}};var validateTotalSizeIsAboveMax=function(t,e){var i=0;if(e){t.forEach((function(t){if(t.valid&&t.size){i+=t.size}}));if(i>=e){return true}}return false};var validateTotalAmountIsAboveMax=function(t,e){var i=0;if(e){t.forEach((function(t){if(t.valid){i++}}));if(i>=e){return true}}return false};var filesToUploadCountAboveMax=function(t,e,i){if(t+e>i){return true}return false};var filesToUploadTotalSizeIsAboveMax=function(t,e,i){var a=0;if(i){t.forEach((function(t){if(t.valid&&t.size){a+=t.size}}));e.forEach((function(t){if(t.size){a+=t.size}}));if(a>=i){return true}}return false};var makeXhrRequest=function(t){var e=t.payload,i=t.options,a=t.onFailure,n=t.onSuccess,r=t.onProgress;var o=i.type,l=o===void 0?"POST":o,d=i.xhr,s=i.uri,u=i.argument,h=u===void 0?null:u,f=i.headers,b=f===void 0?null:f;d.open(l,"".concat(s).concat(h||""),true);var c=e.data,p=e.name;if(b){Object.keys(b).forEach((function(t){d.setRequestHeader(t,b[t])}))}if(l==="POST"){d.onreadystatechange=function(){if(d.readyState===XMLHttpRequest.DONE&&d.status>=200&&d.status<300){n(d,p,d.status)}if(d.readyState===XMLHttpRequest.DONE&&d.status>=300&&d.status<999){a(d,p,d.status)}};r(p)}d.send(c);return d};var duetUploadCss="*,*::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}::slotted([slot=header]){margin-bottom:16px}::slotted([slot=fileheader]){margin:16px 0 0 0}::slotted([slot=filefooter]){margin-top:16px}::slotted([slot=uploadfooter]){margin-top:20px}.duet-upload{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-upload-item-size{font-size:0.75rem;font-weight:400}.duet-upload-filelist{margin-bottom:25px}.duet-upload-filelist-empty{display:flex;align-items:center;justify-content:center;width:100%;height:75px;margin:0 auto;font-size:1rem;font-weight:400;background-color:rgb(245, 248, 250)}.duet-upload-filelist-empty-label{font-size:1rem;font-weight:400}.duet-upload-editable-table-header-hidden{display:none}.duet-upload-editable-table tbody .duet-upload-editable-table-data{padding:0 !important;border:0}.duet-upload-editable-table duet-editable-table tfoot,.duet-upload-editable-table duet-editable-table thead{display:none}.duet-upload-editable-table duet-editable-table .duet-editable-table-content{padding-right:0 !important;padding-left:0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td{padding:1rem 0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td:last-child{padding-right:0 !important}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending{position:relative}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-progress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-progress{position:absolute;bottom:0;width:100%}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-action-button::part(button),.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-action-button::part(button){border:0}duet-paragraph::part(duet-paragraph){word-break:break-word}duet-editable-table tfoot{display:none}.upload-bottom-caption{margin-top:12px;margin-bottom:16px;line-height:1.4rem}.items-header{display:none;flex-direction:row;margin-bottom:0}@media (min-width: 36em){.items-header{display:flex}}.items-header:not(:last-child),.items-header:not(:first-child){margin-top:12px}.items-header .category-header{width:35%}.items-header .filename-header{width:65%}.items-header .filename-header.no-category{width:100%}.upload-item-row{display:flex;flex-direction:column;gap:16px;align-content:center;align-items:center;padding:16px 0 16px 0;border-bottom:1px solid rgb(225, 227, 230)}@media (min-width: 36em){.upload-item-row{flex-direction:row;gap:10px}}.upload-item-row .item-categories{width:100%}@media (min-width: 36em){.upload-item-row .item-categories{width:35%}}.upload-item-row .item-name{position:relative;bottom:2px;width:100%;text-align:left}@media (min-width: 36em){.upload-item-row .item-name{width:50%}.upload-item-row .item-name.no-category{width:85%}}.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:block}@media (min-width: 36em){.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:none}}.upload-item-row .item-actions{width:100%;margin-left:-8px;text-align:left}@media (min-width: 36em){.upload-item-row .item-actions{width:15%;padding-top:0;margin-left:auto;text-align:right}}.upload-item-row .duet-upload-item-name duet-icon{position:relative;top:4px}.upload-item-row .duet-upload-item-name duet-progress{display:block;margin-top:16px}";var DuetUpload=function(){function t(t){var e=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetReady=createEvent(this,"duetReady",7);this.duetDone=createEvent(this,"duetDone",3);this.duetState=createEvent(this,"duetState",3);this.duetDelete=createEvent(this,"duetDelete",3);this.duetCancel=createEvent(this,"duetCancel",3);this.duetProgress=createEvent(this,"duetProgress",3);this.duetUpload=createEvent(this,"duetUpload",3);this.linkClick=createEvent(this,"linkClick",3);this.buttonId=createID("DuetButton");this.labelId=createID("DuetLabel");this.uploadId=createID("DuetUpload");this.filesInProgress=new Map;this.fileMaxReached=false;this.bytesMaxReached=false;this.filesToUploadExceedsLimit=false;this.filesToUploadTotalSizeIsAboveMax=false;this.internalStatusMessageLabel=undefined;this.itemRefs=new Map;this.DefaultGroups={inprogress:"inprogress",success:"success",pending:"pending",failure:"failure"};this.kick=debounce((function(){e.tick=Date.now()}),30);this.categoryLabel={en:"Category",sv:"Filtyp",fi:"Tiedostotyyppi"};this.listenForActionEvents=function(){e.element.addEventListener("duetActionEvent",(function(t){var i=t.detail;var a=i.action,n=i.id,r=i.originalEvent;switch(a){case"delete":e.onDelete(n,r);break;case"cancel":e.onCancel(n,r);break}}))};this.verifyValidity=function(){var t=e.getFilesAsArray(),i=t.invalid,a=t.valid;var n=e.valid;e.valid=i.length===0&&a.length!==0;if(e.valid!==n){e.duetState.emit({originalEvent:undefined,data:{valid:e.valid,from:"componentWillRender"},component:"duet-upload"})}};this.getGroupFromItemData=function(t){if(t.valid&&t.progress===100){return e.DefaultGroups.success}else if(t.progress>0&&t.progress!==100){return e.DefaultGroups.inprogress}else if(!t.valid){return e.DefaultGroups.failure}else if(t.pending){return e.DefaultGroups.pending}else if(t.group){return t.group}else{return"none"}};this.mapFilesToUploadItems=function(t,i,a,n){if(i===e.DefaultGroups.success){return h("duet-upload-item",{theme:e.theme,actions:e.getActions(i,n),type:"success",data:t,showLinks:e.showLinks,linkClickEvent:e.emitEvent?e.linkClick:undefined,categoryLabel:e.categoryLabel,label:e.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:e.processedButtonTitles,ref:function(i){e.itemRefs.set(t.uid,i)}})}else if(i===e.DefaultGroups.inprogress){return h("duet-upload-item",{theme:e.theme,actions:e.getActions(i,n),type:"inprogress",data:t,showLinks:e.showLinks,categoryLabel:e.categoryLabel,label:e.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:e.processedButtonTitles,ref:function(i){e.itemRefs.set(t.uid,i)}})}else if(i===e.DefaultGroups.pending){return h("duet-upload-item",{theme:e.theme,actions:e.getActions(i,n),type:"pending",data:t,showLinks:e.showLinks,categoryLabel:e.categoryLabel,label:e.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:e.processedButtonTitles,ref:function(i){e.itemRefs.set(t.uid,i)}})}else if(i===e.DefaultGroups.failure){return h("duet-upload-item",{theme:e.theme,actions:e.getActions(i,n),type:"failure",data:t,showLinks:e.showLinks,errorCodes:e.errorCodes,categoryLabel:e.categoryLabel,label:e.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:e.processedButtonTitles,ref:function(i){e.itemRefs.set(t.uid,i)}})}else if(t.group){return t.html}else{return"none"}};this.genHashName=function(){return Date.now().toString(36)+Math.random()};this.updateValueInMap=function(t,i,a,n){if(n===void 0){n=true}try{var r=e.files.get(t);r[i]=a;e.files.set(t,r);if(e.external&&i!=="url"){e.trackProgress(t,i==="uploaded")}}catch(t){}if(n){e.kick()}};this.updateProgress=function(t,i){var a=function(a){e.updateValueInMap(i,"progress",a);e.onProgress(i,a,t)};if(t.lengthComputable){var n=t.loaded/t.total*100;a(n)}else{console.log("cant read progress")}};this.trackProgress=function(t,i){if(i===void 0){i=false}if(i){e.filesInProgress.delete(t)}else{e.filesInProgress.set(t,"inprogress")}if(e.filesInProgress.size===0){e.onDone()}};this.getFilesAsArray=function(){var t=[];var i=[];e.files.forEach((function(e){if(e.valid&&!e.deleted){t.push(e)}else if(!e.valid&&!e.deleted){i.push(e)}}));return{valid:t,invalid:i}};this.resetFormFields=function(){e.nativeInput.value=""};this.startUpload=function(t,i){if(i===void 0){i=undefined}return __awaiter(e,void 0,void 0,(function(){var e,a,n;return __generator(this,(function(r){e=this.validateTotals(),a=e.bytesMaxReached,n=e.fileMaxReached;if(a||n){this.kick();return[2]}this.metaData=i;this.nativeInput.click();this.onUpload(t,i);t.stopPropagation();t.preventDefault();return[2]}))}))};this.transferComplete=function(t){e.updateValueInMap(t,"progress",100,false);e.trackProgress(t,true)};this.transferDone=function(t,i,a){e.updateValueInMap(i,"status",a,false);e.updateValueInMap(i,"uploaded",true,false);try{var n=JSON.parse(t.response);e.updateValueInMap(i,"url",n.url)}catch(t){e.updateValueInMap(i,"url",null);console.error("Server did not respond with expected response {url: string}")}return};this.transferDoneWithFailure=function(t,i,a){try{var n=JSON.parse(t.response).error;e.updateValueInMap(i,"error",{message:n.message,type:n.type},false)}catch(t){console.error("Server did not respond with expected response error:{message: string, type: int}");e.updateValueInMap(i,"error",{type:a},false)}e.updateValueInMap(i,"valid",false,true)};this.transferFailed=function(t){e.updateValueInMap(t,"error",getI18nError("duet-upload-001",e.errorCodes))};this.transferCanceled=function(t){e.files.delete(t);e.validateTotals(t);e.kick()};this.validateTotals=function(t){var i=validateTotalSizeIsAboveMax(e.files,e.maxBytesTotal);var a=validateTotalAmountIsAboveMax(e.files,e.maxFiles);if(i&&t){e.updateValueInMap(t,"error",getI18nError("duet-upload-202",e.errorCodes),false)}if(a&&t){e.updateValueInMap(t,"error",getI18nError("duet-upload-301",e.errorCodes),false)}e.bytesMaxReached=i;e.fileMaxReached=a;return{bytesMaxReached:i,fileMaxReached:a}};this.uploadFile=function(t,i,a){if(i===void 0){i=false}return __awaiter(e,void 0,void 0,(function(){var e,n,r;return __generator(this,(function(o){switch(o.label){case 0:if(!i&&this.deferUpload){this.updateValueInMap(t.item.name,"pending",true,false);this.updateValueInMap(t.item.name,"group","pending",true)}else if(i){this.updateValueInMap(t.item.name,"pending",false,false);this.updateValueInMap(t.item.name,"group",undefined,true)}o.label=1;case 1:o.trys.push([1,4,,5]);if(!(!this.deferUpload||i))return[3,3];e=new FormData;e.append("file",t.item);if(a){e.append("key",a)}e.append("uid",t.uid);e.append("name",t.item.name);e.append("metadata",JSON.stringify({uid:t.uid,url:this.uri,size:t.item.size,meta:t.meta}));n=t;return[4,this.makeXHRPostRequest(e)];case 2:n.xhr=o.sent();o.label=3;case 3:return[3,5];case 4:r=o.sent();this.updateValueInMap(t.item.name,"valid",false,false);return[3,5];case 5:return[2]}}))}))};this.uploadPendingFiles=function(){for(var t=0,i=Array.from(e.files.entries());t<i.length;t++){var a=i[t],n=a[0],r=a[1];if(r.group==="pending"&&r.pending===true){e.uploadFile(r,true,n)}}};this.getItemFromUID=function(t){for(var i=0,a=Array.from(e.files.entries());i<a.length;i++){var n=a[i],r=n[0],o=n[1];if(o.uid===t){return{value:o,key:r}}}return null};this.handleExternalUploadButton=function(t,i){if(e.externalUploadButton){if(t||i){e.externalUploadButton.disabled=true}else{e.externalUploadButton.disabled=false}}};this.onDelete=function(t,i){var a=e.getItemFromUID(t);var n=a.key;var r=e.files.get(n);e.files.delete(n);var o=e.validateTotals(),l=o.bytesMaxReached,d=o.fileMaxReached;e.handleExternalUploadButton(l,d);e.kick();e.duetDelete.emit({originalEvent:i,data:{deletion:r},component:"duet-upload"});if(!e.external&&!r.pending){e.makeXHRDeleteRequest(r)}e.resetFormFields()};this.onCancel=function(t,i){var a=e.getItemFromUID(t).key;var n=e.files.get(a);e.files.delete(a);var r=e.validateTotals(),o=r.bytesMaxReached,l=r.fileMaxReached;e.handleExternalUploadButton(o,l);if(!e.external){var d=n.xhr;if(d){d.abort()}}e.kick();e.resetFormFields();e.duetCancel.emit({originalEvent:i,data:{cancelled:n},component:"duet-upload"})};this.onUpload=function(t,i){e.duetUpload.emit({originalEvent:t,metaData:i,component:"duet-upload"})};this.onBlur=function(t){e.duetBlur.emit({originalEvent:t,component:"duet-upload"})};this.onProgress=function(t,i,a){e.duetChange.emit({originalEvent:a,data:{key:t,percentComplete:i},component:"duet-upload"})};this.onFocus=function(t){e.duetFocus.emit({originalEvent:t,component:"duet-upload"})};this.onReady=function(){e.duetReady.emit({component:"duet-upload"})};this.onDone=function(){e.duetDone.emit({component:"duet-upload",data:{files:e.files}})};this.filterMap=function(){var t=Array.from(e.files.values());var i=[];var a=[];var n=[];var r=[];var o=false;t.forEach((function(t){var l=e.getGroupFromItemData(t);if(t.meta&&!!t.meta.badges){o=true}if(l===e.DefaultGroups.success){r.push({uid:t.uid,data:t})}else if(l===e.DefaultGroups.inprogress){i.push({uid:t.uid,data:t})}else if(l===e.DefaultGroups.pending){n.push({uid:t.uid,data:t})}else if(l===e.DefaultGroups.failure){a.push({uid:t.uid,data:t})}else if(t.group){i.push({uid:t.uid,data:t})}}));return{pending:n,failure:a,success:r,inprogress:i,hasCategory:o}};this.getActions=function(t,e){return e.filter((function(e){return e.map.includes(t)}))};this.renderUploadedItems=function(){e.itemRefs.clear();var t=e.filterMap();var i=t.hasCategory;var a=e.hideCancelButton?e.actions.filter((function(t){return t.name!=="cancel"})):e.actions;var n=e.groups.map((function(n){var r=t[n.id];if(!(r===null||r===void 0?void 0:r.length)){return}return h(Fragment,null,!e.hideGroups&&h(UploadItemHeader,{categoryLabel:i?e.categoryLabel:undefined,label:n.label}),r.map((function(t){return e.mapFilesToUploadItems(t.data,n.id,i,a)})))}));return h(Fragment,null,e.showUploadedItemsHeader&&h(UploadItemHeader,{categoryLabel:i?e.categoryLabel:undefined,label:e.uploadedItemsHeaderLabel}),n)};this.tick=Date.now();this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.external=false;this.middleware=null;this.deferUpload=false;this.hideButton=false;this.actions=[{icon:"action-delete",color:"color-danger",size:"x-small",background:"gray-lightest",name:"delete",map:["success","failure"],label:{fi:"Poista tiedosto",en:"Delete the file",sv:"Ta bort filen"}},{icon:"navigation-close",color:"primary",size:"x-small",background:"gray-lightest",name:"cancel",map:["inprogress","pending"],label:{fi:"Keskeytä lähetys",en:"Cancel the upload",sv:"Stop överföringen"}}];this.uri=undefined;this.showLinks=false;this.caption=undefined;this.statusLabelDefaults={fi:{inProgress:"Lähetetään {filesUploaded}, yhteensä lähetettävänä {filesTotal}.",inProgressWithErrors:"Lähetetään {filesInProgress}, lähetetty {filesUploaded}, yhteensä lähetettävänä {filesTotal}, {filesWithErrors} epäonnistui",done:"Lähetys valmis, {filesTotal} lisätty onnistuneesti",doneWithErrors:"Lähetys valmis, {filesUploaded} lisätty onnistuneesti, {filesWithErrors} epäonnistui",files:"tiedostoa",file:"tiedosto"},sv:{inProgress:"Laddar upp {filesUploaded} av {filesTotal}",inProgressWithErrors:"Laddar upp {filesInProgress}, {filesUploaded} uppladdad av {filesTotal}, {filesWithErrors} misslyckades",done:"Uppladdningen slutförd, {filesTotal} har lagts till",doneWithErrors:"Uppladdningen slutförd, {filesUploaded} har lagts till, {filesWithErrors} misslyckades",files:"filer",file:"fil"},en:{inProgress:"Uploading {filesUploaded} of {filesTotal}",inProgressWithErrors:"Uploading {filesInProgress}, {filesUploaded} uploaded of {filesTotal}, {filesWithErrors} failed",done:"Upload completed, {filesTotal} added successfully",doneWithErrors:"Upload completed, {filesUploaded} added successfully, {filesWithErrors} failed.",files:"files",file:"file"}};this.statusMessageLabel=getLocaleString(this.statusLabelDefaults);this.buttonLabelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add an attachment"};this.buttonLabel=getLocaleString(this.buttonLabelDefaults);this.accessibleButtonLabel=undefined;this.theme="";this.disabled=false;this.identifier=undefined;this.margin="auto";this.required=false;this.alignment="middle";this.hideGroups=false;this.files=new Map;this.valid=!this.required;this.labelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add attachments"};this.label=getLocaleString(this.labelDefaults);this.descriptionDefaults={en:"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",sv:"Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",fi:"Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena."};this.description=getLocaleString(this.descriptionDefaults);this.fileListEmptyDefaults={fi:"Ei vielä lisättyjä tiedostoja.",sv:"Inga filer har lagts till ännu.",en:"No files added yet."};this.fileListEmpty=getLocaleString(this.fileListEmptyDefaults);this.error="";this.errorCodes=errorCodes;this.name=undefined;this.maxBytes=2e8;this.maxBytesTotal=undefined;this.maxFiles=99;this.allowedExtensions="all";this.allowedMimetypes="";this.multiple=true;this.limitSelection=false;this.hideCancelButton=false;this.value=undefined;this.externalUploadButtonId=undefined;this.captionOnBottom=false;this.showUploadedItemsHeader=false;this.uploadedItemsHeaderLabel={fi:"Ladattu tiedosto",sv:"Lägg till en bilaga",en:"Uploaded file"};this.headerHeadingLevel="h3";this.hideHeader=false;this.emitEvent=false;this.actionButtonTitles={cancel:false,delete:false};this.renameDuplicates=false;this.groups=[{id:this.DefaultGroups.success,label:{fi:"Valmiit tiedostot",sv:"Files success",en:"Files success"}},{id:this.DefaultGroups.failure,label:{fi:"Tiedostot, joissa on virheitä",sv:"Filer med fel",en:"Files with errors"}},{id:this.DefaultGroups.inprogress,label:{fi:"Kesken olevat tiedostot",sv:"Filer inprogress",en:"Files inprogress"}},{id:this.DefaultGroups.pending,label:{en:"Files to upload",sv:"Filer att ladda",fi:"Ladattavat tiedostot"}}]}t.prototype.watchValidHandler=function(t,e){if(t!==e){this.kick()}};t.prototype.componentWillLoad=function(){if(typeof this.statusMessageLabel==="string"){this.internalStatusMessageLabel=sanitizeString(this.groups)}else{this.internalStatusMessageLabel=this.statusMessageLabel}inheritGlobalTheme(this);this.listenForActionEvents();this.onReady();this.externalUploadButton=document.querySelector("#".concat(this.externalUploadButtonId));this.processedButtonTitles=parsePossibleJSON(this.actionButtonTitles)};t.prototype.componentWillRender=function(){this.verifyValidity()};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.upload=function(t){if(t===void 0){t=undefined}return __awaiter(this,void 0,void 0,(function(){var e,i,a;return __generator(this,(function(n){e=this.validateTotals(),i=e.bytesMaxReached,a=e.fileMaxReached;if(i||a){this.handleExternalUploadButton(i,a);this.kick();return[2]}this.metaData=t;this.nativeInput.click();return[2]}))}))};t.prototype.uploadPending=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.uploadPendingFiles();return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.kick();return[4,this.setFocus()];case 1:t.sent();return[2]}}))}))};t.prototype.getFiles=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.files||this.files.size===0){return[2,false]}return[2,this.getFilesAsArray()]}))}))};t.prototype.updateValue=function(t,e,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.updateValueInMap(t,e,i);return[2]}))}))};t.prototype.focusActionButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:return[4,(e=this.itemRefs.get(t))===null||e===void 0?void 0:e.focusActionButton()];case 1:i.sent();return[2]}}))}))};t.prototype.render=function(){var t=this;var e=this.identifier||this.uploadId;var i=Math.round((this.maxBytesTotal?this.maxBytesTotal:this.maxBytes*this.maxFiles)/1024/1024);var a=Math.round(this.maxBytes/1024/1024);var n=this.description.replace(/{maxfiles}/g,this.maxFiles.toString());n=n.replace(/{maxbytes}/g,"".concat(a.toString()," MB"));n=n.replace(/{maxbytestotal}/g,"".concat(i.toString()," MB"));n=n.replace(/{filetypes}/g,this.allowedExtensions.split(",").join(", "));if(this.externalUploadButton){this.externalUploadButton.accessibleLabel=n}return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("duet-fieldset",{"label-heading-level":this.headerHeadingLevel,"label-hidden":this.hideHeader,label:this.label,caption:!this.captionOnBottom?n:undefined},h("slot",{name:"header"}),!this.files.size&&h("duet-empty-state",{id:this.labelId,part:this.identifier?"".concat(this.identifier,"-empty-state"):"duet-upload-empty-state",icon:"messaging-attachment"},h("duet-paragraph",{margin:"none"},this.fileListEmpty)),!!this.files.size&&h("slot",{name:"fileheader"}),!!this.files.size&&h("duet-upload-aria-status",{invalid:this.getFilesAsArray().invalid.length,valid:this.getFilesAsArray().valid.length,inprogress:this.filesInProgress.size,total:this.files.size,statusMessageLabel:this.internalStatusMessageLabel}),!!this.files.size&&this.renderUploadedItems(),!!this.files.size&&h("slot",{name:"filefooter"}),h("slot",{name:"uploadfooter"}),this.captionOnBottom&&h("duet-caption",{margin:"none",size:"small"},h("div",{class:"upload-bottom-caption"},n)),h("slot",{name:"afterfooter"}),!this.hideButton&&h(Fragment,null,h("duet-spacer",{size:"large"}),h("duet-button",{id:this.buttonId,onClick:this.startUpload,"accessible-controls":e,disabled:this.fileMaxReached,"accessible-label":this.accessibleButtonLabel,"accessible-owns":e,size:"small",variation:"secondary",fixed:true,icon:"action-add-circle",part:this.identifier?"".concat(this.identifier,"-button-upload"):"duet-upload-button-upload"},this.buttonLabel)),(this.fileMaxReached||this.bytesMaxReached||this.filesToUploadExceedsLimit||this.filesToUploadTotalSizeIsAboveMax)&&h(Fragment,null,h("duet-spacer",{size:"medium"}),h("duet-alert",{part:this.identifier?"".concat(this.identifier,"-error-notification"):"duet-upload-error-notification"},this.fileMaxReached&&getI18nError("duet-upload-301",this.errorCodes),this.bytesMaxReached&&getI18nError("duet-upload-202",this.errorCodes),this.filesToUploadExceedsLimit&&getI18nError("duet-upload-302",this.errorCodes),this.filesToUploadTotalSizeIsAboveMax&&getI18nError("duet-upload-203",this.errorCodes))),h("duet-visually-hidden",{"aria-hidden":"true"},h("input",{ref:function(e){t.nativeInput=e},accept:!this.limitSelection?undefined:"".concat(this.allowedMimetypes,",").concat(this.allowedExtensions),onBlur:this.onBlur,onFocus:this.onFocus,onChange:function(e){return t.onChange(e)},type:"file",class:{"duet-upload":true},disabled:this.disabled,"aria-hidden":"true",required:this.required,name:this.name,id:this.identifier,multiple:this.multiple,tabIndex:-1}))))};t.prototype.makeXHRPostRequest=function(t){var e=this;var i=new XMLHttpRequest;var a=t.get("name");i.upload.addEventListener("progress",(function(t){e.updateProgress(t,a)}));i.upload.addEventListener("load",(function(){e.transferComplete(a)}));i.upload.addEventListener("error",(function(){e.transferFailed(a)}));i.upload.addEventListener("abort",(function(){e.transferCanceled(a)}));var n={payload:{data:t,name:a},options:{type:"POST",uri:this.uri,xhr:i,argument:null,headers:undefined},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};if(this.middleware){n=this.middleware(n)}return makeXhrRequest(n)};t.prototype.makeXHRDeleteRequest=function(t){var e=t.uid,i=t.item;var a=new XMLHttpRequest;var n={"x-fileuid":e,"x-filename":i.name};var r={payload:{data:null,name:name},options:{type:"DELETE",xhr:a,uri:this.uri,argument:"?key=".concat(e,"&name=").concat(i.name),headers:n},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};if(this.middleware){r=this.middleware(r)}return makeXhrRequest(r)};t.prototype.escapeSpecialCharacters=function(t){return(t+"").replace(/[\\"'(){}\[\]*?$^+]/g,"\\$&").replace(/\u0000/g,"\\0")};t.prototype.getRenamedFileName=function(t,e){var i=new RegExp("".concat(this.escapeSpecialCharacters(t)," \\(\\d+\\).").concat(e));var a=Array.from(this.files.entries()).map((function(t){var e=t[0],i=t[1];return e})).filter((function(a){return i.test(a)||a==="".concat(t,".").concat(e)})).sort((function(t,e){return t.split(".").slice(0,-1).join(".")>e.split(".").slice(0,-1).join(".")?1:-1})).pop().split(".").slice(0,-1).join(".");if(a===t){return"".concat(t," (1).").concat(e)}var n=parseInt(a.split("(").pop().slice(0,-1));return"".concat(t," (").concat(n+1,").").concat(e)};t.prototype.renameFiles=function(t){var e=this;return t.map((function(t){if(e.files.get(t.name)){var i=t.name.split(".");var a=i.pop();var n=i.join(".");var r=e.getRenamedFileName(n,a);return new File([t],r,{type:t.type,lastModified:t.lastModified})}else{return t}}))};t.prototype.onChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,a,n,r,o,l,d,s,u,h,f;return __generator(this,(function(b){switch(b.label){case 0:i=Array.from((e=this.nativeInput)===null||e===void 0?void 0:e.files);this.filesToUploadExceedsLimit=false;if(filesToUploadCountAboveMax(this.files.size,i.length,this.maxFiles)){this.filesToUploadExceedsLimit=true;this.kick();return[2]}this.filesToUploadTotalSizeIsAboveMax=false;if(filesToUploadTotalSizeIsAboveMax(this.files,i,this.maxBytesTotal)){this.filesToUploadTotalSizeIsAboveMax=true;this.kick();return[2]}if(!i)return[3,6];if(this.renameDuplicates){i=this.renameFiles(i)}a=0,n=i;b.label=1;case 1:if(!(a<n.length))return[3,6];r=n[a];o=validateFile(r,{maxBytes:this.maxBytes,allowedExtensions:this.allowedExtensions,allowedMimetypes:this.allowedMimetypes},this.errorCodes),l=o.valid,d=o.errorMessage,s=o.errorType,u=o.errorSystem;h=this.genHashName();f={uid:h,item:r,size:r.size,meta:this.metaData,uploaded:false,valid:l,error:{type:l?undefined:s,message:l?undefined:d,system_message:l?undefined:u},progress:0,deleted:false,xhr:false,url:false};this.files.set(r.name,f);if(!(l&&!this.external))return[3,3];return[4,this.uploadFile(f)];case 2:b.sent();return[3,4];case 3:if(l&&this.external){this.updateValueInMap(f.item.name,"pending",true,false);this.updateValueInMap(f.item.name,"group","pending",true)}else if(!l){this.updateValueInMap(r.name,"valid",false,true)}b.label=4;case 4:this.kick();b.label=5;case 5:a++;return[3,1];case 6:this.resetFormFields();this.metaData=undefined;this.duetChange.emit({originalEvent:t,data:{files:this.files},component:"duet-upload"});return[2]}}))}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{valid:["watchValidHandler"]}},enumerable:false,configurable:true});return t}();DuetUpload.style=duetUploadCss;export{DuetEditableTable as duet_editable_table,DuetTable as duet_table,DuetUpload as duet_upload};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(i,t,e,d){function r(i){return i instanceof e?i:new e((function(t){t(i)}))}return new(e||(e=Promise))((function(e,n){function a(i){try{u(d.next(i))}catch(i){n(i)}}function g(i){try{u(d["throw"](i))}catch(i){n(i)}}function u(i){i.done?e(i.value):r(i.value).then(a,g)}u((d=d.apply(i,t||[])).next())}))};var __generator=this&&this.__generator||function(i,t){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},d,r,n,a;return a={next:g(0),throw:g(1),return:g(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function g(i){return function(t){return u([i,t])}}function u(g){if(d)throw new TypeError("Generator is already executing.");while(a&&(a=0,g[0]&&(e=0)),e)try{if(d=1,r&&(n=g[0]&2?r["return"]:g[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,g[1])).done)return n;if(r=0,n)g=[g[0]&2,n.value];switch(g[0]){case 0:case 1:n=g;break;case 4:e.label++;return{value:g[1],done:false};case 5:e.label++;r=g[1];g=[0];continue;case 7:g=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(g[0]===6||g[0]===2)){e=0;continue}if(g[0]===3&&(!n||g[1]>n[0]&&g[1]<n[3])){e.label=g[1];break}if(g[0]===6&&e.label<n[1]){e.label=n[1];n=g;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(g);break}if(n[2])e.ops.pop();e.trys.pop();continue}g=t.call(i,e)}catch(i){g=[6,i];r=0}finally{d=n=0}if(g[0]&5)throw g[1];return{value:g[0]?g[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/import{r as registerInstance,h,H as Host,g as getElement}from"./index-356c0666.js";import{a as media_query_large,m as media_query_medium,b as media_query_small}from"./tokens-5e02bbe0.js";import{w as watchForOptions,a as watchForElement}from"./watch-options-e96ecd92.js";import{i as inheritGlobalTheme}from"./themeable-component-724c0f7e.js";var duetGridCss=".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-grid-variation-flex.sc-duet-grid-h{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}@media (max-width: 22.5em){.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}.duet-grid-variation-grid.sc-duet-grid-h{display:grid;grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;align-items:flex-start;justify-content:center;margin:0 20px}@media (min-width: 36em){.duet-grid-variation-grid.sc-duet-grid-h{gap:24px;margin:0 40px}}@media (min-width: 48em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(8, 55px);gap:24px 32px;margin:0 auto}}@media (min-width: 62em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, minmax(0, 1fr));margin:0 64px}}@media (min-width: 76.25em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, 55px);gap:40px;margin:0 auto}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:3/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:2/span 10}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 12}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(even){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(even){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(even){grid-column:9/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(even){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(even){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(even){grid-column:5/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(even){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(even){grid-column:5/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(even){grid-column:7/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+2){grid-column:5/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+3){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+3){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+3){grid-column:9/span 4}}";function isGridItem(i){return i.tagName.toLowerCase()==="duet-grid-item"}var DuetGrid=function(){function i(i){registerInstance(this,i);this.mql=[window.matchMedia(media_query_large.replace(/'/g,"")),window.matchMedia(media_query_medium.replace(/'/g,"")),window.matchMedia(media_query_small.replace(/'/g,""))];this.distributeFormElement=false;this.responsive=false;this.breakpoint="small";this.direction="horizontal";this.rowReverse=false;this.alignment="top";this.distribution="default";this.mobile="";this.gridTemplate=null}i.prototype.outerHeight=function(i){var t=i.offsetHeight,e=window.getComputedStyle(i);return["top","bottom"].map((function(i){return parseInt(e["margin-".concat(i)])})).reduce((function(i,t){return i+t}),t)};i.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var i,t;var e=this;return __generator(this,(function(d){i=this.element;this.distributeFormElement=this.alignment==="form_distribute";this.mutationO=watchForOptions(i,"duet-grid-item",(function(){e.updateGridItems()}));if(this.distributeFormElement){this.mutation1=watchForElement(i,"duet-input",(function(){e.updateGridItemsWithInputFields()}));for(t=0;t<this.mql.length;t++){if(this.mql[t].addEventListener){this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}}this.updateGridItems();return[2]}))}))};i.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.mutation1){this.mutation1.disconnect();this.mutation1=undefined}for(var i=0;i<this.mql.length;i++){if(this.mql[i].removeEventListener){this.mql[i].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}};i.prototype.updateGridItems=function(){return __awaiter(this,void 0,void 0,(function(){var i;var t=this;return __generator(this,(function(e){i=Array.from(this.element.children).filter(isGridItem);i.forEach((function(i){i.responsive=t.responsive;i.breakpoint=t.breakpoint;i.direction=t.direction}));return[2]}))}))};i.prototype.updateGridItemsWithInputFields=function(){return __awaiter(this,void 0,void 0,(function(){var i,t,e,d;var r=this;return __generator(this,(function(n){i=Array.from(this.element.children).filter(isGridItem);t=window?window.getComputedStyle(this.element).flexDirection==="column":false;e=0;d=[];i.forEach((function(i){var t=i.querySelector("span.duet-input-error");var e=t?r.outerHeight(t):0;d.push(e)}));e=Math.max.apply(Math,d);i.forEach((function(i){var d=i.querySelector("span.duet-input-error");var n=d?r.outerHeight(d):0;if(n<e&&!t){i.setAttribute("style","padding-bottom: ".concat(e-n,"px;"))}else if(n===e||t){i.setAttribute("style","padding-bottom: 0px;")}}));return[2]}))}))};i.prototype.render=function(){var i;return h(Host,{class:(i={"duet-grid":true,"duet-no-stacking":!this.responsive,"duet-grid-align-top":this.alignment==="top","duet-grid-align-bottom":this.alignment==="bottom"||this.alignment==="form_distribute","duet-grid-align-center":this.alignment==="center","duet-grid-align-stretch":this.alignment==="stretch","duet-grid-align-baseline":this.alignment==="baseline","duet-grid-distribution-left":this.distribution==="left","duet-grid-distribution-right":this.distribution==="right","duet-grid-distribution-center":this.distribution==="center","duet-grid-distribution-between":this.distribution==="space-between","duet-grid-distribution-around":this.distribution==="space-around","duet-grid-distribution-evenly":this.distribution==="space-evenly","duet-grid-mobile-left":this.mobile==="left","duet-grid-mobile-center":this.mobile==="center","duet-grid-mobile-right":this.mobile==="right","duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-breakpoint-x-small":this.breakpoint==="x-small","duet-grid-breakpoint-small":this.breakpoint==="small","duet-grid-breakpoint-medium":this.breakpoint==="medium","duet-grid-breakpoint-large":this.breakpoint==="large","duet-grid-breakpoint-x-large":this.breakpoint==="x-large","duet-grid-row-reverse":this.rowReverse},i["duet-grid-variation-".concat(this.gridTemplate?"grid":"flex")]=true,i["duet-grid-template-".concat(this.gridTemplate)]=true,i)},h("slot",null))};Object.defineProperty(i.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}},enumerable:false,configurable:true});return i}();DuetGrid.style=duetGridCss;var duetGridItemCss='.sc-duet-grid-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left: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-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-of-type{padding-left:0}.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-m-0.sc-duet-grid-item-h{padding:0 !important;margin:0 !important}';var DuetGridItem=function(){function i(i){registerInstance(this,i);this.fill=false;this.maxWidth=undefined;this.minWidth=undefined;this.theme="";this.margin="auto";this.responsive=false;this.direction="horizontal";this.breakpoint="small"}i.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};i.prototype.render=function(){return h(Host,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":this.margin==="none","duet-theme-turva":this.theme==="turva","duet-grid-item":true,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-item-br-x-small":this.breakpoint==="x-small","duet-grid-item-br-small":this.breakpoint==="small","duet-grid-item-br-medium":this.breakpoint==="medium","duet-grid-item-br-large":this.breakpoint==="large","duet-grid-item-br-x-large":this.breakpoint==="x-large"}})};return i}();DuetGridItem.style=duetGridItemCss;export{DuetGrid as duet_grid,DuetGridItem as duet_grid_item};
|
|
4
|
+
*/import{r as registerInstance,h,H as Host,g as getElement}from"./index-356c0666.js";import{a as media_query_large,m as media_query_medium,b as media_query_small}from"./tokens-a9d9d4dd.js";import{w as watchForOptions,a as watchForElement}from"./watch-options-e96ecd92.js";import{i as inheritGlobalTheme}from"./themeable-component-724c0f7e.js";var duetGridCss=".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-grid-variation-flex.sc-duet-grid-h{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}@media (max-width: 22.5em){.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}.duet-grid-variation-grid.sc-duet-grid-h{display:grid;grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;align-items:flex-start;justify-content:center;margin:0 20px}@media (min-width: 36em){.duet-grid-variation-grid.sc-duet-grid-h{gap:24px;margin:0 40px}}@media (min-width: 48em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(8, 55px);gap:24px 32px;margin:0 auto}}@media (min-width: 62em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, minmax(0, 1fr));margin:0 64px}}@media (min-width: 76.25em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, 55px);gap:40px;margin:0 auto}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:3/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:2/span 10}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 12}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(even){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(even){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(even){grid-column:9/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(even){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(even){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(even){grid-column:5/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(even){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(even){grid-column:5/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(even){grid-column:7/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+2){grid-column:5/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+3){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+3){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+3){grid-column:9/span 4}}";function isGridItem(i){return i.tagName.toLowerCase()==="duet-grid-item"}var DuetGrid=function(){function i(i){registerInstance(this,i);this.mql=[window.matchMedia(media_query_large.replace(/'/g,"")),window.matchMedia(media_query_medium.replace(/'/g,"")),window.matchMedia(media_query_small.replace(/'/g,""))];this.distributeFormElement=false;this.responsive=false;this.breakpoint="small";this.direction="horizontal";this.rowReverse=false;this.alignment="top";this.distribution="default";this.mobile="";this.gridTemplate=null}i.prototype.outerHeight=function(i){var t=i.offsetHeight,e=window.getComputedStyle(i);return["top","bottom"].map((function(i){return parseInt(e["margin-".concat(i)])})).reduce((function(i,t){return i+t}),t)};i.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var i,t;var e=this;return __generator(this,(function(d){i=this.element;this.distributeFormElement=this.alignment==="form_distribute";this.mutationO=watchForOptions(i,"duet-grid-item",(function(){e.updateGridItems()}));if(this.distributeFormElement){this.mutation1=watchForElement(i,"duet-input",(function(){e.updateGridItemsWithInputFields()}));for(t=0;t<this.mql.length;t++){if(this.mql[t].addEventListener){this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}}this.updateGridItems();return[2]}))}))};i.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.mutation1){this.mutation1.disconnect();this.mutation1=undefined}for(var i=0;i<this.mql.length;i++){if(this.mql[i].removeEventListener){this.mql[i].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}};i.prototype.updateGridItems=function(){return __awaiter(this,void 0,void 0,(function(){var i;var t=this;return __generator(this,(function(e){i=Array.from(this.element.children).filter(isGridItem);i.forEach((function(i){i.responsive=t.responsive;i.breakpoint=t.breakpoint;i.direction=t.direction}));return[2]}))}))};i.prototype.updateGridItemsWithInputFields=function(){return __awaiter(this,void 0,void 0,(function(){var i,t,e,d;var r=this;return __generator(this,(function(n){i=Array.from(this.element.children).filter(isGridItem);t=window?window.getComputedStyle(this.element).flexDirection==="column":false;e=0;d=[];i.forEach((function(i){var t=i.querySelector("span.duet-input-error");var e=t?r.outerHeight(t):0;d.push(e)}));e=Math.max.apply(Math,d);i.forEach((function(i){var d=i.querySelector("span.duet-input-error");var n=d?r.outerHeight(d):0;if(n<e&&!t){i.setAttribute("style","padding-bottom: ".concat(e-n,"px;"))}else if(n===e||t){i.setAttribute("style","padding-bottom: 0px;")}}));return[2]}))}))};i.prototype.render=function(){var i;return h(Host,{class:(i={"duet-grid":true,"duet-no-stacking":!this.responsive,"duet-grid-align-top":this.alignment==="top","duet-grid-align-bottom":this.alignment==="bottom"||this.alignment==="form_distribute","duet-grid-align-center":this.alignment==="center","duet-grid-align-stretch":this.alignment==="stretch","duet-grid-align-baseline":this.alignment==="baseline","duet-grid-distribution-left":this.distribution==="left","duet-grid-distribution-right":this.distribution==="right","duet-grid-distribution-center":this.distribution==="center","duet-grid-distribution-between":this.distribution==="space-between","duet-grid-distribution-around":this.distribution==="space-around","duet-grid-distribution-evenly":this.distribution==="space-evenly","duet-grid-mobile-left":this.mobile==="left","duet-grid-mobile-center":this.mobile==="center","duet-grid-mobile-right":this.mobile==="right","duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-breakpoint-x-small":this.breakpoint==="x-small","duet-grid-breakpoint-small":this.breakpoint==="small","duet-grid-breakpoint-medium":this.breakpoint==="medium","duet-grid-breakpoint-large":this.breakpoint==="large","duet-grid-breakpoint-x-large":this.breakpoint==="x-large","duet-grid-row-reverse":this.rowReverse},i["duet-grid-variation-".concat(this.gridTemplate?"grid":"flex")]=true,i["duet-grid-template-".concat(this.gridTemplate)]=true,i)},h("slot",null))};Object.defineProperty(i.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}},enumerable:false,configurable:true});return i}();DuetGrid.style=duetGridCss;var duetGridItemCss='.sc-duet-grid-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left: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-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-of-type{padding-left:0}.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-m-0.sc-duet-grid-item-h{padding:0 !important;margin:0 !important}';var DuetGridItem=function(){function i(i){registerInstance(this,i);this.fill=false;this.maxWidth=undefined;this.minWidth=undefined;this.theme="";this.margin="auto";this.responsive=false;this.direction="horizontal";this.breakpoint="small"}i.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};i.prototype.render=function(){return h(Host,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":this.margin==="none","duet-theme-turva":this.theme==="turva","duet-grid-item":true,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-item-br-x-small":this.breakpoint==="x-small","duet-grid-item-br-small":this.breakpoint==="small","duet-grid-item-br-medium":this.breakpoint==="medium","duet-grid-item-br-large":this.breakpoint==="large","duet-grid-item-br-x-large":this.breakpoint==="x-large"}})};return i}();DuetGridItem.style=duetGridItemCss;export{DuetGrid as duet_grid,DuetGridItem as duet_grid_item};
|