@scania/tegel 1.42.0 → 1.43.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-accordion.cjs.entry.js +2 -2
- package/dist/cjs/tds-block.cjs.entry.js +1 -1
- package/dist/cjs/tds-body-cell.cjs.entry.js +4 -3
- package/dist/cjs/tds-button_2.cjs.entry.js +7 -5
- package/dist/cjs/tds-card.cjs.entry.js +2 -2
- package/dist/cjs/tds-checkbox.cjs.entry.js +5 -4
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +9 -5
- package/dist/cjs/tds-datetime.cjs.entry.js +8 -5
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +49 -31
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +10 -3
- package/dist/cjs/tds-footer-group.cjs.entry.js +6 -5
- package/dist/cjs/tds-footer-item.cjs.entry.js +6 -2
- package/dist/cjs/tds-footer.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-cell.cjs.entry.js +10 -5
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +5 -3
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +7 -5
- package/dist/cjs/tds-header-launcher.cjs.entry.js +8 -4
- package/dist/cjs/tds-header.cjs.entry.js +8 -6
- package/dist/cjs/tds-icon.cjs.entry.js +1 -2
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +10 -3
- package/dist/cjs/tds-message.cjs.entry.js +2 -2
- package/dist/cjs/tds-modal.cjs.entry.js +5 -4
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +12 -5
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +4 -4
- package/dist/cjs/tds-popover-core.cjs.entry.js +10 -8
- package/dist/cjs/tds-popover-menu.cjs.entry.js +4 -4
- package/dist/cjs/tds-radio-button.cjs.entry.js +4 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +5 -4
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +13 -9
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +5 -4
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +15 -9
- package/dist/cjs/tds-side-menu.cjs.entry.js +12 -9
- package/dist/cjs/tds-slider.cjs.entry.js +26 -16
- package/dist/cjs/tds-step.cjs.entry.js +3 -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 +17 -10
- package/dist/cjs/tds-table-body-row.cjs.entry.js +8 -5
- package/dist/cjs/tds-table-body.cjs.entry.js +9 -5
- package/dist/cjs/tds-table-footer.cjs.entry.js +15 -8
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-header.cjs.entry.js +24 -18
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +6 -4
- package/dist/cjs/tds-table.cjs.entry.js +14 -12
- package/dist/cjs/tds-text-field.cjs.entry.js +47 -21
- package/dist/cjs/tds-textarea.cjs.entry.js +5 -4
- package/dist/cjs/tds-toggle.cjs.entry.js +5 -4
- package/dist/cjs/tds-tooltip.cjs.entry.js +6 -10
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion.js +4 -4
- package/dist/collection/components/block/block.js +3 -3
- package/dist/collection/components/button/button.js +9 -7
- package/dist/collection/components/card/card.js +4 -4
- package/dist/collection/components/checkbox/checkbox.js +6 -5
- package/dist/collection/components/chip/chip.js +1 -1
- package/dist/collection/components/datetime/datetime.js +10 -7
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +9 -6
- package/dist/collection/components/dropdown/dropdown.js +44 -31
- package/dist/collection/components/footer/footer-group/footer-group.js +6 -5
- package/dist/collection/components/footer/footer-item/footer-item.js +6 -2
- package/dist/collection/components/footer/footer.js +4 -4
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +2 -2
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +7 -5
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +5 -3
- package/dist/collection/components/header/header-item/header-item.js +9 -5
- package/dist/collection/components/header/header-launcher/header-launcher.js +8 -4
- package/dist/collection/components/header/header.js +8 -6
- package/dist/collection/components/icon/icon.js +3 -4
- package/dist/collection/components/message/message.js +4 -4
- package/dist/collection/components/modal/modal.js +8 -7
- package/dist/collection/components/popover-canvas/popover-canvas.js +9 -9
- package/dist/collection/components/popover-core/popover-core.js +20 -23
- package/dist/collection/components/popover-menu/popover-menu.js +9 -9
- package/dist/collection/components/radio-button/radio-button.js +4 -1
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +5 -4
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +5 -4
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +13 -9
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +15 -9
- package/dist/collection/components/side-menu/side-menu.js +12 -9
- package/dist/collection/components/slider/slider.js +26 -16
- package/dist/collection/components/stepper/step/step.js +3 -1
- package/dist/collection/components/table/table/table.js +36 -18
- package/dist/collection/components/table/table-body/table-body.js +9 -5
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +7 -6
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
- package/dist/collection/components/table/table-body-row/table-body-row.js +13 -10
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +23 -16
- package/dist/collection/components/table/table-footer/table-footer.js +20 -13
- package/dist/collection/components/table/table-header/table-header.js +27 -21
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +22 -17
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +8 -6
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +12 -5
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +10 -3
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +12 -5
- package/dist/collection/components/text-field/text-field.css +8 -0
- package/dist/collection/components/text-field/text-field.js +97 -22
- package/dist/collection/components/textarea/textarea.js +7 -6
- package/dist/collection/components/toggle/toggle.js +5 -4
- package/dist/collection/components/tooltip/tooltip.js +9 -13
- package/dist/collection/tegel-light/components/tl-dropdown/_dropdownKeyboard.js +190 -0
- package/dist/collection/tegel-light/components/tl-dropdown/_dropdownScripts.js +304 -0
- package/dist/collection/utils/appendHiddenInput.js +6 -4
- package/dist/components/{p-d10d21bd.js → p-0d286c19.js} +2 -2
- package/dist/components/{p-63552d0e.js → p-415fafb3.js} +5 -5
- package/dist/components/{p-3308d5fa.js → p-6fd2b339.js} +10 -8
- package/dist/components/{p-c62b61fe.js → p-799470b1.js} +7 -5
- package/dist/components/{p-3a7e4d0d.js → p-81499e0f.js} +52 -24
- package/dist/components/{p-44f5b5e1.js → p-91803ba5.js} +5 -4
- package/dist/components/{p-04a014cf.js → p-ad376f70.js} +7 -11
- package/dist/components/{p-6ef207b2.js → p-d9cffacb.js} +11 -8
- package/dist/components/{p-9336db16.js → p-da11a695.js} +5 -3
- package/dist/components/{p-1dafdc8c.js → p-e0ccf8e6.js} +15 -9
- package/dist/components/{p-5ea0ae00.js → p-e52a9953.js} +41 -26
- package/dist/components/{p-7c3348eb.js → p-ead6727f.js} +9 -5
- package/dist/components/{p-f7d94947.js → p-edc838a0.js} +1 -2
- package/dist/components/tds-accordion-item.js +1 -1
- package/dist/components/tds-accordion.js +2 -2
- package/dist/components/tds-banner.js +1 -1
- package/dist/components/tds-block.js +1 -1
- package/dist/components/tds-body-cell.js +5 -4
- package/dist/components/tds-button.js +1 -1
- package/dist/components/tds-card.js +4 -4
- package/dist/components/tds-checkbox.js +1 -1
- package/dist/components/tds-datetime.js +9 -6
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +1 -1
- package/dist/components/tds-folder-tabs.js +11 -4
- package/dist/components/tds-footer-group.js +7 -6
- package/dist/components/tds-footer-item.js +6 -2
- package/dist/components/tds-footer.js +2 -2
- package/dist/components/tds-header-brand-symbol.js +3 -3
- package/dist/components/tds-header-cell.js +11 -6
- package/dist/components/tds-header-dropdown-list.js +1 -1
- package/dist/components/tds-header-dropdown.js +11 -9
- package/dist/components/tds-header-hamburger.js +2 -2
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +1 -1
- package/dist/components/tds-header-launcher-list.js +1 -1
- package/dist/components/tds-header-launcher.js +13 -9
- package/dist/components/tds-header.js +8 -6
- package/dist/components/tds-icon.js +1 -1
- package/dist/components/tds-inline-tabs.js +11 -4
- package/dist/components/tds-message.js +3 -3
- package/dist/components/tds-modal.js +6 -5
- package/dist/components/tds-navigation-tabs.js +13 -6
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-core.js +1 -1
- package/dist/components/tds-popover-menu.js +5 -5
- package/dist/components/tds-radio-button.js +4 -1
- package/dist/components/tds-side-menu-close-button.js +1 -1
- package/dist/components/tds-side-menu-collapse-button.js +6 -5
- package/dist/components/tds-side-menu-dropdown-list-item.js +13 -9
- package/dist/components/tds-side-menu-dropdown-list.js +3 -3
- package/dist/components/tds-side-menu-dropdown.js +7 -6
- package/dist/components/tds-side-menu-item.js +1 -1
- package/dist/components/tds-side-menu.js +12 -9
- package/dist/components/tds-slider.js +30 -20
- package/dist/components/tds-step.js +4 -2
- package/dist/components/tds-table-body-input-wrapper.js +2 -2
- package/dist/components/tds-table-body-row-expandable.js +17 -10
- package/dist/components/tds-table-body-row.js +9 -6
- package/dist/components/tds-table-body.js +9 -5
- package/dist/components/tds-table-footer.js +19 -12
- package/dist/components/tds-table-header-input-wrapper.js +2 -2
- package/dist/components/tds-table-header.js +25 -19
- package/dist/components/tds-table-toolbar.js +7 -5
- package/dist/components/tds-table.js +14 -12
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-textarea.js +8 -7
- package/dist/components/tds-toast.js +1 -1
- package/dist/components/tds-toggle.js +5 -4
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-accordion.entry.js +2 -2
- package/dist/esm/tds-block.entry.js +1 -1
- package/dist/esm/tds-body-cell.entry.js +4 -3
- package/dist/esm/tds-button_2.entry.js +7 -5
- package/dist/esm/tds-card.entry.js +2 -2
- package/dist/esm/tds-checkbox.entry.js +5 -4
- package/dist/esm/tds-core-header-item_2.entry.js +9 -5
- package/dist/esm/tds-datetime.entry.js +8 -5
- package/dist/esm/tds-dropdown_2.entry.js +49 -31
- package/dist/esm/tds-folder-tabs.entry.js +10 -3
- package/dist/esm/tds-footer-group.entry.js +6 -5
- package/dist/esm/tds-footer-item.entry.js +6 -2
- package/dist/esm/tds-footer.entry.js +2 -2
- package/dist/esm/tds-header-brand-symbol.entry.js +2 -2
- package/dist/esm/tds-header-cell.entry.js +10 -5
- package/dist/esm/tds-header-dropdown-list.entry.js +5 -3
- package/dist/esm/tds-header-dropdown.entry.js +7 -5
- package/dist/esm/tds-header-launcher.entry.js +8 -4
- package/dist/esm/tds-header.entry.js +8 -6
- package/dist/esm/tds-icon.entry.js +1 -2
- package/dist/esm/tds-inline-tabs.entry.js +10 -3
- package/dist/esm/tds-message.entry.js +2 -2
- package/dist/esm/tds-modal.entry.js +5 -4
- package/dist/esm/tds-navigation-tabs.entry.js +12 -5
- package/dist/esm/tds-popover-canvas.entry.js +4 -4
- package/dist/esm/tds-popover-core.entry.js +10 -8
- package/dist/esm/tds-popover-menu.entry.js +4 -4
- package/dist/esm/tds-radio-button.entry.js +4 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +5 -4
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +13 -9
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown.entry.js +5 -4
- package/dist/esm/tds-side-menu-item.entry.js +15 -9
- package/dist/esm/tds-side-menu.entry.js +12 -9
- package/dist/esm/tds-slider.entry.js +26 -16
- package/dist/esm/tds-step.entry.js +3 -1
- package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
- package/dist/esm/tds-table-body-row-expandable.entry.js +17 -10
- package/dist/esm/tds-table-body-row.entry.js +8 -5
- package/dist/esm/tds-table-body.entry.js +9 -5
- package/dist/esm/tds-table-footer.entry.js +15 -8
- package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
- package/dist/esm/tds-table-header.entry.js +24 -18
- package/dist/esm/tds-table-toolbar.entry.js +6 -4
- package/dist/esm/tds-table.entry.js +14 -12
- package/dist/esm/tds-text-field.entry.js +47 -21
- package/dist/esm/tds-textarea.entry.js +5 -4
- package/dist/esm/tds-toggle.entry.js +5 -4
- package/dist/esm/tds-tooltip.entry.js +6 -10
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-08c16b2f.entry.js +1 -0
- package/dist/tegel/p-0b37e91a.entry.js +1 -0
- package/dist/tegel/p-0ef32f0f.entry.js +1 -0
- package/dist/tegel/p-1e1a87c1.entry.js +1 -0
- package/dist/tegel/p-2268af7f.entry.js +1 -0
- package/dist/tegel/p-226d0290.entry.js +1 -0
- package/dist/tegel/p-252a7d3f.entry.js +1 -0
- package/dist/tegel/p-25473962.entry.js +1 -0
- package/dist/tegel/{p-650b98bf.entry.js → p-27369d6a.entry.js} +1 -1
- package/dist/tegel/p-3ef04672.entry.js +1 -0
- package/dist/tegel/p-40d99d7d.entry.js +1 -0
- package/dist/tegel/{p-28f85555.entry.js → p-40fa0f5b.entry.js} +1 -1
- package/dist/tegel/p-4e15f31d.entry.js +1 -0
- package/dist/tegel/p-57c08d0d.entry.js +1 -0
- package/dist/tegel/p-58ac68f3.entry.js +1 -0
- package/dist/tegel/p-6a472310.entry.js +1 -0
- package/dist/tegel/p-70836598.entry.js +1 -0
- package/dist/tegel/p-7104b955.entry.js +1 -0
- package/dist/tegel/p-781b2939.entry.js +1 -0
- package/dist/tegel/p-894e7e11.entry.js +1 -0
- package/dist/tegel/p-942f8c6f.entry.js +1 -0
- package/dist/tegel/p-98eff725.entry.js +1 -0
- package/dist/tegel/p-9b06bd5f.entry.js +1 -0
- package/dist/tegel/p-9bcb8b2d.entry.js +1 -0
- package/dist/tegel/p-9c56b031.entry.js +1 -0
- package/dist/tegel/p-a20a54ef.entry.js +1 -0
- package/dist/tegel/p-a2b2092a.entry.js +1 -0
- package/dist/tegel/p-a334b517.entry.js +1 -0
- package/dist/tegel/p-a60ed3de.entry.js +1 -0
- package/dist/tegel/p-a6dca188.entry.js +1 -0
- package/dist/tegel/{p-464469fe.entry.js → p-a912035b.entry.js} +1 -1
- package/dist/tegel/p-b218db70.entry.js +1 -0
- package/dist/tegel/p-b3b13975.entry.js +1 -0
- package/dist/tegel/{p-987f8f0f.entry.js → p-b9afb39e.entry.js} +1 -1
- package/dist/tegel/p-bb8c2a36.entry.js +1 -0
- package/dist/tegel/p-bee9e9d1.entry.js +1 -0
- package/dist/tegel/{p-f31f56fe.entry.js → p-c5694dd6.entry.js} +1 -1
- package/dist/tegel/{p-57a28f62.entry.js → p-ca068263.entry.js} +1 -1
- package/dist/tegel/{p-eb91e33b.entry.js → p-cda2e4b2.entry.js} +1 -1
- package/dist/tegel/p-d501a665.entry.js +1 -0
- package/dist/tegel/{p-f2318c88.entry.js → p-da38aa9a.entry.js} +1 -1
- package/dist/tegel/p-dda1ac69.entry.js +1 -0
- package/dist/tegel/p-e29fa563.entry.js +1 -0
- package/dist/tegel/p-ed66ef30.entry.js +1 -0
- package/dist/tegel/p-f602b3a1.entry.js +1 -0
- package/dist/tegel/p-f922308f.entry.js +1 -0
- package/dist/tegel/p-fb300776.entry.js +1 -0
- package/dist/tegel/p-fd22d1ca.entry.js +1 -0
- package/dist/tegel/{p-c6968db1.entry.js → p-fe4335ca.entry.js} +1 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/accordion/accordion.d.ts +1 -1
- package/dist/types/components/block/block.d.ts +1 -1
- package/dist/types/components/button/button.d.ts +1 -1
- package/dist/types/components/card/card.d.ts +1 -1
- package/dist/types/components/datetime/datetime.d.ts +2 -2
- package/dist/types/components/dropdown/dropdown.d.ts +5 -5
- package/dist/types/components/footer/footer.d.ts +1 -1
- package/dist/types/components/icon/icon.d.ts +1 -1
- package/dist/types/components/message/message.d.ts +1 -1
- package/dist/types/components/modal/modal.d.ts +1 -1
- package/dist/types/components/popover-canvas/popover-canvas.d.ts +2 -2
- package/dist/types/components/popover-core/popover-core.d.ts +4 -4
- package/dist/types/components/popover-menu/popover-menu.d.ts +2 -2
- package/dist/types/components/slider/slider-stories-setup.d.ts +1 -1
- package/dist/types/components/table/table/table.d.ts +6 -3
- package/dist/types/components/table/table-body/table-body.d.ts +3 -3
- package/dist/types/components/table/table-body-cell/table-body-cell.d.ts +8 -5
- package/dist/types/components/table/table-body-input-wrapper/table-body-input-wrapper.d.ts +1 -1
- package/dist/types/components/table/table-body-row/table-body-row.d.ts +5 -5
- package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts +7 -7
- package/dist/types/components/table/table-footer/table-footer.d.ts +4 -4
- package/dist/types/components/table/table-header/table-header.d.ts +5 -5
- package/dist/types/components/table/table-header-cell/table-header-cell.d.ts +8 -8
- package/dist/types/components/table/table-header-input-wrapper/table-header-input-wrapper.d.ts +1 -1
- package/dist/types/components/table/table-toolbar/table-toolbar.d.ts +4 -4
- package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts +1 -1
- package/dist/types/components/text-field/text-field.d.ts +13 -2
- package/dist/types/components/textarea/textarea.d.ts +2 -2
- package/dist/types/components/tooltip/tooltip.d.ts +1 -1
- package/dist/types/components.d.ts +102 -81
- package/dist/types/tegel-light/components/tl-dropdown/_dropdownKeyboard.d.ts +1 -0
- package/dist/types/tegel-light/components/tl-dropdown/_dropdownScripts.d.ts +4 -0
- package/dist/types/types/Attributes.d.ts +1 -1
- package/dist/types/utils/findNextFocusableElement.d.ts +1 -1
- package/dist/types/utils/findPreviousFocusableElement.d.ts +1 -1
- package/dist/types/utils/getNextNestedChildOfSiblingsMatching.d.ts +1 -1
- package/dist/types/utils/getPreviousNestedChildOfSiblingsMatching.d.ts +1 -1
- package/package.json +1 -1
- package/dist/tegel/p-0672ddfc.entry.js +0 -1
- package/dist/tegel/p-08ad6a21.entry.js +0 -1
- package/dist/tegel/p-08f63e5d.entry.js +0 -1
- package/dist/tegel/p-09cd056c.entry.js +0 -1
- package/dist/tegel/p-0c9a51d9.entry.js +0 -1
- package/dist/tegel/p-0cfe8671.entry.js +0 -1
- package/dist/tegel/p-0e772ad7.entry.js +0 -1
- package/dist/tegel/p-17bc1e49.entry.js +0 -1
- package/dist/tegel/p-1859156f.entry.js +0 -1
- package/dist/tegel/p-1f4267a8.entry.js +0 -1
- package/dist/tegel/p-24a76927.entry.js +0 -1
- package/dist/tegel/p-354d3986.entry.js +0 -1
- package/dist/tegel/p-379df59b.entry.js +0 -1
- package/dist/tegel/p-3c97cb45.entry.js +0 -1
- package/dist/tegel/p-3e6d65ee.entry.js +0 -1
- package/dist/tegel/p-445fa788.entry.js +0 -1
- package/dist/tegel/p-51a17707.entry.js +0 -1
- package/dist/tegel/p-52689019.entry.js +0 -1
- package/dist/tegel/p-6b340718.entry.js +0 -1
- package/dist/tegel/p-72006dd7.entry.js +0 -1
- package/dist/tegel/p-743d4f07.entry.js +0 -1
- package/dist/tegel/p-77cfb0ef.entry.js +0 -1
- package/dist/tegel/p-7887bdbb.entry.js +0 -1
- package/dist/tegel/p-7b598e60.entry.js +0 -1
- package/dist/tegel/p-7ef50e7f.entry.js +0 -1
- package/dist/tegel/p-8c2695af.entry.js +0 -1
- package/dist/tegel/p-9b635e01.entry.js +0 -1
- package/dist/tegel/p-9f187848.entry.js +0 -1
- package/dist/tegel/p-9fdc8fa5.entry.js +0 -1
- package/dist/tegel/p-a090bd2f.entry.js +0 -1
- package/dist/tegel/p-a56436c8.entry.js +0 -1
- package/dist/tegel/p-b210d23c.entry.js +0 -1
- package/dist/tegel/p-c0cbc9f5.entry.js +0 -1
- package/dist/tegel/p-cf717912.entry.js +0 -1
- package/dist/tegel/p-cfd7ed1a.entry.js +0 -1
- package/dist/tegel/p-d1d45942.entry.js +0 -1
- package/dist/tegel/p-d7cdbc4e.entry.js +0 -1
- package/dist/tegel/p-e5b796e7.entry.js +0 -1
- package/dist/tegel/p-f3c32d4d.entry.js +0 -1
- package/dist/tegel/p-fd15ced7.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as s,H as d,g as a}from"./p-2049fab2.js";import{h as i}from"./p-ae110fc2.js";import{g as e}from"./p-11648030.js";const r=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.handleClose=t=>{const o=this.tdsClose.emit(t);this.returnFocusOnClose(),o.defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0)},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.header=void 0,this.prevent=!1,this.size="md",this.actionsPosition="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0}async showModal(){this.isShown=!0,requestAnimationFrame((()=>{const t=this.getFocusableElements();t.length>0&&(t[0].focus(),this.activeElementIndex=0)}))}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;let o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);if(!o)return;const s=["BUTTON","A","INPUT"];if(s.includes(o.tagName))o.focus();else{const t=o.querySelector(s.join(","));t&&t.focus()}}getFocusableElements(){const t=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(this.host.shadowRoot.querySelectorAll(t)),...Array.from(this.host.querySelectorAll(t))]}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),a=this.header?`tds-modal-header-${e()}`:void 0,r=`tds-modal-body-${e()}`;return s(d,{key:"4a220f8d1156cd7ef30ba0f77e33f6b368a71c5d",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":r,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"2129611789e7d9c1e32731f59100f75ff4e58800",class:"tds-modal-backdrop"}),s("div",{key:"cce280887ce68ab5471cd939847c8f23703e6a11",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},s("div",{key:"2629204523dff0d2afefab238514db74b9d1a93b",id:a,class:"header"},this.header&&s("div",{key:"040ddd22c7b782d77e07cc1ff4cd1fdf0d508cbe",class:"header-text"},this.header),t&&s("slot",{key:"7b15247fea7c3ab2986e453b98e7a7f9ccff943f",name:"header"}),this.closable&&s("button",{key:"67e09f9f95ad58e02c1f9adb9883af4a1c16f837",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"52694db7eb7dc40ca2ea8aeb3e13611f899177a8",name:"cross",size:"20px"}))),s("div",{key:"b7fedc44fae5a964399f6b63fad96acaba9263a1",id:r,class:"body"},s("slot",{key:"d60cbee2a55a487f738aa9a741d8b1e0cb74484e",name:"body"})),o&&s("slot",{key:"c969e1f820a4f4ecfab84fe3349eee0233710f05",name:"actions"})))}get host(){return a(this)}};r.style=":host{--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}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header,slot[name=header]::slotted(*){font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{r as tds_modal}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as a,g as d}from"./p-2049fab2.js";const o=["multiselect","expandableRows","verticalDividers","compactDesign","noMinWidth"],i=class{constructor(s){t(this,s),this.tdsSelectAll=e(this,"tdsSelectAll",6),this.allSelected=!1,this.selected=void 0,this.disabled=!1,this.indeterminate=!1,this.multiselect=!1,this.expandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}internalTdsRowExpandedListener(t){this.tableId===t.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){const t=this.host.parentElement.querySelector("tds-table-body").getElementsByClassName("tds-table__row-extend--active").length,e=this.host.parentElement.querySelector("tds-table-body").getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=e===t}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){o.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}async handleCheckboxChange(t){this.allSelected=t.detail.checked,this.tdsSelectAll.emit({tableId:this.tableId,checked:t.detail.checked,selectedRows:await this.tableEl.getSelectedRows()})}render(){return s(a,{key:"6c1cc431846a627cab836e62a551f9f5d6558a9d",class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},s("tr",{key:"fe66a0019ffef72437ef0312e07d8e23b0c8f728"},this.multiselect&&s("th",{key:"a132d706ef3650e6909a2b1bd90ed51b53a8fe02",class:"tds-table__header-cell tds-table__header-cell--checkbox"},s("div",{key:"a4a62796419d0f77a9a9b035a2493ec7cc184e9f",class:"tds-form-label tds-form-label--table"},s("tds-checkbox",{key:"2b9e308d8098b8e2825936f6ff2ab0e1ec0e8897",checked:this.allSelected||this.selected,disabled:this.disabled,indeterminate:this.indeterminate,onTdsChange:t=>this.handleCheckboxChange(t)}))),this.expandableRows&&s("th",{key:"916a17bb35705db77de44bee119c579dd55c2d8f",class:"tds-table__header-cell tds-table__header-cell--checkbox"}),s("slot",{key:"79d44597fcb6fa6d2e94197c57a1c9dded7e9f3d"})))}get host(){return d(this)}};i.style=":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--tds-table-header-background-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";export{i as tds_table_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as o,g as e}from"./p-2049fab2.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children=Array.from(this.host.children),this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"f33abd9071c85c0651a3ab93e3996ec44717e325",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"8a5233b2a941a3a1e72dc45f93015b5e606663a8",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"f2a8051863cfa93f8b2a5c562fc5ebefcc36b195","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"a93d1cb8ddc5486bbb15449c328a25f6e8e2b4cd",name:"chevron_left",size:"20px"})),i("slot",{key:"e5b096420d72d12c861730fd9829baeba7cce625",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"f154a7b6553fe77e3f09da314403db5326df8e21","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"6832c693ab8a446a629788894f792f571c09cbe3",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};h.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{h as tds_inline_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as a,H as s,g as t}from"./p-2049fab2.js";const o=class{constructor(a){e(this,a)}render(){return this.host.querySelector("a").hasAttribute("aria-label")||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(s,{key:"b3f7cf4d264f2046844814a80f7b9b6a920b1a1e"},a("tds-header-item",{key:"0be33ffe57b94442fac4f1e686f87fb1e2f1911d"},a("slot",{key:"3f7f636bc5f7c1b2ee009c774337d0b41c45e477"})))}get host(){return t(this)}};o.style=":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{o as tds_header_brand_symbol}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as o,g as e}from"./p-2049fab2.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children.length>0&&(this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last"))}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"cdf0eff9acca827e372a58f5721ff9279b0360f4",role:"tablist",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},i("div",{key:"a8fafbc680fbdb0450db591e7f3ffda864946684",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"402e0ca33fa71dced98cf8d86e26e3dba312fa7d","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"2849a2da7c6ef133d173756778400baa2a51d58d",name:"chevron_left",size:"20px"})),i("slot",{key:"64081b7518abde00c8f1d80ff414849bccd1cb0b",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"916ba6b9107982f8b8763920bdf4e2bd99127943","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"26f84d67bc4b1eb04668464a74b655db1953d999",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};h.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus::before,:host .scroll-left-button:focus::before{content:"";position:absolute;left:3px;right:3px;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{h as tds_navigation_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as s,H as t,g as a}from"./p-2049fab2.js";const d=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:"38e9f561720b3a68528ae69878138ea8e9085e3c",role:"list","aria-expanded":this.collapsed?"false":"true"},s("div",{key:"9f2e5ea13fe7f4483ae07d5a58208b27a64bbd1b",class:{"state-collapsed":this.collapsed}},s("slot",{key:"10543e9547fc64683e4f96e0ecb72ff82e3ed3ad"})))}get host(){return a(this)}};d.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{d as tds_side_menu_dropdown_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,H as e,g as i}from"./p-2049fab2.js";import{g as o,i as l}from"./p-9332c225.js";import"./p-52bf0fdf.js";const a=class{constructor(s){t(this,s),this.slotListeners=new Map,this.size="md",this.headingElement=void 0}componentWillLoad(){const{children:t}=this.host;for(let s=0;s<t.length;s++){const e=t[s];"size"in e&&(e.size=this.size)}let s=this.host;"tds-header-launcher-list"===this.host.parentElement.tagName.toLowerCase()&&(s=this.host.parentElement);const e=o(s,l);e?this.headingElement=e:console.warn("Heading element for list not found")}componentDidLoad(){this.host.shadowRoot.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const i={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return s(e,Object.assign({key:"57e8ecd046b7a260f1516fc80673e9d095ffd4d3"},i),s("slot",{key:"e0bafe5fffcf8864faebd4603597e3e424a35046"}))}get host(){return i(this)}};a.style=":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}";export{a as tds_header_dropdown_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,g as r}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";import{g as d}from"./p-bbf9492a.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=s(),this.label="",this.name="",this.helper=void 0,this.cols=void 0,this.rows=void 0,this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.maxLength=void 0,this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.tdsAriaLabel=void 0,this.focusInput=void 0}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){this.textEl.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;return a("div",{key:"0e1e8c392e63be0a7e1724f3351e4859eb6501a7",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:"674206c9897b2e6f8ed4742e4bf4b9db5740a302",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"808b87787dbdb3386bdf528051eb7ab991259e30",class:"textarea-wrapper"},a("textarea",{key:"bb9871a2b0f4d88ac150fb8b550c2d5001b9cc2d",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":d(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:"f9fc9c3136ec57b6f0becd8602c6353f0c8848dd",class:"textarea-resizer-icon"},a("svg",{key:"8b7f6fe75e111c7d4de27a1a6d30c430cd136753",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"f5857808dfc21333fc8d95c38c0a8e69823a6229","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:"df897e9b418dc4b7a2fefc152f0f850278695211",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"d350ce47947ccd11fea39f06b5ae6e7cdba84ca9",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"327fd5153c188dcc171d6cbed2727716148157b1",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"5625f2580ce1724b5462e00c8024fb7b9c3f3107",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"2873a82b45675d1e09a07de357386b0ea83ed054",name:"error",size:"16px"}),this.helper),this.maxLength>0&&a("div",{key:"0a54c37e440f4740e373943bfd48001e8f8f39e6",class:"textarea-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,a("span",{key:"53f25f455440e8383bd1dabba20cce266fe78074",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return r(this)}};o.style=".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;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:4px 4px 0 0;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:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-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{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-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(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.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}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);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:var(--tds-detail-02);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.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.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:var(--tds-detail-07);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:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);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:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);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-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.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:var(--tds-detail-05);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-bottom-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 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,g as i}from"./p-2049fab2.js";const s=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){this.parentIsTopPart="top"===this.host.closest("tds-footer-group").parentElement.slot}render(){return o(e,{key:"cc3e94cd085ad62a1933a948014d06da55ffeb35",role:"listitem"},o("div",{key:"602c0f0ede8f40bfc06e3899adb0afa7941602e3",class:this.parentIsTopPart?"top-part-child":""},o("slot",{key:"2770b612c929deb25895455114d2a6e3a45957a4"})))}get host(){return i(this)}};s.style=":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);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(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);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:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);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(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media all and (max-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;font-weight:normal}: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(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}}";export{s as tds_footer_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as o,g as d}from"./p-2049fab2.js";const a=["multiselect","verticalDividers","compactDesign"],i=class{constructor(s){t(this,s),this.tdsSelect=e(this,"tdsSelect",6),this.tdsClick=e(this,"tdsClick",6),this.selected=!1,this.disabled=!1,this.clickable=!1,this.multiselect=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}async handleCheckboxChange(t){this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await this.tableEl.getSelectedRows()})}handleRowClick(t){if(!this.clickable)return;let e=Array.from(this.host.parentElement.children).indexOf(this.host);this.tdsClick.emit({event:t,tableId:this.tableId,rowIndex:e})}handleKeyDown(t){!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRowClick(t))}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>a.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}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&&a.forEach((t=>{this[t]=this.tableEl[t]}))}render(){return s(o,{key:"6bf3fee7c066bc4686c9aa0ecba45c04ca7b2aae",tabindex:this.clickable?"0":null,class:{"tds-table__row":!0,"tds-table__row--selected":this.selected,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table__row--clickable":this.clickable},onClick:t=>this.handleRowClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"row"},this.multiselect&&s("td",{key:"845e64408b938254887c7ec840eae48fc4ed01e3",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},s("tds-checkbox",{key:"817ef05632a9b2704148a0c9ce190b360b9cec3b",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),s("slot",{key:"50cf1a5aeae24aaceeb813f432abe8e75ad53857"}))}get host(){return d(this)}};i.style=":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){border-bottom:1px solid var(--tds-table-divider-hover)}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--focus-outline, 2px solid blue)}";export{i as tds_table_body_row}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,H as e,g as i}from"./p-2049fab2.js";const d=["verticalDividers","compactDesign","noMinWidth"],o=class{constructor(s){t(this,s),this.cellValue=void 0,this.cellKey=void 0,this.disablePadding=!1,this.textAlign=void 0,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(void 0===this[s])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","center","right","end"].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=>{this[t]=this.tableEl[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:"cfabd07f5fb68862ec1afe31679d492593e5a579",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},style:{textAlign:this.textAlignState,padding:t},role:"cell"},this.cellValue,s("slot",{key:"cb0466abad9e73f9daed8483304246deb79d37e8"}))}get host(){return i(this)}};o.style=":host(.tds-table__body-cell){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.tds-table__body-cell) *{box-sizing:border-box}:host(.tds-table__body-cell--hover){background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact){padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}";export{o as tds_body_cell}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,g as i}from"./p-2049fab2.js";import{h as s}from"./p-ae110fc2.js";const l=class{constructor(o){t(this,o),this.slotPosition=null,this.topPartGroup=!1,this.titleText=void 0,this.tdsListAriaLabel=void 0,this.open=!1,this.isMobile=void 0}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){this.updateIsMobile(),this.topPartGroup="top"===this.host.parentElement.slot,this.topPartGroup||(this.slotPosition="end"===this.host.parentElement.slot?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),s("title",this.host)&&this.titleText&&console.warn("Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.")}handleResize(){this.updateIsMobile()}render(){const t=s("title",this.host);return o(e,{key:"ae7d97292dba7bf2054e1833e436dbabec499ed7","aria-expanded":this.open?"true":"false"},o("div",{key:"e94d8a8f5cdab4eaa1ec72d9d8da2cf3634ddb86",class:this.isMobile?"mobile-view":""},this.topPartGroup&&(this.isMobile?o("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button "+(this.open?"expanded":"closed")},t?o("slot",{name:"title"}):this.titleText,o("tds-icon",{name:"chevron_down",size:"20px","aria-hidden":"true"})):o("div",{class:"footer-top-title"},t?o("slot",{name:"title"}):this.titleText)),o("nav",{key:"ab7829753c2e2e80b877470e92f1947d24aefe38","aria-label":this.tdsListAriaLabel},o("div",{key:"e402e251eff4b82e2cfffdb7edc9db3e1c537325",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},o("slot",{key:"d00e9acc84542e2694b6a9aa4b481a2263f79e4b"})))))}get host(){return i(this)}};l.style=":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}";export{l as tds_footer_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,g as o}from"./p-2049fab2.js";const s={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},r=class{constructor(e){t(this,e),this.index=void 0,this.state="upcoming",this.tdsAriaCurrent=void 0,this.hideLabels=void 0,this.size=void 0,this.orientation=void 0,this.labelPosition=void 0}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),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:"871df74d99ed0bdf15fa82e0c2980b08b94735a8"},e("div",{key:"e108eb5e43390635fbd6020195cb7e6a4912c7c2",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:"8940a00dcd0001d6d264aff8cbc9331d4d890d49",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:"daa62f4d9347c571d214b1b9eb68b7d56418aed2","aria-hidden":"true",class:`label ${this.size} ${this.state}`},e("slot",{key:"68a20d3daded858cf1188f43747edb77ed2c9cbf",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% + 24px);right:0;top:18px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 24px);left:0;top:18px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;width:10px;left:auto;right:-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;width:10px;left:-10px;right:auto}: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% + 16px + 8px);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% + 24px);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;width:10px;left:auto;right:-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;width:10px;left:-10px;right:auto}: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-background);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{padding-right:0}: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].horizontal{padding-left:0}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}';export{r as tds_step}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as a,h as e,H as s,g as r}from"./p-2049fab2.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],b=class{constructor(e){t(this,e),this.tdsFilter=a(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((a=>{if(void 0===this[a])throw new Error(`Table prop is not supported: ${a}`);this[a]=t.detail[a]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{this[t]=this.tableEl[t]}))}handleSearch(t){const a=t.currentTarget.value.toLowerCase(),e=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?e.classList.add("tds-table__searchbar--active"):e.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return e(s,{key:"e7ce21fcad3bfbc9f93088f777855baa9c6e3869",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},e("div",{key:"7310ec2851d440ba6529eb2d48bb20bcb508429f",class:"tds-table__upper-bar-flex"},e("div",{key:"5b901252d433968edb04de20a25ea9c09bb39b4b",class:"tds-table__actionbar-left"},this.tableTitle&&e("caption",{key:"661f8de9fe38cd72b098251b027c7e6f554033e5",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),e("slot",{key:"8d00d01e2ac92c75f95dc6ae89e7b8769cde6dc1",name:"start"})),e("div",{key:"fd28cb512ed5ad997cdb1f0b1dff8f7489f95db5",class:"tds-table__actionbar"},this.filter&&e("div",{key:"fb2649d623a21eeb1a8c3ed5c512d02d7bbb2efc",class:"tds-table__searchbar"},e("input",{key:"9cd1284bec12081a2e99996eb6bd160ac926b751",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),e("span",{key:"015060f9c59d06c430fabb0acabb8b476a477616",class:"tds-table__searchbar-icon"},e("tds-icon",{key:"5f990c7f452a46bb0471dd658f24afd848d029e9",name:"search",size:"20px"}))),e("slot",{key:"a91b2aee680ef316d2fdd46d46bfe9ec3eb3e314",name:"end"}))))}get host(){return r(this)}};b.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{b as tds_table_toolbar}
|