@scania/tegel 1.54.0 → 1.55.0-var-batch-8-beta
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/dist/cjs/index-Chayda4R.js +2548 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-accordion.cjs.entry.js +2 -2
- package/dist/cjs/tds-badge.cjs.entry.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +1 -1
- package/dist/cjs/tds-block.cjs.entry.js +2 -2
- package/dist/cjs/tds-body-cell.cjs.entry.js +2 -2
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/tds-button_2.cjs.entry.js +2 -2
- package/dist/cjs/tds-card.cjs.entry.js +1 -1
- package/dist/cjs/tds-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/tds-chip.cjs.entry.js +1 -1
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-datetime.cjs.entry.js +1 -1
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-folder-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-icon.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +1 -1
- package/dist/cjs/tds-link.cjs.entry.js +1 -1
- package/dist/cjs/tds-message.cjs.entry.js +1 -1
- package/dist/cjs/tds-modal.cjs.entry.js +1 -1
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu.cjs.entry.js +1 -1
- package/dist/cjs/tds-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
- package/dist/cjs/tds-slider.cjs.entry.js +1 -1
- package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tds-step.cjs.entry.js +1 -1
- package/dist/cjs/tds-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-row.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-body.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/tds-table.cjs.entry.js +1 -1
- package/dist/cjs/tds-tag.cjs.entry.js +1 -1
- package/dist/cjs/tds-text-field.cjs.entry.js +2 -2
- package/dist/cjs/tds-textarea.cjs.entry.js +2 -2
- package/dist/cjs/tds-toast.cjs.entry.js +1 -1
- package/dist/cjs/tds-toggle.cjs.entry.js +2 -2
- package/dist/cjs/tds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion-item/accordion-item.css +14 -5
- package/dist/collection/components/accordion/accordion.css +2 -2
- package/dist/collection/components/block/block.css +8 -3
- package/dist/collection/components/button/button.css +3 -0
- package/dist/collection/components/checkbox/checkbox.css +74 -63
- package/dist/collection/components/icon/tratonIconsArray.js +3 -1
- package/dist/collection/components/radio-button/radio-button.css +57 -52
- package/dist/collection/components/table/table-body/table-body.css +9 -9
- package/dist/collection/components/table/table-body-cell/table-body-cell.css +1 -1
- package/dist/collection/components/table/table-body-row/table-body-row.css +5 -4
- package/dist/collection/components/text-field/text-field.css +90 -31
- package/dist/collection/components/textarea/textarea.css +74 -31
- package/dist/collection/components/toggle/toggle.css +49 -85
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CGFX3Srb.js → p-CPt8yKD7.js} +1 -1
- package/dist/components/p-Cbe2Satj.js +1 -0
- package/dist/components/p-_rIDaSwT.js +1 -0
- package/dist/components/{p-CiGYIe0v.js → p-gYwpHMxN.js} +1 -1
- package/dist/components/tds-accordion-item.js +1 -1
- package/dist/components/tds-accordion.js +1 -1
- package/dist/components/tds-block.js +1 -1
- package/dist/components/tds-body-cell.js +1 -1
- package/dist/components/tds-button.js +1 -1
- package/dist/components/tds-card.js +1 -1
- package/dist/components/tds-checkbox.js +1 -1
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-radio-button.js +1 -1
- package/dist/components/tds-slider.js +1 -1
- package/dist/components/tds-table-body-row-expandable.js +1 -1
- package/dist/components/tds-table-body-row.js +1 -1
- package/dist/components/tds-table-body.js +1 -1
- package/dist/components/tds-table-footer.js +1 -1
- package/dist/components/tds-table-header.js +1 -1
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-textarea.js +1 -1
- package/dist/components/tds-toggle.js +1 -1
- package/dist/esm/index-DQ9ya-NU.js +2519 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/tds-accordion-item.entry.js +2 -2
- package/dist/esm/tds-accordion.entry.js +2 -2
- package/dist/esm/tds-badge.entry.js +1 -1
- package/dist/esm/tds-banner.entry.js +1 -1
- package/dist/esm/tds-block.entry.js +2 -2
- package/dist/esm/tds-body-cell.entry.js +2 -2
- package/dist/esm/tds-breadcrumb.entry.js +1 -1
- package/dist/esm/tds-breadcrumbs.entry.js +1 -1
- package/dist/esm/tds-button_2.entry.js +2 -2
- package/dist/esm/tds-card.entry.js +1 -1
- package/dist/esm/tds-checkbox.entry.js +2 -2
- package/dist/esm/tds-chip.entry.js +1 -1
- package/dist/esm/tds-core-header-item_2.entry.js +1 -1
- package/dist/esm/tds-datetime.entry.js +1 -1
- package/dist/esm/tds-dropdown_2.entry.js +1 -1
- package/dist/esm/tds-folder-tab.entry.js +1 -1
- package/dist/esm/tds-folder-tabs.entry.js +1 -1
- package/dist/esm/tds-footer-group.entry.js +1 -1
- package/dist/esm/tds-footer-item.entry.js +1 -1
- package/dist/esm/tds-footer.entry.js +1 -1
- package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
- package/dist/esm/tds-header-cell.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list-item.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
- package/dist/esm/tds-header-dropdown.entry.js +1 -1
- package/dist/esm/tds-header-hamburger.entry.js +1 -1
- package/dist/esm/tds-header-launcher-button.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list.entry.js +1 -1
- package/dist/esm/tds-header-launcher.entry.js +1 -1
- package/dist/esm/tds-header-title.entry.js +1 -1
- package/dist/esm/tds-header.entry.js +1 -1
- package/dist/esm/tds-icon.entry.js +1 -1
- package/dist/esm/tds-inline-tab.entry.js +1 -1
- package/dist/esm/tds-inline-tabs.entry.js +1 -1
- package/dist/esm/tds-link.entry.js +1 -1
- package/dist/esm/tds-message.entry.js +1 -1
- package/dist/esm/tds-modal.entry.js +1 -1
- package/dist/esm/tds-navigation-tab.entry.js +1 -1
- package/dist/esm/tds-navigation-tabs.entry.js +1 -1
- package/dist/esm/tds-popover-canvas.entry.js +1 -1
- package/dist/esm/tds-popover-core.entry.js +1 -1
- package/dist/esm/tds-popover-menu-item.entry.js +1 -1
- package/dist/esm/tds-popover-menu.entry.js +1 -1
- package/dist/esm/tds-radio-button.entry.js +2 -2
- package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +1 -1
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +1 -1
- package/dist/esm/tds-side-menu-dropdown.entry.js +1 -1
- package/dist/esm/tds-side-menu-item.entry.js +1 -1
- package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
- package/dist/esm/tds-side-menu-user-image_2.entry.js +1 -1
- package/dist/esm/tds-side-menu-user.entry.js +1 -1
- package/dist/esm/tds-side-menu.entry.js +1 -1
- package/dist/esm/tds-slider.entry.js +1 -1
- package/dist/esm/tds-spinner.entry.js +1 -1
- package/dist/esm/tds-step.entry.js +1 -1
- package/dist/esm/tds-stepper.entry.js +1 -1
- package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
- package/dist/esm/tds-table-body-row-expandable.entry.js +1 -1
- package/dist/esm/tds-table-body-row.entry.js +2 -2
- package/dist/esm/tds-table-body.entry.js +2 -2
- package/dist/esm/tds-table-footer.entry.js +1 -1
- package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
- package/dist/esm/tds-table-header.entry.js +1 -1
- package/dist/esm/tds-table-toolbar.entry.js +1 -1
- package/dist/esm/tds-table.entry.js +1 -1
- package/dist/esm/tds-tag.entry.js +1 -1
- package/dist/esm/tds-text-field.entry.js +2 -2
- package/dist/esm/tds-textarea.entry.js +2 -2
- package/dist/esm/tds-toast.entry.js +1 -1
- package/dist/esm/tds-toggle.entry.js +2 -2
- package/dist/esm/tds-tooltip.entry.js +1 -1
- package/dist/esm/tegel.js +2 -2
- package/dist/tegel/{p-84b46a32.entry.js → p-029fc297.entry.js} +1 -1
- package/dist/tegel/{p-49757da4.entry.js → p-10370617.entry.js} +1 -1
- package/dist/tegel/{p-d4af286a.entry.js → p-10edbfc9.entry.js} +1 -1
- package/dist/tegel/p-1baad780.entry.js +1 -0
- package/dist/tegel/{p-c6c257bf.entry.js → p-1d9dd4a4.entry.js} +1 -1
- package/dist/tegel/{p-5c6b067d.entry.js → p-27d62f89.entry.js} +1 -1
- package/dist/tegel/{p-c6cf463b.entry.js → p-2a305350.entry.js} +1 -1
- package/dist/tegel/{p-5dad80b8.entry.js → p-2d26dc94.entry.js} +1 -1
- package/dist/tegel/{p-7332cbd9.entry.js → p-2f256cea.entry.js} +1 -1
- package/dist/tegel/{p-fd4e9fb7.entry.js → p-333ed361.entry.js} +1 -1
- package/dist/tegel/{p-75c1520d.entry.js → p-34f72969.entry.js} +1 -1
- package/dist/tegel/{p-086183b6.entry.js → p-3587a9ce.entry.js} +1 -1
- package/dist/tegel/{p-f7ab4928.entry.js → p-36337827.entry.js} +1 -1
- package/dist/tegel/{p-54445896.entry.js → p-3a739d96.entry.js} +1 -1
- package/dist/tegel/{p-17c11413.entry.js → p-4f12df3d.entry.js} +1 -1
- package/dist/tegel/p-5055ae12.entry.js +1 -0
- package/dist/tegel/{p-a5c483f2.entry.js → p-5b58d128.entry.js} +1 -1
- package/dist/tegel/p-5bed78b3.entry.js +1 -0
- package/dist/tegel/{p-b19125cc.entry.js → p-5e2e7fee.entry.js} +1 -1
- package/dist/tegel/{p-2370c9e1.entry.js → p-5f588a98.entry.js} +1 -1
- package/dist/tegel/p-60a8c916.entry.js +1 -0
- package/dist/tegel/{p-3866fed7.entry.js → p-61abf3aa.entry.js} +1 -1
- package/dist/tegel/{p-00f7e2fe.entry.js → p-62bc14c7.entry.js} +1 -1
- package/dist/tegel/{p-d251e381.entry.js → p-63ca76cf.entry.js} +1 -1
- package/dist/tegel/p-663cdecf.entry.js +1 -0
- package/dist/tegel/{p-21bf17ff.entry.js → p-664e3dd1.entry.js} +1 -1
- package/dist/tegel/{p-802e2119.entry.js → p-6d498d53.entry.js} +1 -1
- package/dist/tegel/{p-eb2375d7.entry.js → p-717f50e8.entry.js} +1 -1
- package/dist/tegel/p-729b549c.entry.js +1 -0
- package/dist/tegel/{p-a859dedf.entry.js → p-762d869c.entry.js} +1 -1
- package/dist/tegel/{p-9397b75a.entry.js → p-79387c9c.entry.js} +1 -1
- package/dist/tegel/{p-a1968a57.entry.js → p-7947d4e0.entry.js} +1 -1
- package/dist/tegel/p-7aba8111.entry.js +1 -0
- package/dist/tegel/{p-5fba3df7.entry.js → p-82ff3ba2.entry.js} +1 -1
- package/dist/tegel/{p-8521649a.entry.js → p-8422bd8c.entry.js} +1 -1
- package/dist/tegel/{p-51ec28bb.entry.js → p-8959c64a.entry.js} +1 -1
- package/dist/tegel/{p-6f193415.entry.js → p-8ea7b21d.entry.js} +1 -1
- package/dist/tegel/p-94d3c4d9.entry.js +1 -0
- package/dist/tegel/{p-dfdda68b.entry.js → p-94dba855.entry.js} +1 -1
- package/dist/tegel/{p-97ebf34f.entry.js → p-958ff10a.entry.js} +1 -1
- package/dist/tegel/{p-16ad0e37.entry.js → p-9a49a394.entry.js} +1 -1
- package/dist/tegel/{p-c9085ee4.entry.js → p-9c6f2e79.entry.js} +1 -1
- package/dist/tegel/{p-b17da00c.entry.js → p-9fce57e3.entry.js} +1 -1
- package/dist/tegel/p-DQ9ya-NU.js +2 -0
- package/dist/tegel/{p-22d03dc3.entry.js → p-a004293f.entry.js} +1 -1
- package/dist/tegel/{p-3c1cc00f.entry.js → p-a4aae973.entry.js} +1 -1
- package/dist/tegel/{p-c19c0ec5.entry.js → p-a626c318.entry.js} +1 -1
- package/dist/tegel/{p-46b2d0ea.entry.js → p-a7a9448e.entry.js} +1 -1
- package/dist/tegel/{p-f2e0eaba.entry.js → p-a8d0dda1.entry.js} +1 -1
- package/dist/tegel/{p-e2fb88e5.entry.js → p-b5d57db7.entry.js} +1 -1
- package/dist/tegel/{p-5aae21db.entry.js → p-b66d994f.entry.js} +1 -1
- package/dist/tegel/{p-ab734c4d.entry.js → p-b8d2b04e.entry.js} +1 -1
- package/dist/tegel/{p-5e309655.entry.js → p-ba5d53d7.entry.js} +1 -1
- package/dist/tegel/{p-d8dfe177.entry.js → p-bfbcb04b.entry.js} +1 -1
- package/dist/tegel/{p-708a6c1d.entry.js → p-c0c94a17.entry.js} +1 -1
- package/dist/tegel/{p-a11961fd.entry.js → p-c28c6d1f.entry.js} +1 -1
- package/dist/tegel/{p-84f72528.entry.js → p-c29023bd.entry.js} +1 -1
- package/dist/tegel/{p-f75b0006.entry.js → p-cf467e1d.entry.js} +1 -1
- package/dist/tegel/{p-354988d3.entry.js → p-d439b25a.entry.js} +1 -1
- package/dist/tegel/p-d5a23a52.entry.js +1 -0
- package/dist/tegel/{p-663c5494.entry.js → p-d72dff1b.entry.js} +1 -1
- package/dist/tegel/{p-05310ea7.entry.js → p-d7888cc7.entry.js} +1 -1
- package/dist/tegel/p-d931247a.entry.js +1 -0
- package/dist/tegel/{p-fcd1c8f3.entry.js → p-dcc61083.entry.js} +1 -1
- package/dist/tegel/{p-581ad082.entry.js → p-de95b9ae.entry.js} +1 -1
- package/dist/tegel/{p-86e16d44.entry.js → p-df0f6932.entry.js} +1 -1
- package/dist/tegel/{p-0c0af5a8.entry.js → p-e1ace2b1.entry.js} +1 -1
- package/dist/tegel/{p-15e36d6d.entry.js → p-e265a121.entry.js} +1 -1
- package/dist/tegel/{p-7bd7cc73.entry.js → p-ea98e5dd.entry.js} +1 -1
- package/dist/tegel/{p-5dc21700.entry.js → p-ec8aaf23.entry.js} +1 -1
- package/dist/tegel/{p-42d38e89.entry.js → p-ed677584.entry.js} +1 -1
- package/dist/tegel/{p-7e35055d.entry.js → p-f07d47a0.entry.js} +1 -1
- package/dist/tegel/p-f377b8a1.entry.js +1 -0
- package/dist/tegel/{p-38f2223b.entry.js → p-f4e81f53.entry.js} +1 -1
- package/dist/tegel/p-f76516d3.entry.js +1 -0
- package/dist/tegel/{p-f9fec0b3.entry.js → p-fb02b793.entry.js} +1 -1
- package/dist/tegel/{p-5aee5376.entry.js → p-fc1e168b.entry.js} +1 -1
- package/dist/tegel/{p-0d6707b3.entry.js → p-fc3bebb9.entry.js} +1 -1
- package/dist/tegel/{p-82e37e02.entry.js → p-fd3f5a16.entry.js} +1 -1
- package/dist/tegel/p-fe8c1416.entry.js +1 -0
- package/dist/tegel/tegel.css +236 -232
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/types/TratonIcons.d.ts +1 -1
- package/package.json +3 -3
- package/dist/cjs/index-DPzF1h3L.js +0 -2548
- package/dist/components/p-BcKywCnz.js +0 -1
- package/dist/components/p-bPqW3C5g.js +0 -1
- package/dist/esm/index-DO74lOFd.js +0 -2519
- package/dist/tegel/p-07d68bce.entry.js +0 -1
- package/dist/tegel/p-155d9f85.entry.js +0 -1
- package/dist/tegel/p-1f7bf9f0.entry.js +0 -1
- package/dist/tegel/p-52223829.entry.js +0 -1
- package/dist/tegel/p-5b4607fb.entry.js +0 -1
- package/dist/tegel/p-5f560eda.entry.js +0 -1
- package/dist/tegel/p-6e4ace8a.entry.js +0 -1
- package/dist/tegel/p-8bf8546d.entry.js +0 -1
- package/dist/tegel/p-918df975.entry.js +0 -1
- package/dist/tegel/p-9d462ca4.entry.js +0 -1
- package/dist/tegel/p-DO74lOFd.js +0 -2
- package/dist/tegel/p-aa14dbbb.entry.js +0 -1
- package/dist/tegel/p-c32eb8dd.entry.js +0 -1
- package/dist/tegel/p-cb165e5d.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as a,a as i}from"./p-
|
|
1
|
+
import{r as e,c as t,h as s,H as a,a as i}from"./p-DQ9ya-NU.js";const o=class{constructor(s){e(this,s),this.tdsCollapse=t(this,"tdsCollapse",3),this.internalTdsCollapse=t(this,"internalTdsCollapse",6),this.collapsed=!1,this.handleClick=()=>{this.tdsCollapse.emit({collapsed:!this.collapsed}).defaultPrevented||(this.collapsed=!this.collapsed,this.internalTdsCollapse.emit({collapsed:this.collapsed}))}}collapseSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed)}render(){return s(a,{key:"59f91f966f40d58d3681e3c5b33dbfc967395855"},s("div",{key:"affa1128cba719622182b54cea5bac8a38533078",class:{wrapper:!0,"state-collapsed":this.collapsed}},s("tds-side-menu-item",{key:"8db28ce899b50691ee207e646cf3aeaa110776d3",class:{button:!0}},s("button",{key:"e115958e959fcf5eee38432cf6ea273c336b9385",type:"button","aria-expanded":this.collapsed?"false":"true",onClick:()=>{this.handleClick()}},s("svg",{key:"87abc0c869f4724a23c1f7773f552040a0b55d9c",class:"icon",slot:"icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},s("path",{key:"24b1125910d89627e206b9cd66eab1729a378970","fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z",fill:"currentColor"})),!this.collapsed&&s("slot",{key:"c8f86c70c764bba8c3275838c9da69ef37e20719"})))))}get host(){return i(this)}};o.style=":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}";export{o as tds_side_menu_collapse_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as s,a}from"./p-
|
|
1
|
+
import{r as e,h as t,H as s,a}from"./p-DQ9ya-NU.js";import{i as r}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const i=class{constructor(t){e(this,t)}render(){const e=Object.assign({},r(this.host));return t(s,{key:"ae06ee98e53076108ce5d994fea278cfcf7c866f"},t("tds-header-item",{key:"cfcc247e196267d28be0754334f9ad0970aad461"},t("button",Object.assign({key:"5daf590949aaa29674b59438452286c88f1bd9e5"},e,{"aria-label":this.tdsAriaLabel}),t("tds-icon",{key:"4f9f010a9a1b79278887822e2d3c025844f6a8c3",class:"icon",name:"burger",size:"20px"}))))}get host(){return a(this)}};i.style=":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";export{i as tds_header_hamburger}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as d,H as e}from"./p-DQ9ya-NU.js";import{g as s}from"./p-Cn4f8w1e.js";const r=class{constructor(d){a(this,d),this.uuid=s()}render(){return d(e,{key:"eca4ad0a5442d8f9a4fa6f2f2d8edeb582b036e1"},d("tds-header-dropdown-list",{key:"99b5360adb94d53bcfada6dae88daa3b5570ac5d",size:"lg"},d("slot",{key:"d2ddc4f12789ceff5b74ab8dbca354603358d03b"})))}};export{r as tds_header_launcher_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as s,a as r}from"./p-
|
|
1
|
+
import{r as e,h as t,H as s,a as r}from"./p-DQ9ya-NU.js";import{i as o}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const a=class{constructor(t){e(this,t)}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const e=this.host.closest("tds-side-menu"),r=e?e.id:"",d=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},r&&{"aria-controls":r}),o(this.host)),{onClick:a.handleClick});return t(s,{key:"a80081722122221e86fa54f3813cc0c07d786cac"},t("button",Object.assign({key:"a992413c973d0288aafda2ac7f4ea803597ec58d"},d),t("tds-icon",{key:"f94e646b7106e5c85766fa9d6ecec523f97e75ee",name:"cross",size:"20px",svgTitle:"Cross"})))}get host(){return r(this)}};a.style=":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";export{a as tds_side_menu_close_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as s,H as a}from"./p-
|
|
1
|
+
import{r as e,h as s,H as a}from"./p-DQ9ya-NU.js";const t=class{constructor(s){e(this,s)}render(){return s(a,{key:"ac72381d5a600698ac717ef744c229193363e242"},s("tds-side-menu-user-image",{key:"030471a55c8b9025db44465a25909e41cb3afee7",src:this.imgSrc,alt:this.imgAlt},s("slot",{key:"06f493b819882f1dbdcf75955ddee998f4899572",name:"image"})),s("tds-side-menu-user-label",{key:"9a4a6cafebdca7d879a02522d84825f2454b3cf6",heading:this.heading,subheading:this.subheading}))}};t.style=":host{display:flex;align-items:center;gap:16px;height:68px}";export{t as tds_side_menu_user}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as s,H as t,a as d}from"./p-
|
|
1
|
+
import{r as e,h as s,H as t,a as d}from"./p-DQ9ya-NU.js";const a=class{constructor(s){e(this,s),this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed)}render(){return s(t,{key:"d985f058553315e92f7954d3f78938a2f0f409fb",role:"list","aria-expanded":this.collapsed?"false":"true"},s("div",{key:"9509f0eb97e2c69e6ea8c5aac4369557967de871",class:{"state-collapsed":this.collapsed}},s("slot",{key:"c893832f1bdb8556dd856ce3ef02e53174b216a3"})))}get host(){return d(this)}};a.style=":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}";export{a as tds_side_menu_dropdown_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as a,a as s}from"./p-
|
|
1
|
+
import{r as t,h as r,H as a,a as s}from"./p-DQ9ya-NU.js";import{g as e}from"./p-Cn4f8w1e.js";import{i as o}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const i=class{constructor(r){t(this,r),this.open=!1,this.hasListTypeMenu=!1,this.uuid=e()}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var r,a;if("Escape"===t.key&&this.open){this.open=!1;const t=null===(a=null===(r=this.buttonEl)||void 0===r?void 0:r.shadowRoot)||void 0===a?void 0:a.querySelector("button");t&&t.focus()}}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const r="a, [tabindex='0']",a=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(r))||this.host.querySelector(r);a instanceof HTMLElement&&a.focus()}))}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),o(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return r(a,{key:"687811b90323d71d1b2fcdb95a0c5a1cc798ab63"},r("div",{key:"ff389690f36fa41b4f09911720a5b842463880ea",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},r("tds-header-launcher-button",Object.assign({key:"5ad9190ea862179eb74088a9597cbac0f2cd76ee"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&r("tds-popover-canvas",{key:"c22a1514bcc73d508100cabff07422009f775ffa",id:`tds-launcher-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?r("slot",null):null)))}get host(){return s(this)}};i.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";export{i as tds_header_launcher}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,a as o}from"./p-
|
|
1
|
+
import{r as t,h as e,a as o}from"./p-DQ9ya-NU.js";const i=class{constructor(e){t(this,e),this.disabled=!1,this.underline=!0,this.standalone=!1}connectedCallback(){const t=this.host.querySelectorAll("a");t.length>1&&console.warn("tds-link is only intended to wrap one <a> tag");const e=t[0];e&&(this.disabled?(e.setAttribute("tabindex","-1"),e.setAttribute("aria-disabled","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-disabled")))}render(){return e("span",{key:"7fc71860358da34d0bcf7db534263ceb95a0a34c",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},e("slot",{key:"481148d319d7dc0447b0568f1bc97ea0f17560b0"}))}get host(){return o(this)}};i.style=":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(*){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}";export{i as tds_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as e,a as
|
|
1
|
+
import{r as o,h as t,H as e,a as r}from"./p-DQ9ya-NU.js";const s=class{constructor(t){o(this,t),this.selected=!1,this.size="md"}render(){return t(e,{key:"4912bf638b28faf67530146becb90977fa3eff8c"},t("div",{key:"6c30529e045b7568a7409505828bf04c94830b0c",class:{component:!0,"component-selected":this.selected}},t("slot",{key:"34935ba9bd6807d2c7703d5320b837e4dd837240"})))}get host(){return r(this)}};s.style=":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host .component-selected:focus-within{border-left:none}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";export{s as tds_header_dropdown_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as a,a as o}from"./p-
|
|
1
|
+
import{r as t,c as e,h as s,H as a,a as o}from"./p-DQ9ya-NU.js";const i=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers","sortColumnKey"],d=class{constructor(a){t(this,a),this.tdsSort=e(this,"tdsSort",7),this.internalSortButtonClicked=e(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=e(this,"internalTdsTextAlign",6),this.internalTdsHover=e(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?s("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},s("span",{class:"tds-table__header-button-text"},this.cellValue,s("slot",null)),void 0===this.sortingDirection&&s("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&s("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):s("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,s("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:null!=t?t:""})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&(t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(!(e in this))throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]})),t.detail.changed.some((t=>"sortColumnKey"===t||"sortDirection"===t))&&this.syncSortingStateFromTable())}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.syncSortingStateFromTable()}isSortDirection(t){return"asc"===t||"desc"===t}syncSortingStateFromTable(){var t;const e=null===(t=this.tableEl)||void 0===t?void 0:t.sortDirection;if(!this.sortColumnKey||!this.isSortDirection(e))return this.sortedByMyKey=!1,void(this.sortingDirection=void 0);this.sortedByMyKey=this.sortable&&this.cellKey===this.sortColumnKey,this.sortingDirection=this.sortedByMyKey?e:void 0}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return s(a,{key:"fa26adb6bbc2221337613d4e0cdbd9d356c97a36",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding}},s("th",{key:"93d822a9b0c7fb7ef5a45a2440057afc8a8bd962",style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onFocus:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),onBlur:()=>this.onHeadCellHover(""),"aria-sort":this.getAriaSort(),colSpan:this.colSpan,rowSpan:this.rowSpan},this.headerCellContent()))}get host(){return o(this)}};d.style=":host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}";export{d as tds_header_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,a as i}from"./p-
|
|
1
|
+
import{r as t,h as o,H as e,a as i}from"./p-DQ9ya-NU.js";const l=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){var t;const o=this.host.closest("tds-footer-group");o&&(this.parentIsTopPart="top"===(null===(t=o.parentElement)||void 0===t?void 0:t.slot))}render(){return o(e,{key:"e422cb3d81d974bdefd2a5221aa5f9df693feccd",role:"listitem"},o("div",{key:"bcd21f30335d92da6dd577fdc2b6e7ae273a6390",class:this.parentIsTopPart?"top-part-child":""},o("slot",{key:"861ffb44a8f9f2e4e75ad24b2bb640be9a712129"})))}get host(){return i(this)}};l.style=":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media all and (width <= 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}}";export{l as tds_footer_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as e,a as i}from"./p-
|
|
1
|
+
import{r as t,h as s,H as e,a as i}from"./p-DQ9ya-NU.js";const d=["verticalDividers","compactDesign","noMinWidth"],o=class{constructor(s){t(this,s),this.disablePadding=!1,this.textAlignState=void 0,this.activeSorting=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((s=>{if(!(s in this))throw new Error(`Table prop is not supported: ${s}`);this[s]=t.detail[s]}))}internalTdsHoverListener(t){const{tableId:s,key:e}=t.detail;s===this.tableId&&(this.activeSorting=this.cellKey===e)}internalTdsTextAlignListener(t){const[s,e,i]=t.detail;this.tableId===s&&this.cellKey===e&&(this.textAlignState=this.textAlign?this.textAlign:["left","start","right","end","center"].includes(i)?i:"left")}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&d.forEach((t=>{var s;this[t]=null===(s=this.tableEl)||void 0===s?void 0:s[t]})),this.textAlign&&(this.textAlignState=this.textAlign)}render(){let t="var(--tds-spacing-element-16)";return this.disablePadding?t="0":this.compactDesign&&(t="var(--tds-spacing-element-8) var(--tds-spacing-element-16)"),s(e,{key:"2cd26f5d02b28c1ecfdc85449ba9ada8bdf659d1",class:{"tds-table__body-cell":!0,"tds-table__body-cell--hover":this.activeSorting,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth}},s("td",{key:"b92b6d629c144ec689439501b6d3349c5781addf",style:{textAlign:this.textAlignState,padding:t},colSpan:this.colSpan,rowSpan:this.rowSpan},this.cellValue,s("slot",{key:"eacfe800394785849f4e5460a8590367cd4d9bce"})))}get host(){return i(this)}};o.style=":host{display:contents}:host(.tds-table__body-cell) td{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:var(--row-bg);transition:background-color 200ms ease}:host(.tds-table__body-cell) td *{box-sizing:border-box}:host(.tds-table__body-cell--hover) td{background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact) td{padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider) td{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) td{border-right:none}:host(.tds-table--no-min-width) td{min-width:unset}";export{o as tds_body_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,a as o}from"./p-
|
|
1
|
+
import{r as t,h as e,H as i,a as o}from"./p-DQ9ya-NU.js";const s={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},r=class{constructor(e){t(this,e),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.stepperEl&&(this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId)}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Stepper prop is not supported: ${e}`);e in s&&(this[s[e]]=t.detail[e])}))}render(){return e(i,{key:"afc9e25f7fca169a9ccb2241eb374b87c1b0ff5b"},e("div",{key:"3bb5727f75e1c9a44e3033dfcaf511d093d1e085",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},e("span",{key:"c4f8eb7bd7039f14a7e374bb62fc8fd74f5aeeb8",class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{"aria-hidden":"true",svgTitle:`tds-step-icon-${this.stepperId}`,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):e("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&e("div",{key:"aca563c692e3602ddd3b5d80cc63085077139a87","aria-hidden":"true",class:`label ${this.size} ${this.state}`},e("slot",{key:"ed85239ef9c383e2a251f7cef4931da2348a8975",name:"label"}))))}get el(){return o(this)}};r.style=':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}';export{r as tds_step}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,a as i}from"./p-
|
|
1
|
+
import{r as t,h as e,H as o,a as i}from"./p-DQ9ya-NU.js";const a=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return e(o,{key:"cddeb55abe1eca0ffeb7bbd3e8b773868aacea9a","aria-selected":this.selected},e("div",{key:"e53a5dd3857c24301858678735f18e398f3e44c4",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},e("slot",{key:"bebb2c7a36479a9f2139420c7b6aafa89b1d03e7"})))}get host(){return i(this)}};a.style=':host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-inline-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-blue-400);outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover ::slotted(*){color:var(--tds-inline-tabs-tab-color-hover)}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{a as tds_inline_tab}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as d,a as r}from"./p-DQ9ya-NU.js";import{g as s}from"./p-Cn4f8w1e.js";const a=class{constructor(d){t(this,d),this.tdsChange=o(this,"tdsChange",6),this.radioId=s(),this.checked=!1,this.required=!1,this.disabled=!1,this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})}}async focusElement(){this.inputElement&&this.inputElement.focus()}render(){return d("div",{key:"bfa799e8b8659e2a7262b239bdcc2535776fc9b3",class:"tds-radio-button"},d("input",{key:"5f0b88e6e2d1af55fb8c47edfd378e422bf9a38c",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,class:"tds-form-input",type:"radio",role:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange(),tabIndex:this.tdsTabIndex}),d("label",{key:"345dc77a437f9e4bd9936fadf8c774c5aa56fd5b",htmlFor:this.radioId},d("slot",{key:"a5828506e8b5f408a0873cdcb9a57a68f27b0351",name:"label"})))}get host(){return r(this)}};a.style='.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;margin-left:-4px;letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-text)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:20px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) 6px;color:var(--tds-radio-button-text);cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;box-sizing:border-box;border-radius:var(--tds-radio-button-border-radius);left:50%;top:50%;transform:translate(-50%, -50%)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:16px;height:16px;border:1px solid var(--tds-radio-button-border);background-color:var(--tds-radio-button-background);box-shadow:0 0 0 2px var(--tds-radio-button-indicator);transition:box-shadow 0.2s ease-in-out}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{width:6px;height:6px;background-color:var(--tds-radio-button-icon-selected);opacity:0;z-index:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{border-color:var(--tds-radio-button-border-hover);background-color:var(--tds-radio-button-background-hover);box-shadow:0 0 0 2px var(--tds-radio-button-indicator-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:var(--tds-radio-button-focus-ring-radius)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover+label.sc-tds-radio-button{color:var(--tds-radio-button-text-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::before{border-color:var(--tds-radio-button-border-selected);background-color:var(--tds-radio-button-background-selected)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{background-color:var(--tds-radio-button-icon-selected);opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:hover::before{border-color:var(--tds-radio-button-border-selected-hover);background-color:var(--tds-radio-button-background-selected-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:hover::after{background-color:var(--tds-radio-button-icon-selected-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed;opacity:var(--tds-radio-button-opacity-disabled)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{border-color:var(--tds-radio-button-border);background-color:var(--tds-radio-button-background);box-shadow:none}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:checked:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:checked:hover::before{border-color:var(--tds-radio-button-border-selected);background-color:var(--tds-radio-button-background-selected)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-text);cursor:not-allowed}';export{a as tds_radio_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as r,H as
|
|
1
|
+
import{r as e,h as r,H as a}from"./p-DQ9ya-NU.js";import{g as t}from"./p-Cn4f8w1e.js";const d=class{constructor(r){e(this,r),this.uuid=t()}render(){return r(a,{key:"080260b232b8c42511a4f78c5c38db166d4febe3"},r("h3",{key:"b147d026dfb9ac70f4abc7935b469cba32dbcbaa",class:"tds-header-launcher-grid-title",id:`tds-header-launcher-grid-title-${this.uuid}`},r("slot",{key:"0df3a062aa38fa73e875ae8c178c9b52b4b6d063"})))}};d.style=".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";export{d as tds_header_launcher_grid_title}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as d,c as o,h as i,H as e}from"./p-DQ9ya-NU.js";import{g as t}from"./p-Cn4f8w1e.js";const c=class{constructor(i){d(this,i),this.tdsToggle=o(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1,this.ariaLevelValue="6"}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}async expand(){this.tdsToggle.emit({expanded:!0}).defaultPrevented||(this.expanded=!0)}async collapse(){this.tdsToggle.emit({expanded:!1}).defaultPrevented||(this.expanded=!1)}async isExpanded(){return this.expanded}render(){const d=t(),o=t();return i(e,{key:"6733b23d208d64c32383bded58043a8add5c62c4"},i("div",{key:"1b07da30e6a6699919d82f3884a7f6f515e61dd6",class:`tds-accordion-item\n ${this.disabled?"disabled":""}\n ${this.expanded?"expanded":""}\n `},i("div",{key:"4f0efdd82b550f8ace20bf50d3624d9572aae2bf",role:"heading","aria-level":this.ariaLevelValue},i("button",{key:"3828dde9b72e98d98c4b318bfe37b97a92cee430",id:o,"aria-controls":d,type:"button","aria-expanded":this.expanded?"true":"false","aria-disabled":this.disabled,class:`tds-accordion-header-icon-${this.expandIconPosition}`,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},i("div",{key:"2c173f5a0823d1140cf8e76931c63d2aae5fbe75",class:"tds-accordion-title"},this.header,i("slot",{key:"f34e105a8fa430571b735769768a29b254aa72fa",name:"header"})),i("div",{key:"4b3cda4e7d28dc5eedc799eb88440a3b069e426d",class:"tds-accordion-icon"},i("tds-icon",{key:"52810cba94e741d9feaa74d58fd1764d17395b8a",tdsAriaHidden:!0,svgTitle:"Chevron Down",name:"chevron_down",size:"16px"})))),i("div",{key:"2b899fe29eb5e04d3b99e0f41e8dd959d240d8c7",role:"region","aria-live":"polite","aria-labelledby":o,id:d,class:`tds-accordion-panel\n ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n `},i("slot",{key:"fa903edc9100750ddace26ea1e12e921868df1d1"}))))}};c.style=".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover:not(.disabled){background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);cursor:pointer;display:flex;align-items:center;width:100%;padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform);cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}";export{c as tds_accordion_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as a,a as o}from"./p-DO74lOFd.js";const i=["compactDesign","horizontalScrollWidth","multiselect","expandableRows"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const r=class{constructor(s){t(this,s),this.tdsPagination=e(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.paginationLabel="of {pages} pages",this.rowsperpage=!0,this.rowsPerPageLabel="Rows per page",this.rowsPerPageValues=[10,25,50],this.rowsPerPageDropdownOpenDirection="auto",this.rowsPerPageDropdownAriaLabel="Select rows per page",this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.lastCorrectValue=1,this.tableId="",this.horizontalScrollWidth=null,this.emitTdsPagination=()=>{this.tdsPagination.emit(this.rowsperpage?{tableId:this.tableId,paginationValue:Number(this.paginationValue),rowsPerPage:this.rowsPerPageValue}:{tableId:this.tableId,paginationValue:Number(this.paginationValue)})},this.previousPage=()=>{this.paginationValue>=2&&this.paginationValue--,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.nextPage=()=>{this.pages&&this.paginationValue<=this.pages&&this.paginationValue++,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.lastPage=()=>{this.paginationValue=this.pages,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.firstPage=()=>{this.paginationValue=1,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}colsChanged(t){null!==t?this.columnsNumber=t:this.updateColumnsNumber()}updateColumnsNumber(){var t,e,s;if(this.cols)return;let a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.multiselect&&(a+=1),this.expandableRows&&(a+=1),this.columnsNumber=a}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.rowsPerPageValue||(this.rowsPerPageValue=this.rowsPerPageValues[0]),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;if(this.cols)this.columnsNumber=this.cols;else{let t=a;this.multiselect&&(t+=1),this.expandableRows&&(t+=1),this.columnsNumber=t}}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=String(this.lastCorrectValue),this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}pagesChange(t){this.paginationValue>t&&(this.paginationValue=this.pages,this.emitTdsPagination())}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}renderPaginationLabel(){const t=this.paginationLabel.split("{pages}");return 1===t.length?this.paginationLabel:t.flatMap(((e,a)=>a===t.length-1?[e]:[e,s("span",null,this.pages)]))}render(){var t;return s(a,{key:"8dc06e9c565e608dd02bf74a0328b515aaea31c2",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},s("tr",{key:"1a64b9023acc03204ad4219fd986b106334ff6e6",class:"tds-table__footer-row"},s("td",{key:"815d2a7aaf4c98035fc0b1bdb4b7b7668f4a5e83",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{key:"65dbb8f0ffd41242553775c6e42fff5c626d0017",class:"tds-table__pagination"},s("div",{key:"de880d869b550d94ab543dcb3182b354ce09cc45",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&s("div",{key:"481589d46734bed1e77037003169d12373e6e169",class:"rows-per-page"},s("p",{key:"f054474b89ddb6cd3245b215c9095f445582f6a9"},this.rowsPerPageLabel),s("tds-dropdown",{key:"066a6f324de1a0c83f9e15350b133e8de14f8259",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",tdsAriaLabel:this.rowsPerPageDropdownAriaLabel,defaultValue:`${this.rowsPerPageValue}`,onTdsChange:t=>this.rowsPerPageChange(t),openDirection:this.rowsPerPageDropdownOpenDirection},this.rowsPerPageValues.map((t=>s("tds-dropdown-option",{value:`${t}`},t)))))),s("div",{key:"598f908e641e97a7d02681e57534817a063b1bd8",class:"tds-table__page-selector"},s("input",{key:"5cca773b5720451a74716aaa4be370285d9b34a5",ref:t=>{t&&(this.inputElement=t)},class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:l}),s("p",{key:"2fc916ca072a1f109408025f34e55efec40aa661",class:"tds-table__footer-text"},this.renderPaginationLabel()),s("button",{key:"843fbd54ec2f77f4b4a494ed93ba6fa82ba169e7",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},s("tds-icon",{key:"1f79a5af16a33b6635cd1533ac9852852bd6e6d6",name:"skip_backwards",size:"20px"})),s("button",{key:"3b7c30d4f1c167001bc42bde4523436aa807e501",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},s("tds-icon",{key:"79cbe3606b633611e63cffc674f2552c496479ef",name:"chevron_left",size:"20px"})),s("button",{key:"7251a8abc9628336696267c8a7c9296f078c3304",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},s("tds-icon",{key:"e06b07d0aca6cfb3a053391ac92f0950b6d9dc30",name:"chevron_right",size:"20px"})),s("button",{key:"f843cd3597e7419c174919254e28f5b94b9d184f",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},s("tds-icon",{key:"5d217d4ff8ae825e1ac5cd31416b56dc04a323b3",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}static get watchers(){return{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}],pages:[{pagesChange:0}]}}};r.style=":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}";export{r as tds_table_footer}
|
|
1
|
+
import{r as t,c as e,h as s,H as a,a as o}from"./p-DQ9ya-NU.js";const i=["compactDesign","horizontalScrollWidth","multiselect","expandableRows"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const r=class{constructor(s){t(this,s),this.tdsPagination=e(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.paginationLabel="of {pages} pages",this.rowsperpage=!0,this.rowsPerPageLabel="Rows per page",this.rowsPerPageValues=[10,25,50],this.rowsPerPageDropdownOpenDirection="auto",this.rowsPerPageDropdownAriaLabel="Select rows per page",this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.lastCorrectValue=1,this.tableId="",this.horizontalScrollWidth=null,this.emitTdsPagination=()=>{this.tdsPagination.emit(this.rowsperpage?{tableId:this.tableId,paginationValue:Number(this.paginationValue),rowsPerPage:this.rowsPerPageValue}:{tableId:this.tableId,paginationValue:Number(this.paginationValue)})},this.previousPage=()=>{this.paginationValue>=2&&this.paginationValue--,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.nextPage=()=>{this.pages&&this.paginationValue<=this.pages&&this.paginationValue++,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.lastPage=()=>{this.paginationValue=this.pages,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.firstPage=()=>{this.paginationValue=1,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}colsChanged(t){null!==t?this.columnsNumber=t:this.updateColumnsNumber()}updateColumnsNumber(){var t,e,s;if(this.cols)return;let a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.multiselect&&(a+=1),this.expandableRows&&(a+=1),this.columnsNumber=a}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.rowsPerPageValue||(this.rowsPerPageValue=this.rowsPerPageValues[0]),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;if(this.cols)this.columnsNumber=this.cols;else{let t=a;this.multiselect&&(t+=1),this.expandableRows&&(t+=1),this.columnsNumber=t}}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=String(this.lastCorrectValue),this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}pagesChange(t){this.paginationValue>t&&(this.paginationValue=this.pages,this.emitTdsPagination())}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}renderPaginationLabel(){const t=this.paginationLabel.split("{pages}");return 1===t.length?this.paginationLabel:t.flatMap(((e,a)=>a===t.length-1?[e]:[e,s("span",null,this.pages)]))}render(){var t;return s(a,{key:"8dc06e9c565e608dd02bf74a0328b515aaea31c2",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},s("tr",{key:"1a64b9023acc03204ad4219fd986b106334ff6e6",class:"tds-table__footer-row"},s("td",{key:"815d2a7aaf4c98035fc0b1bdb4b7b7668f4a5e83",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{key:"65dbb8f0ffd41242553775c6e42fff5c626d0017",class:"tds-table__pagination"},s("div",{key:"de880d869b550d94ab543dcb3182b354ce09cc45",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&s("div",{key:"481589d46734bed1e77037003169d12373e6e169",class:"rows-per-page"},s("p",{key:"f054474b89ddb6cd3245b215c9095f445582f6a9"},this.rowsPerPageLabel),s("tds-dropdown",{key:"066a6f324de1a0c83f9e15350b133e8de14f8259",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",tdsAriaLabel:this.rowsPerPageDropdownAriaLabel,defaultValue:`${this.rowsPerPageValue}`,onTdsChange:t=>this.rowsPerPageChange(t),openDirection:this.rowsPerPageDropdownOpenDirection},this.rowsPerPageValues.map((t=>s("tds-dropdown-option",{value:`${t}`},t)))))),s("div",{key:"598f908e641e97a7d02681e57534817a063b1bd8",class:"tds-table__page-selector"},s("input",{key:"5cca773b5720451a74716aaa4be370285d9b34a5",ref:t=>{t&&(this.inputElement=t)},class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:l}),s("p",{key:"2fc916ca072a1f109408025f34e55efec40aa661",class:"tds-table__footer-text"},this.renderPaginationLabel()),s("button",{key:"843fbd54ec2f77f4b4a494ed93ba6fa82ba169e7",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},s("tds-icon",{key:"1f79a5af16a33b6635cd1533ac9852852bd6e6d6",name:"skip_backwards",size:"20px"})),s("button",{key:"3b7c30d4f1c167001bc42bde4523436aa807e501",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},s("tds-icon",{key:"79cbe3606b633611e63cffc674f2552c496479ef",name:"chevron_left",size:"20px"})),s("button",{key:"7251a8abc9628336696267c8a7c9296f078c3304",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},s("tds-icon",{key:"e06b07d0aca6cfb3a053391ac92f0950b6d9dc30",name:"chevron_right",size:"20px"})),s("button",{key:"f843cd3597e7419c174919254e28f5b94b9d184f",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},s("tds-icon",{key:"5d217d4ff8ae825e1ac5cd31416b56dc04a323b3",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}static get watchers(){return{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}],pages:[{pagesChange:0}]}}};r.style=":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}";export{r as tds_table_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as e,H as o,a as t}from"./p-
|
|
1
|
+
import{r as s,h as e,H as o,a as t}from"./p-DQ9ya-NU.js";import{i}from"./p-CF8bH08v.js";const d=class{constructor(e){s(this,e),this.show=null,this.defaultShow=!1,this.placement="auto",this.animation="none",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.modeVariant=null,this.inheritedAttributes={}}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=i(this.host,["style","class"])}render(){var s;return e(o,{key:"e71360b2b92f4e3169d6cfb44ed38d2fe58bc0b0",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},e("tds-popover-core",{key:"654e0e5a910573029f358e1b8b32e439b775d089",class:{"tds-popover-menu":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation},e("div",{key:"4c51db7d403f1797f6d101a5a0af11b54ab20c23",role:"menu"},e("slot",{key:"953b09a826b6fb5a5b8537b07eb383737f5232f1"}))))}get host(){return t(this)}};d.style=".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";export{d as tds_popover_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,a as r}from"./p-DQ9ya-NU.js";import{g as i}from"./p-Cn4f8w1e.js";import{g as s}from"./p-wEP_nEaO.js";const o=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=i(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return a("div",{key:"17e5f048546531899316fb6941dd56c4c0eec86b",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"7acbaff8c9b834537667a2f00fd43bd207ec4a94",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"9e1a35a149e87ef132544bccee4ef68708a043b5",class:"textarea-wrapper"},a("textarea",{key:"1ac5b68781eb3678b286217d4be05db6b3fed343",id:`textarea-element-${this.uuid}`,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":s(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"bdb08af97c50672145daf0f2aebca2b3dc0b6f8f",class:"textarea-resizer-icon"},a("svg",{key:"7239c0246d6d3b9d83cddcfeba33929c52306c46",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"eb4d0058060a9e023d664b0e4ead6932b4d0fb7c","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&a("span",{key:"a961358d976093ef4fcab24bd59822a19f121110",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"41b20bd51f8d597d38eff89f696f9b89a1be3c5e",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"05bb88941fb674e6d636eff3e036ded3d91b8f76",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"e380047364c71512ec6290ddc3acce7ccf0c4a92",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"ab76d1518a9bda2251eb2c9e0ea765c2039da5aa",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&a("div",{key:"96ec8a42970fcacc3c9a8bca8c5be24530880888",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,a("span",{key:"8c6d15477056e04403a611c99db97da4d3c27e6b",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return r(this)}};o.style=".textarea-container.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-style:solid;border-color:var(--tds-textarea-border-bottom);border-width:calc(var(--component--input-border-width-top) * 1px) calc(var(--component--input-border-width-right) * 1px) calc(var(--component--input-border-width-bottom) * 1px) calc(var(--component--input-border-width-left) * 1px);transition:border-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{cursor:not-allowed}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block;width:calc(var(--component-textarea-size-resize-width) * 1px);height:calc(var(--component-textarea-size-resize-height) * 1px)}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea tds-icon.sc-tds-textarea{color:var(--tds-textarea-icon-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-wrapper.sc-tds-textarea,.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{opacity:var(--tds-textarea-opacity-disabled)}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{o as tds_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as s,H as i,a as e}from"./p-DO74lOFd.js";import{g as r}from"./p-Cn4f8w1e.js";const d=t=>null==t?"":t.toString(),l=t=>t.map((t=>d(t))),n=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.tdsClear=o(this,"tdsClear",6),this.disabled=!1,this.modeVariant=null,this.openDirection="auto",this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.value=null,this.open=!1,this.internalValue="",this.filterResult=null,this.filterFocus=!1,this.internalDefaultValue="",this.selectedOptions=[],this.filterQuery="",this.hasFocus=!1,this.pendingInvalidValues=new Set,this.uuid=r(),this.handleArrowDown=t=>{const o=this.getChildren(),s=t.nextElementSibling?o.findIndex((o=>o===t.nextElementSibling)):0;if(o.length>0){const t=((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(o,s),i="number"==typeof t?o[t]:o[0];null==i||i.focus()}},this.handleArrowUp=t=>{const o=this.getChildren(),s=t.nextElementSibling?o.findIndex((o=>o===t.previousElementSibling)):0;if(o.length>0){const t=((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(o,s),i="number"==typeof t?o[t]:o[o.length-1];null==i||i.focus()}},this.handleEscape=()=>{var t,o;if(this.open=!1,this.filter)null===(t=this.inputElement)||void 0===t||t.focus();else{const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector("button");null==t||t.focus()}},this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName)),this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>d(o.value)===d(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>{var o;return null===(o=t.textContent)||void 0===o?void 0:o.trim()}))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,i,e;if("auto"===this.openDirection||!this.openDirection){const r=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(i=(s=this.host).getBoundingClientRect)||void 0===i?void 0:i.call(s).top)&&void 0!==e?e:0)+r+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{var t;if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{const o=t.currentTarget;if(this.multiselect&&0===this.filterQuery.length&&this.selectedOptions.length>0&&this.inputElement){const t=this.getValue(),s=o.value,i=function(t,o){return t.length<=o.length+1?t:t.startsWith(o)?t.slice(o.length):t.endsWith(o)?t.slice(0,t.length-o.length):t}(s,t);i!==s&&(this.inputElement.value=i)}this.tdsInput.emit(t);const s=this.inputElement?this.inputElement.value.toLowerCase():o.value.toLowerCase();this.filterQuery=s;const i=this.getChildren();""===s?(i.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=i.filter((t=>{var o;return this.normalizeString(null!==(o=null==t?void 0:t.textContent)&&void 0!==o?o:"").toLowerCase().includes(this.normalizeString(s).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")})).length},this.focusInput=t=>{this.inputElement&&(this.inputElement.value=t,this.inputElement.focus())},this.handleFilterReset=()=>{this.multiselect?this.handleMultiselectFilterReset():this.handleSingleFilterReset()},this.handleMultiselectFilterReset=()=>{if(this.filterQuery.length>0){const t=this.filterQuery;this.filterQuery="",this.resetFilterVisibility(),this.focusInput(this.getValue()),this.tdsClear.emit({clearedValue:t})}else if(this.selectedOptions.length>0){const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.focusInput(""),this.tdsClear.emit({clearedValue:t})}},this.handleSingleFilterReset=()=>{const t=[];this.filterQuery.length>0&&(t.push(this.filterQuery),this.filterQuery="",this.resetFilterVisibility()),this.selectedOptions.length>0&&(t.push(this.selectedOptions.join(",")),this.updateDropdownStateFromUser([])),this.focusInput(""),t.length>0&&this.tdsClear.emit({clearedValue:t.join(",")})},this.resetFilterVisibility=()=>{this.filterQuery="",this.getChildren().forEach((t=>{t.removeAttribute("hidden")})),this.filterResult=null},this.handleMultiselectClear=()=>{const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.multiselect&&this.filter?this.inputElement&&(this.inputElement.value=this.getValue()):this.inputElement&&(this.inputElement.value=""),this.filter&&this.resetFilterVisibility()},this.handleBlur=()=>{this.filterFocus=!1,this.filterQuery="",this.inputElement&&(this.inputElement.value=this.getValue()),this.filter&&this.resetFilterVisibility()},this.handleInputClick=()=>{this.multiselect&&this.filter&&(this.filterQuery="",this.inputElement&&(this.inputElement.value=""),this.resetFilterVisibility())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()}}handleValueChange(t){const o=this.normalizeValue(t);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateInternal(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?l(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[d(t[0])]:[d(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t,o);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t,o=!1){const s=this.getChildren();return s&&0!==s.length?t.filter((t=>{const i=s.some((o=>d(o.value)===d(t)));return!i&&o&&console.warn(`TDS DROPDOWN: Option with value "${t}" does not exist`),i||!o})):t}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(d(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,o){let s;return s=Array.isArray(t)?l(t):[d(t)],this.updateDropdownStateFromUser(s),this.getSelectedChildren().map((t=>{var o;return{value:t.value,label:null===(o=t.textContent)||void 0===o?void 0:o.trim()}}))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){var t;if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const o=t.relatedTarget;!this.hasFocus||o&&this.host.contains(o)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){const{activeElement:o}=document;if(o)switch(t.key){case"ArrowDown":this.handleArrowDown(o);break;case"ArrowUp":this.handleArrowUp(o);break;case"Escape":this.handleEscape()}}handleOpenState(){this.filter&&(this.open||(this.filterQuery="",this.resetFilterVisibility(),this.inputElement&&(this.inputElement.value=this.selectedOptions.length?this.getValue():""))),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=d(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=d(this.defaultValue),o=this.multiselect?t.split(",").map(d):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.warnAndClearPending(),this.selectedOptions.length>0?this.updateDropdownStateInternal([...this.selectedOptions]):this.internalDefaultValue&&this.setDefaultOption(),this.updatePendingInvalidValues()}warnAndClearPending(){const t=this.getChildren();t&&0!==t.length&&0!==this.pendingInvalidValues.size&&(this.pendingInvalidValues.forEach((o=>{t.some((t=>d(t.value)===d(o)))||console.warn(`TDS DROPDOWN: Option with value "${o}" does not exist`)})),this.pendingInvalidValues.clear())}updatePendingInvalidValues(){const t=this.getChildren();t&&0!==t.length&&(this.pendingInvalidValues.clear(),this.selectedOptions.forEach((o=>{t.some((t=>d(t.value)===d(o)))||this.pendingInvalidValues.add(o)})))}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.filter&&this.filterQuery.length>0&&(this.filterQuery="",this.resetFilterVisibility()),this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t]),this.filter&&this.multiselect&&this.inputElement&&(this.inputElement.value=this.getValue())}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){var t,o,e,r;((t,o,s,i)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e&&(e.disabled=i,e.name=o||"",e.value=s||"")})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const d=this.name||this.uuid,l=`dropdown-input-${d}`,n=this.label?`dropdown-label-${d}`:void 0,h=this.helper?`dropdown-helper-${d}`:void 0,a=this.selectedOptions.length>0,c=this.filterQuery.length>0,p=this.filterFocus||a||c,b=this.open||a,u="inside"!==this.labelPosition||b,v=null!==(t=this.tdsAriaLabel)&&void 0!==t?t:this.label?void 0:"Dropdown";let w=null!==(o=this.placeholder)&&void 0!==o?o:"";"inside"===this.labelPosition&&(w=!this.filterFocus||c||a||null===(e=this.placeholder)||void 0===e?"":e);let m="";return this.selectedOptions.length>0?m=this.getValue():u&&(m=null!==(r=this.placeholder)&&void 0!==r?r:""),s(i,{key:"ef4fbe1a77a277a93bf542f67d423a6935755522",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"e543abac115d7ab45c64776dada58b11d381ae8a",id:n,class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"029261f9bd4f46039ed049ca7e08f38641edae05",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&s("label",{id:n,htmlFor:l,class:{"label-inside":!0,[this.size]:!0,floated:p}},this.label),s("input",{"aria-label":v,"aria-labelledby":n,"aria-describedby":h,"aria-disabled":this.disabled,ref:t=>{this.inputElement=t,this.inputElement&&!this.filterFocus&&(this.inputElement.value=this.getValue())},class:{placeholder:"inside"===this.labelPosition},id:l,type:"text",placeholder:w,disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onClick:()=>this.handleInputClick(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":this.filterQuery.length>0?"Clear filter":"Clear selection",svgTitle:this.filterQuery.length>0?"Clear filter":"Clear selection",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.filterQuery.length>0||this.selectedOptions.length>0)},name:"cross",size:"16px"}),s("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":n,"aria-describedby":h,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&s("div",{id:n,class:{"label-inside":!0,[this.size]:!0,floated:b}},this.label),s("div",{"aria-label":this.tdsAriaLabel?`Selected options for ${this.tdsAriaLabel}`:void 0,class:`placeholder ${this.size}`},m)),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear selection",svgTitle:"Clear selection",onClick:t=>{t.stopPropagation(),this.handleMultiselectClear()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.stopPropagation(),t.preventDefault(),this.handleMultiselectClear())},class:{"clear-icon":!0,hide:!(this.multiselect&&this.selectedOptions.length>0)},name:"cross",size:"16px"}),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"}))),s("div",{key:"67d82711bf2a53fdc77901c8a28bd83766c287d4",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{t&&(this.dropdownList=t)},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":!(!this.label||"outside"!==this.labelPosition),open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"36a3d6ec255decbf8233174eb29f996f141007d2",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"84a4033110327c8237edff3defdbc831fb56869b",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"0862c49887b92e56f4846831cb514784369715d0",id:h,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"107f29830769cb6928fec4d6cae9f050d47437d7",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}}};n.style='@charset "UTF-8";:host button{all:unset;display:flex;align-items:center;height:100%;width:100%;box-sizing:border-box;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius);padding:0 16px}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{flex:1;min-width:0;display:flex;align-items:center;padding:0}:host button .menu-icon{margin-right:16px}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;align-items:center;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside-color);left:16px;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside.lg{top:20px;left:16px}:host .dropdown-select .label-inside.md{top:16px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .label-inside.floated{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls)}:host .dropdown-select .label-inside.floated.lg{top:12px}:host .dropdown-select .label-inside.floated.md{top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host .clear-icon{cursor:pointer;flex-shrink:0;margin:0;margin-right:8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .clear-icon.hide{display:none;visibility:hidden}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const h=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.internalValue="",this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg",this.parentDropdown=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentDropdown="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentDropdown&&(this.multiselect=null!==(o=this.parentDropdown.multiselect)&&void 0!==o&&o,this.size=this.parentDropdown.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{var t,o;this.disabled||(this.selected=!0,null===(t=this.parentDropdown)||void 0===t||t.appendValue(this.internalValue),null===(o=this.parentDropdown)||void 0===o||o.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{var o,s;this.disabled||(t.detail.checked?(null===(o=this.parentDropdown)||void 0===o||o.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(null===(s=this.parentDropdown)||void 0===s||s.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentDropdown||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentDropdown||this.tdsBlur.emit(t)}}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=d(t)}componentWillLoad(){this.internalValue=d(this.value)}render(){return s(i,{key:"f2c0929d4a6d9e7df2259b80175ddde7bad15946"},s("div",{key:"433562a99e20ec9b21cf1b07819c52e516081723",class:`dropdown-option\n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{var o;"Escape"===t.key&&(null===(o=this.parentDropdown)||void 0===o||o.close())}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:[{valueWatcher:0}]}}};h.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";export{n as tds_dropdown,h as tds_dropdown_option}
|
|
1
|
+
import{r as t,c as o,h as s,H as i,a as e}from"./p-DQ9ya-NU.js";import{g as r}from"./p-Cn4f8w1e.js";const d=t=>null==t?"":t.toString(),l=t=>t.map((t=>d(t))),n=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.tdsClear=o(this,"tdsClear",6),this.disabled=!1,this.modeVariant=null,this.openDirection="auto",this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.value=null,this.open=!1,this.internalValue="",this.filterResult=null,this.filterFocus=!1,this.internalDefaultValue="",this.selectedOptions=[],this.filterQuery="",this.hasFocus=!1,this.pendingInvalidValues=new Set,this.uuid=r(),this.handleArrowDown=t=>{const o=this.getChildren(),s=t.nextElementSibling?o.findIndex((o=>o===t.nextElementSibling)):0;if(o.length>0){const t=((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(o,s),i="number"==typeof t?o[t]:o[0];null==i||i.focus()}},this.handleArrowUp=t=>{const o=this.getChildren(),s=t.nextElementSibling?o.findIndex((o=>o===t.previousElementSibling)):0;if(o.length>0){const t=((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(o,s),i="number"==typeof t?o[t]:o[o.length-1];null==i||i.focus()}},this.handleEscape=()=>{var t,o;if(this.open=!1,this.filter)null===(t=this.inputElement)||void 0===t||t.focus();else{const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector("button");null==t||t.focus()}},this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName)),this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>d(o.value)===d(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>{var o;return null===(o=t.textContent)||void 0===o?void 0:o.trim()}))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,i,e;if("auto"===this.openDirection||!this.openDirection){const r=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(i=(s=this.host).getBoundingClientRect)||void 0===i?void 0:i.call(s).top)&&void 0!==e?e:0)+r+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{var t;if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{const o=t.currentTarget;if(this.multiselect&&0===this.filterQuery.length&&this.selectedOptions.length>0&&this.inputElement){const t=this.getValue(),s=o.value,i=function(t,o){return t.length<=o.length+1?t:t.startsWith(o)?t.slice(o.length):t.endsWith(o)?t.slice(0,t.length-o.length):t}(s,t);i!==s&&(this.inputElement.value=i)}this.tdsInput.emit(t);const s=this.inputElement?this.inputElement.value.toLowerCase():o.value.toLowerCase();this.filterQuery=s;const i=this.getChildren();""===s?(i.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=i.filter((t=>{var o;return this.normalizeString(null!==(o=null==t?void 0:t.textContent)&&void 0!==o?o:"").toLowerCase().includes(this.normalizeString(s).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")})).length},this.focusInput=t=>{this.inputElement&&(this.inputElement.value=t,this.inputElement.focus())},this.handleFilterReset=()=>{this.multiselect?this.handleMultiselectFilterReset():this.handleSingleFilterReset()},this.handleMultiselectFilterReset=()=>{if(this.filterQuery.length>0){const t=this.filterQuery;this.filterQuery="",this.resetFilterVisibility(),this.focusInput(this.getValue()),this.tdsClear.emit({clearedValue:t})}else if(this.selectedOptions.length>0){const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.focusInput(""),this.tdsClear.emit({clearedValue:t})}},this.handleSingleFilterReset=()=>{const t=[];this.filterQuery.length>0&&(t.push(this.filterQuery),this.filterQuery="",this.resetFilterVisibility()),this.selectedOptions.length>0&&(t.push(this.selectedOptions.join(",")),this.updateDropdownStateFromUser([])),this.focusInput(""),t.length>0&&this.tdsClear.emit({clearedValue:t.join(",")})},this.resetFilterVisibility=()=>{this.filterQuery="",this.getChildren().forEach((t=>{t.removeAttribute("hidden")})),this.filterResult=null},this.handleMultiselectClear=()=>{const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.multiselect&&this.filter?this.inputElement&&(this.inputElement.value=this.getValue()):this.inputElement&&(this.inputElement.value=""),this.filter&&this.resetFilterVisibility()},this.handleBlur=()=>{this.filterFocus=!1,this.filterQuery="",this.inputElement&&(this.inputElement.value=this.getValue()),this.filter&&this.resetFilterVisibility()},this.handleInputClick=()=>{this.multiselect&&this.filter&&(this.filterQuery="",this.inputElement&&(this.inputElement.value=""),this.resetFilterVisibility())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()}}handleValueChange(t){const o=this.normalizeValue(t);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateInternal(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?l(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[d(t[0])]:[d(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t,o);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t,o=!1){const s=this.getChildren();return s&&0!==s.length?t.filter((t=>{const i=s.some((o=>d(o.value)===d(t)));return!i&&o&&console.warn(`TDS DROPDOWN: Option with value "${t}" does not exist`),i||!o})):t}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(d(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,o){let s;return s=Array.isArray(t)?l(t):[d(t)],this.updateDropdownStateFromUser(s),this.getSelectedChildren().map((t=>{var o;return{value:t.value,label:null===(o=t.textContent)||void 0===o?void 0:o.trim()}}))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){var t;if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const o=t.relatedTarget;!this.hasFocus||o&&this.host.contains(o)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){const{activeElement:o}=document;if(o)switch(t.key){case"ArrowDown":this.handleArrowDown(o);break;case"ArrowUp":this.handleArrowUp(o);break;case"Escape":this.handleEscape()}}handleOpenState(){this.filter&&(this.open||(this.filterQuery="",this.resetFilterVisibility(),this.inputElement&&(this.inputElement.value=this.selectedOptions.length?this.getValue():""))),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=d(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=d(this.defaultValue),o=this.multiselect?t.split(",").map(d):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.warnAndClearPending(),this.selectedOptions.length>0?this.updateDropdownStateInternal([...this.selectedOptions]):this.internalDefaultValue&&this.setDefaultOption(),this.updatePendingInvalidValues()}warnAndClearPending(){const t=this.getChildren();t&&0!==t.length&&0!==this.pendingInvalidValues.size&&(this.pendingInvalidValues.forEach((o=>{t.some((t=>d(t.value)===d(o)))||console.warn(`TDS DROPDOWN: Option with value "${o}" does not exist`)})),this.pendingInvalidValues.clear())}updatePendingInvalidValues(){const t=this.getChildren();t&&0!==t.length&&(this.pendingInvalidValues.clear(),this.selectedOptions.forEach((o=>{t.some((t=>d(t.value)===d(o)))||this.pendingInvalidValues.add(o)})))}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.filter&&this.filterQuery.length>0&&(this.filterQuery="",this.resetFilterVisibility()),this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t]),this.filter&&this.multiselect&&this.inputElement&&(this.inputElement.value=this.getValue())}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){var t,o,e,r;((t,o,s,i)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e&&(e.disabled=i,e.name=o||"",e.value=s||"")})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const d=this.name||this.uuid,l=`dropdown-input-${d}`,n=this.label?`dropdown-label-${d}`:void 0,h=this.helper?`dropdown-helper-${d}`:void 0,a=this.selectedOptions.length>0,c=this.filterQuery.length>0,p=this.filterFocus||a||c,b=this.open||a,u="inside"!==this.labelPosition||b,v=null!==(t=this.tdsAriaLabel)&&void 0!==t?t:this.label?void 0:"Dropdown";let w=null!==(o=this.placeholder)&&void 0!==o?o:"";"inside"===this.labelPosition&&(w=!this.filterFocus||c||a||null===(e=this.placeholder)||void 0===e?"":e);let m="";return this.selectedOptions.length>0?m=this.getValue():u&&(m=null!==(r=this.placeholder)&&void 0!==r?r:""),s(i,{key:"ef4fbe1a77a277a93bf542f67d423a6935755522",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"e543abac115d7ab45c64776dada58b11d381ae8a",id:n,class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"029261f9bd4f46039ed049ca7e08f38641edae05",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&s("label",{id:n,htmlFor:l,class:{"label-inside":!0,[this.size]:!0,floated:p}},this.label),s("input",{"aria-label":v,"aria-labelledby":n,"aria-describedby":h,"aria-disabled":this.disabled,ref:t=>{this.inputElement=t,this.inputElement&&!this.filterFocus&&(this.inputElement.value=this.getValue())},class:{placeholder:"inside"===this.labelPosition},id:l,type:"text",placeholder:w,disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onClick:()=>this.handleInputClick(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":this.filterQuery.length>0?"Clear filter":"Clear selection",svgTitle:this.filterQuery.length>0?"Clear filter":"Clear selection",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.filterQuery.length>0||this.selectedOptions.length>0)},name:"cross",size:"16px"}),s("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":n,"aria-describedby":h,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&s("div",{id:n,class:{"label-inside":!0,[this.size]:!0,floated:b}},this.label),s("div",{"aria-label":this.tdsAriaLabel?`Selected options for ${this.tdsAriaLabel}`:void 0,class:`placeholder ${this.size}`},m)),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear selection",svgTitle:"Clear selection",onClick:t=>{t.stopPropagation(),this.handleMultiselectClear()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.stopPropagation(),t.preventDefault(),this.handleMultiselectClear())},class:{"clear-icon":!0,hide:!(this.multiselect&&this.selectedOptions.length>0)},name:"cross",size:"16px"}),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"}))),s("div",{key:"67d82711bf2a53fdc77901c8a28bd83766c287d4",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{t&&(this.dropdownList=t)},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":!(!this.label||"outside"!==this.labelPosition),open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"36a3d6ec255decbf8233174eb29f996f141007d2",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"84a4033110327c8237edff3defdbc831fb56869b",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"0862c49887b92e56f4846831cb514784369715d0",id:h,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"107f29830769cb6928fec4d6cae9f050d47437d7",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}}};n.style='@charset "UTF-8";:host button{all:unset;display:flex;align-items:center;height:100%;width:100%;box-sizing:border-box;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius);padding:0 16px}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{flex:1;min-width:0;display:flex;align-items:center;padding:0}:host button .menu-icon{margin-right:16px}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;align-items:center;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside-color);left:16px;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside.lg{top:20px;left:16px}:host .dropdown-select .label-inside.md{top:16px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .label-inside.floated{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls)}:host .dropdown-select .label-inside.floated.lg{top:12px}:host .dropdown-select .label-inside.floated.md{top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host .clear-icon{cursor:pointer;flex-shrink:0;margin:0;margin-right:8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .clear-icon.hide{display:none;visibility:hidden}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const h=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.internalValue="",this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg",this.parentDropdown=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentDropdown="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentDropdown&&(this.multiselect=null!==(o=this.parentDropdown.multiselect)&&void 0!==o&&o,this.size=this.parentDropdown.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{var t,o;this.disabled||(this.selected=!0,null===(t=this.parentDropdown)||void 0===t||t.appendValue(this.internalValue),null===(o=this.parentDropdown)||void 0===o||o.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{var o,s;this.disabled||(t.detail.checked?(null===(o=this.parentDropdown)||void 0===o||o.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(null===(s=this.parentDropdown)||void 0===s||s.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentDropdown||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentDropdown||this.tdsBlur.emit(t)}}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=d(t)}componentWillLoad(){this.internalValue=d(this.value)}render(){return s(i,{key:"f2c0929d4a6d9e7df2259b80175ddde7bad15946"},s("div",{key:"433562a99e20ec9b21cf1b07819c52e516081723",class:`dropdown-option\n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{var o;"Escape"===t.key&&(null===(o=this.parentDropdown)||void 0===o||o.close())}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:[{valueWatcher:0}]}}};h.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";export{n as tds_dropdown,h as tds_dropdown_option}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as o,a as s}from"./p-
|
|
1
|
+
import{r as t,h as r,H as o,a as s}from"./p-DQ9ya-NU.js";import{g as e}from"./p-Cn4f8w1e.js";const a=class{constructor(r){t(this,r),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=e(),this.handleSlottedItemClick=t=>{const r=t.target.tagName.toLowerCase();["a","button"].includes(r)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var r;"Escape"===t.key&&this.open&&(this.open=!1,null===(r=this.buttonEl)||void 0===r||r.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const r="a, [tabindex='0']",o=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(r))||this.host.querySelector(r);o instanceof HTMLElement&&o.focus()}))}render(){return r(o,{key:"1176c57c972add57be5c2529dfb6cb83d3bed22b"},r("div",{key:"6ad3f10940083968fff1a4b9b01f66b1165329ba",class:{"state-open":this.open}},r("tds-header-item",{key:"5c8024b943d585a85fc6a1c2f42f9e574729d79e",class:"button",active:this.open,selected:this.selected},r("button",{key:"ed48b89c6eb04cf7f2685e2f69f7eea37822e8f9",ref:t=>{this.buttonEl=t},"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},r("slot",{key:"3a79e52d868cd2a12ee5a6c46c574b596e5c257f",name:"icon"}),this.label,r("slot",{key:"6490c20d77794e6bda911a28eb01bba6539a6946",name:"label"}),!this.noDropdownIcon&&r("tds-icon",{key:"4ccd9df2499f81a3790fd207686c9d763950ca18",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&r("tds-popover-canvas",{key:"67a72bb46b5d87424dcd883e770a5f0a06d09edd",id:`tds-dropdown-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?r("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},r("slot",null)):null)))}get host(){return s(this)}};a.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}";export{a as tds_header_dropdown}
|