@scania/tegel 1.39.0 → 1.40.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-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-body-cell.cjs.entry.js +2 -2
- package/dist/cjs/tds-button_2.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 +4 -4
- package/dist/cjs/tds-datetime.cjs.entry.js +2 -2
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +7 -7
- package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
- package/dist/cjs/tds-footer-group.cjs.entry.js +3 -3
- package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer.cjs.entry.js +2 -2
- 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 +3 -3
- 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 +4 -4
- 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 +2 -2
- 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 +3 -3
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +3 -3
- package/dist/cjs/tds-link.cjs.entry.js +2 -2
- package/dist/cjs/tds-message.cjs.entry.js +3 -3
- package/dist/cjs/tds-modal.cjs.entry.js +2 -2
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -4
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +3 -3
- package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-popover-menu.cjs.entry.js +3 -3
- package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-slider.cjs.entry.js +8 -8
- package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tds-step.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 +7 -7
- 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 +3 -3
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-header.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/tds-tag.cjs.entry.js +1 -1
- package/dist/cjs/tds-text-field.cjs.entry.js +7 -5
- package/dist/cjs/tds-textarea.cjs.entry.js +3 -3
- package/dist/cjs/tds-toast.cjs.entry.js +3 -3
- package/dist/cjs/tds-toggle.cjs.entry.js +3 -3
- package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion-item/accordion-item.css +9 -34
- package/dist/collection/components/button/button.css +14 -14
- package/dist/collection/components/chip/chip.css +23 -15
- package/dist/collection/components/datetime/datetime.css +21 -96
- package/dist/collection/components/datetime/datetime.js +1 -1
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +1 -1
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +1 -1
- package/dist/collection/components/dropdown/dropdown.js +5 -5
- package/dist/collection/components/footer/footer-group/footer-group.js +3 -3
- package/dist/collection/components/footer/footer-item/footer-item.js +1 -1
- package/dist/collection/components/footer/footer.js +2 -2
- package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
- package/dist/collection/components/header/header-dropdown/header-dropdown.css +5 -0
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +3 -3
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +5 -3
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
- package/dist/collection/components/header/header-hamburger/header-hamburger.js +1 -1
- package/dist/collection/components/header/header-item/header-item.css +12 -5
- package/dist/collection/components/header/header-item/header-item.js +2 -2
- package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
- package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
- package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +1 -1
- package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +1 -1
- package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
- package/dist/collection/components/header/header-title/header-title.js +1 -1
- package/dist/collection/components/header/header.js +1 -1
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/link/link.js +2 -2
- package/dist/collection/components/message/message.css +9 -9
- package/dist/collection/components/message/message.js +2 -2
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/popover-canvas/popover-canvas.js +3 -3
- package/dist/collection/components/popover-core/popover-core.js +1 -1
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
- package/dist/collection/components/popover-menu/popover-menu.js +3 -3
- package/dist/collection/components/radio-button/radio-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +1 -0
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +1 -0
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
- package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
- package/dist/collection/components/slider/slider.js +8 -8
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/stepper/step/step.js +1 -1
- package/dist/collection/components/table/table-body/table-body.js +2 -2
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +2 -2
- 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 +2 -2
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
- package/dist/collection/components/table/table-footer/table-footer.js +3 -3
- package/dist/collection/components/table/table-header/table-header.js +2 -2
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +1 -1
- 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 +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +11 -12
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +9 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text-field/text-field.js +45 -7
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/components/{p-40253725.js → p-04a014cf.js} +3 -3
- package/dist/components/{p-92c2da85.js → p-1dafdc8c.js} +3 -3
- package/dist/components/{p-de36fc8a.js → p-2a2d66fe.js} +6 -6
- package/dist/components/{p-d3866be7.js → p-3308d5fa.js} +1 -1
- package/dist/components/{p-6eecf159.js → p-381677ec.js} +1 -1
- package/dist/components/{p-3b58a9f3.js → p-3a7e4d0d.js} +12 -8
- package/dist/components/{p-927cf777.js → p-3f2187a4.js} +1 -1
- package/dist/components/{p-f04f04b5.js → p-63552d0e.js} +4 -4
- package/dist/components/{p-c4318e35.js → p-6ef207b2.js} +3 -3
- package/dist/components/{p-ad6babcd.js → p-7c3348eb.js} +4 -4
- package/dist/components/{p-d0cf68be.js → p-9336db16.js} +1 -1
- package/dist/components/{p-b609e7a7.js → p-bff614d5.js} +1 -1
- package/dist/components/p-c62b61fe.js +91 -0
- package/dist/components/{p-072bf53a.js → p-d10d21bd.js} +4 -4
- package/dist/components/{p-71c3dfe9.js → p-de86852a.js} +3 -3
- package/dist/components/{p-9ad61cb5.js → p-e1622f4a.js} +1 -1
- package/dist/components/{p-b390ece5.js → p-f7d94947.js} +1 -1
- package/dist/components/tds-accordion-item.js +2 -2
- package/dist/components/tds-banner.js +1 -1
- package/dist/components/tds-body-cell.js +2 -2
- package/dist/components/tds-button.js +1 -1
- package/dist/components/tds-card.js +3 -3
- package/dist/components/tds-chip.js +1 -1
- package/dist/components/tds-core-header-item.js +1 -1
- package/dist/components/tds-datetime.js +3 -3
- package/dist/components/tds-divider.js +1 -1
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +1 -1
- package/dist/components/tds-folder-tab.js +2 -2
- package/dist/components/tds-folder-tabs.js +3 -3
- package/dist/components/tds-footer-group.js +4 -4
- package/dist/components/tds-footer-item.js +1 -1
- 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 +2 -2
- package/dist/components/tds-header-dropdown-list-item.js +1 -1
- package/dist/components/tds-header-dropdown-list-user.js +1 -1
- package/dist/components/tds-header-dropdown-list.js +1 -1
- package/dist/components/tds-header-dropdown.js +9 -9
- package/dist/components/tds-header-hamburger.js +4 -4
- 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-grid-item.js +1 -1
- package/dist/components/tds-header-launcher-grid-title.js +1 -1
- package/dist/components/tds-header-launcher-grid.js +1 -1
- package/dist/components/tds-header-launcher-list-item.js +2 -2
- package/dist/components/tds-header-launcher-list-title.js +1 -1
- package/dist/components/tds-header-launcher-list.js +2 -2
- package/dist/components/tds-header-launcher.js +8 -8
- package/dist/components/tds-header-title.js +1 -1
- package/dist/components/tds-header.js +1 -1
- package/dist/components/tds-icon.js +1 -1
- package/dist/components/tds-inline-tab.js +3 -3
- package/dist/components/tds-inline-tabs.js +4 -4
- package/dist/components/tds-link.js +2 -2
- package/dist/components/tds-message.js +4 -4
- package/dist/components/tds-modal.js +3 -3
- package/dist/components/tds-navigation-tab.js +2 -2
- package/dist/components/tds-navigation-tabs.js +5 -5
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-core.js +1 -1
- package/dist/components/tds-popover-menu-item.js +2 -2
- package/dist/components/tds-popover-menu.js +4 -4
- package/dist/components/tds-radio-button.js +1 -1
- package/dist/components/tds-side-menu-close-button.js +2 -2
- package/dist/components/tds-side-menu-collapse-button.js +4 -4
- package/dist/components/tds-side-menu-dropdown-list-item.js +3 -3
- package/dist/components/tds-side-menu-dropdown-list.js +2 -2
- package/dist/components/tds-side-menu-dropdown.js +5 -5
- package/dist/components/tds-side-menu-item.js +1 -1
- package/dist/components/tds-side-menu-overlay.js +1 -1
- package/dist/components/tds-side-menu-user-image.js +1 -1
- package/dist/components/tds-side-menu-user-label.js +1 -1
- package/dist/components/tds-side-menu-user.js +3 -3
- package/dist/components/tds-slider.js +12 -12
- package/dist/components/tds-spinner.js +1 -1
- package/dist/components/tds-step.js +2 -2
- package/dist/components/tds-table-body-input-wrapper.js +2 -2
- package/dist/components/tds-table-body-row-expandable.js +7 -7
- package/dist/components/tds-table-body-row.js +2 -2
- package/dist/components/tds-table-body.js +2 -2
- package/dist/components/tds-table-footer.js +6 -6
- package/dist/components/tds-table-header-input-wrapper.js +2 -2
- package/dist/components/tds-table-header.js +2 -2
- package/dist/components/tds-table-toolbar.js +3 -3
- package/dist/components/tds-tag.js +1 -1
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-textarea.js +6 -6
- package/dist/components/tds-toast.js +4 -4
- package/dist/components/tds-toggle.js +3 -3
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-accordion-item.entry.js +1 -1
- package/dist/esm/tds-body-cell.entry.js +2 -2
- package/dist/esm/tds-button_2.entry.js +2 -2
- package/dist/esm/tds-chip.entry.js +1 -1
- package/dist/esm/tds-core-header-item_2.entry.js +4 -4
- package/dist/esm/tds-datetime.entry.js +2 -2
- package/dist/esm/tds-dropdown_2.entry.js +7 -7
- package/dist/esm/tds-folder-tab.entry.js +2 -2
- package/dist/esm/tds-folder-tabs.entry.js +2 -2
- package/dist/esm/tds-footer-group.entry.js +3 -3
- package/dist/esm/tds-footer-item.entry.js +1 -1
- package/dist/esm/tds-footer.entry.js +2 -2
- 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 +3 -3
- 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 +4 -4
- 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 +2 -2
- 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 +3 -3
- package/dist/esm/tds-inline-tabs.entry.js +3 -3
- package/dist/esm/tds-link.entry.js +2 -2
- package/dist/esm/tds-message.entry.js +3 -3
- package/dist/esm/tds-modal.entry.js +2 -2
- package/dist/esm/tds-navigation-tab.entry.js +2 -2
- package/dist/esm/tds-navigation-tabs.entry.js +4 -4
- package/dist/esm/tds-popover-canvas.entry.js +3 -3
- package/dist/esm/tds-popover-core.entry.js +1 -1
- package/dist/esm/tds-popover-menu-item.entry.js +2 -2
- package/dist/esm/tds-popover-menu.entry.js +3 -3
- package/dist/esm/tds-radio-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +2 -2
- package/dist/esm/tds-side-menu-dropdown.entry.js +3 -3
- package/dist/esm/tds-side-menu-item.entry.js +3 -3
- package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
- package/dist/esm/tds-side-menu-user-image_2.entry.js +2 -2
- package/dist/esm/tds-side-menu-user.entry.js +1 -1
- package/dist/esm/tds-slider.entry.js +8 -8
- package/dist/esm/tds-spinner.entry.js +1 -1
- package/dist/esm/tds-step.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 +7 -7
- 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 +3 -3
- package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
- package/dist/esm/tds-table-header.entry.js +2 -2
- package/dist/esm/tds-table-toolbar.entry.js +2 -2
- package/dist/esm/tds-tag.entry.js +1 -1
- package/dist/esm/tds-text-field.entry.js +7 -5
- package/dist/esm/tds-textarea.entry.js +3 -3
- package/dist/esm/tds-toast.entry.js +3 -3
- package/dist/esm/tds-toggle.entry.js +3 -3
- package/dist/esm/tds-tooltip.entry.js +2 -2
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/{p-1c75f8a7.entry.js → p-0672ddfc.entry.js} +1 -1
- package/dist/tegel/{p-aec3e4cf.entry.js → p-08ad6a21.entry.js} +1 -1
- package/dist/tegel/{p-3022d31d.entry.js → p-09cd056c.entry.js} +1 -1
- package/dist/tegel/p-0c9a51d9.entry.js +1 -0
- package/dist/tegel/p-0e772ad7.entry.js +1 -0
- package/dist/tegel/{p-5dd2aac8.entry.js → p-133351b5.entry.js} +1 -1
- package/dist/tegel/{p-d184a3f0.entry.js → p-17bc1e49.entry.js} +1 -1
- package/dist/tegel/{p-9b0c886e.entry.js → p-1f4267a8.entry.js} +1 -1
- package/dist/tegel/p-24a76927.entry.js +1 -0
- package/dist/tegel/{p-6e57997e.entry.js → p-2766b46f.entry.js} +1 -1
- package/dist/tegel/p-28f85555.entry.js +1 -0
- package/dist/tegel/{p-bcdf13e0.entry.js → p-2faeb483.entry.js} +1 -1
- package/dist/tegel/p-304f5a5c.entry.js +1 -0
- package/dist/tegel/{p-bdc913a0.entry.js → p-3450dd6c.entry.js} +1 -1
- package/dist/tegel/{p-6a615ac1.entry.js → p-3462a7cc.entry.js} +1 -1
- package/dist/tegel/{p-a829417c.entry.js → p-354d3986.entry.js} +1 -1
- package/dist/tegel/p-3c348fcb.entry.js +1 -0
- package/dist/tegel/{p-f2232281.entry.js → p-3c97cb45.entry.js} +1 -1
- package/dist/tegel/{p-23fb4dee.entry.js → p-3e6d65ee.entry.js} +1 -1
- package/dist/tegel/p-445fa788.entry.js +1 -0
- package/dist/tegel/{p-c15eba7d.entry.js → p-464469fe.entry.js} +1 -1
- package/dist/tegel/p-4b5e15cc.entry.js +1 -0
- package/dist/tegel/p-4de2807c.entry.js +1 -0
- package/dist/tegel/{p-2f9b15f6.entry.js → p-51a17707.entry.js} +1 -1
- package/dist/tegel/{p-a6238890.entry.js → p-52689019.entry.js} +1 -1
- package/dist/tegel/p-55f9c79a.entry.js +1 -0
- package/dist/tegel/{p-0cac9ea6.entry.js → p-57a28f62.entry.js} +1 -1
- package/dist/tegel/p-5c8fd75e.entry.js +1 -0
- package/dist/tegel/{p-1bbef1a5.entry.js → p-646d1df4.entry.js} +1 -1
- package/dist/tegel/p-655051b6.entry.js +1 -0
- package/dist/tegel/{p-7013249b.entry.js → p-6b340718.entry.js} +1 -1
- package/dist/tegel/{p-336f2de3.entry.js → p-743d4f07.entry.js} +1 -1
- package/dist/tegel/{p-87740f23.entry.js → p-771f53c2.entry.js} +1 -1
- package/dist/tegel/{p-c465f9b8.entry.js → p-77cfb0ef.entry.js} +1 -1
- package/dist/tegel/p-7887bdbb.entry.js +1 -0
- package/dist/tegel/{p-86e99fdb.entry.js → p-7b598e60.entry.js} +1 -1
- package/dist/tegel/{p-a66a4a4e.entry.js → p-7ef50e7f.entry.js} +1 -1
- package/dist/tegel/p-88bb1059.entry.js +1 -0
- package/dist/tegel/{p-debd6adc.entry.js → p-8a4837ae.entry.js} +1 -1
- package/dist/tegel/{p-bb1d069f.entry.js → p-987f8f0f.entry.js} +1 -1
- package/dist/tegel/{p-bd935506.entry.js → p-9f187848.entry.js} +1 -1
- package/dist/tegel/{p-614bcd4b.entry.js → p-9fdc8fa5.entry.js} +1 -1
- package/dist/tegel/{p-c7b0253c.entry.js → p-a090bd2f.entry.js} +1 -1
- package/dist/tegel/{p-628dc7f7.entry.js → p-a4cbb541.entry.js} +1 -1
- package/dist/tegel/{p-25f4b4ca.entry.js → p-a56436c8.entry.js} +1 -1
- package/dist/tegel/{p-9b2257f3.entry.js → p-a8abc8d9.entry.js} +1 -1
- package/dist/tegel/p-ab00e6e4.entry.js +1 -0
- package/dist/tegel/p-b210d23c.entry.js +1 -0
- package/dist/tegel/{p-704682d6.entry.js → p-b7abb81f.entry.js} +1 -1
- package/dist/tegel/{p-7cb9790d.entry.js → p-c0cbc9f5.entry.js} +1 -1
- package/dist/tegel/p-c163d44f.entry.js +1 -0
- package/dist/tegel/{p-9099d978.entry.js → p-c23a3f12.entry.js} +1 -1
- package/dist/tegel/{p-ecb34850.entry.js → p-c2e514b4.entry.js} +1 -1
- package/dist/tegel/{p-eff87481.entry.js → p-c6968db1.entry.js} +1 -1
- package/dist/tegel/{p-30901c4d.entry.js → p-ca16f1ed.entry.js} +1 -1
- package/dist/tegel/p-ca32a270.entry.js +1 -0
- package/dist/tegel/p-cc962b6c.entry.js +1 -0
- package/dist/tegel/{p-525c81b1.entry.js → p-ceed0476.entry.js} +1 -1
- package/dist/tegel/{p-83e6e31f.entry.js → p-cf717912.entry.js} +1 -1
- package/dist/tegel/{p-d0f09796.entry.js → p-d1d45942.entry.js} +1 -1
- package/dist/tegel/{p-f4b5e80b.entry.js → p-d7cdbc4e.entry.js} +1 -1
- package/dist/tegel/{p-b2b9561f.entry.js → p-e6e9d11f.entry.js} +1 -1
- package/dist/tegel/p-e8b58680.entry.js +1 -0
- package/dist/tegel/{p-fbffe3aa.entry.js → p-f2318c88.entry.js} +1 -1
- package/dist/tegel/{p-3ec01fb3.entry.js → p-f31f56fe.entry.js} +1 -1
- package/dist/tegel/{p-84de314b.entry.js → p-f3c32d4d.entry.js} +1 -1
- package/dist/tegel/p-f8a37d39.entry.js +1 -0
- package/dist/tegel/{p-3a92d554.entry.js → p-fd15ced7.entry.js} +1 -1
- package/dist/tegel/tegel.css +4 -4
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/text-field/text-field.d.ts +5 -1
- package/dist/types/components.d.ts +18 -2
- package/package.json +4 -2
- package/dist/components/p-c8dc3566.js +0 -91
- package/dist/tegel/p-22b6223e.entry.js +0 -1
- package/dist/tegel/p-27c2f109.entry.js +0 -1
- package/dist/tegel/p-2c9ea0be.entry.js +0 -1
- package/dist/tegel/p-303acf88.entry.js +0 -1
- package/dist/tegel/p-35293420.entry.js +0 -1
- package/dist/tegel/p-3ebe93ff.entry.js +0 -1
- package/dist/tegel/p-462a6049.entry.js +0 -1
- package/dist/tegel/p-46c9af0f.entry.js +0 -1
- package/dist/tegel/p-4a666337.entry.js +0 -1
- package/dist/tegel/p-5bca9fe7.entry.js +0 -1
- package/dist/tegel/p-601a74ad.entry.js +0 -1
- package/dist/tegel/p-7caad569.entry.js +0 -1
- package/dist/tegel/p-7d427dff.entry.js +0 -1
- package/dist/tegel/p-8ae4e03c.entry.js +0 -1
- package/dist/tegel/p-af63a774.entry.js +0 -1
- package/dist/tegel/p-b20f250b.entry.js +0 -1
- package/dist/tegel/p-bb9445ff.entry.js +0 -1
- package/dist/tegel/p-c4f701f6.entry.js +0 -1
- package/dist/tegel/p-c61ecc8e.entry.js +0 -1
- package/dist/tegel/p-cf7af8f2.entry.js +0 -1
- package/dist/tegel/p-f9c17612.entry.js +0 -1
|
@@ -70,10 +70,10 @@ const TdsTableToolbar = class {
|
|
|
70
70
|
return styles;
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
|
-
return (h(Host, { key: '
|
|
73
|
+
return (h(Host, { key: 'e7ce21fcad3bfbc9f93088f777855baa9c6e3869', class: {
|
|
74
74
|
'tds-table--compact': this.compactDesign,
|
|
75
75
|
'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
|
|
76
|
-
}, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '
|
|
76
|
+
}, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '7310ec2851d440ba6529eb2d48bb20bcb508429f', class: "tds-table__upper-bar-flex" }, h("div", { key: '5b901252d433968edb04de20a25ea9c09bb39b4b', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: '661f8de9fe38cd72b098251b027c7e6f554033e5', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: '8d00d01e2ac92c75f95dc6ae89e7b8769cde6dc1', name: "start" })), h("div", { key: 'fd28cb512ed5ad997cdb1f0b1dff8f7489f95db5', class: "tds-table__actionbar" }, this.filter && (h("div", { key: 'fb2649d623a21eeb1a8c3ed5c512d02d7bbb2efc', class: "tds-table__searchbar" }, h("input", { key: '9cd1284bec12081a2e99996eb6bd160ac926b751', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: '015060f9c59d06c430fabb0acabb8b476a477616', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '5f990c7f452a46bb0471dd658f24afd848d029e9', name: "search", size: "20px" })))), h("slot", { key: 'a91b2aee680ef316d2fdd46d46bfe9ec3eb3e314', name: "end" })))));
|
|
77
77
|
}
|
|
78
78
|
get host() { return getElement(this); }
|
|
79
79
|
};
|
|
@@ -17,7 +17,7 @@ const TdsTag = class {
|
|
|
17
17
|
[`${this.size.toLowerCase()}`]: true,
|
|
18
18
|
[`${this.variant.toLowerCase()}`]: true,
|
|
19
19
|
});
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: 'ce69caedf87367e14db73628ff7948fca1580073', class: getTagClasses() }, h("div", { key: 'fbdddb159c5e590cca490df2ff2bf53602fc3265', class: "tds-tag__content" }, hasPrefixSlot && h("slot", { key: '77e44bf68f83708da2bdf7dcf50878d43638df97', name: "prefix" }), h("span", { key: '27aa436683c94063a3a041c6679d622e5f621d92' }, this.text))));
|
|
21
21
|
}
|
|
22
22
|
get host() { return getElement(this); }
|
|
23
23
|
};
|
|
@@ -33,6 +33,8 @@ const TdsTextField = class {
|
|
|
33
33
|
this.maxLength = undefined;
|
|
34
34
|
this.autofocus = false;
|
|
35
35
|
this.tdsAriaLabel = undefined;
|
|
36
|
+
this.required = false;
|
|
37
|
+
this.autocomplete = 'off';
|
|
36
38
|
this.focusInput = false;
|
|
37
39
|
}
|
|
38
40
|
handleChange(event) {
|
|
@@ -77,7 +79,7 @@ const TdsTextField = class {
|
|
|
77
79
|
var _a;
|
|
78
80
|
const usesPrefixSlot = hasSlot('prefix', this.host);
|
|
79
81
|
const usesSuffixSlot = hasSlot('suffix', this.host);
|
|
80
|
-
return (h("div", { key: '
|
|
82
|
+
return (h("div", { key: '3a072497874b410339fc3368f49b9048fdcc6641', class: {
|
|
81
83
|
'form-text-field': true,
|
|
82
84
|
'form-text-field-nomin': this.noMinWidth,
|
|
83
85
|
'text-field-focus': this.focusInput && !this.disabled,
|
|
@@ -95,12 +97,12 @@ const TdsTextField = class {
|
|
|
95
97
|
'form-text-field-sm': this.size === 'sm',
|
|
96
98
|
'form-text-field-error': this.state === 'error',
|
|
97
99
|
'form-text-field-success': this.state === 'success',
|
|
98
|
-
} }, this.labelPosition === 'outside' && (h("div", { key: '
|
|
100
|
+
} }, this.labelPosition === 'outside' && (h("div", { key: '190b617811d0993b85b3df6951a41678bc51879e', class: "text-field-label-outside" }, h("label", { key: '6e5099cc43259b790d83d3f127e85463e58c9ac2', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: 'd5064e04015238d38a70b09c9eba4cbbb1da19cb', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: '69af0c24b21e3edda262749538cc9775c501e115', class: {
|
|
99
101
|
'text-field-slot-wrap-prefix': true,
|
|
100
102
|
'text-field-error': this.state === 'error',
|
|
101
103
|
'text-field-success': this.state === 'success',
|
|
102
104
|
'text-field-default': this.state === 'default',
|
|
103
|
-
} }, h("slot", { key: '
|
|
105
|
+
} }, h("slot", { key: 'f397647f1458b1d132080cb15b92be60e2942459', name: "prefix" }))), h("div", { key: '33674576cce732cc66e7ca830669b7535aea7f00', class: "text-field-input-container" }, h("input", { key: 'a27eca3e8862b099475fd46c2182f86d7d110533', ref: (inputEl) => {
|
|
104
106
|
this.textInput = inputEl;
|
|
105
107
|
}, class: {
|
|
106
108
|
'text-field-input': true,
|
|
@@ -115,13 +117,13 @@ const TdsTextField = class {
|
|
|
115
117
|
if (!this.readOnly) {
|
|
116
118
|
this.handleBlur(event);
|
|
117
119
|
}
|
|
118
|
-
}, "aria-invalid": getAriaInvalid(this.host, this.state), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}
|
|
120
|
+
}, "aria-invalid": getAriaInvalid(this.host, this.state), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '7671a287273c976a1ad73032020838d6c4cedab0', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (h("div", { key: '19a93786e8647aa1d2e5b9a9b80c71c250330d8d', class: {
|
|
119
121
|
'text-field-slot-wrap-suffix': true,
|
|
120
122
|
'text-field-error': this.state === 'error',
|
|
121
123
|
'text-field-success': this.state === 'success',
|
|
122
124
|
'text-field-default': this.state === 'default',
|
|
123
125
|
'tds-u-display-none': this.readOnly,
|
|
124
|
-
} }, h("slot", { key: '
|
|
126
|
+
} }, h("slot", { key: 'dd76e5bb941bc791caa395206be040319e00a708', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '2ba57774f40412b9a337ef7bf47ce65bcf44a704', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: 'bfb0f704470e77f9ce6e11fe3d01af3dd8569015', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '28ded9080cb2abfe6a06b284af3807584f4dda02', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: '636205c9e69b3a2602ea0b8817a585e5cd4e16b2', "aria-live": "assertive" }, (this.helper || this.maxLength > 0) && (h("div", { key: '4ece49df31864f53d0fadc3709cd06d34da6830a', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: 'ba1e7f916ebbfa6775b46febed47e4bf55af9fd3', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: '45eb885352b32dd3483a1c01f4dbaa49fcfda8ba', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && this.maxLength > 0 && (h("span", { key: '9934f078456a0af683b0d1f8a997c5484e58868c', class: {
|
|
125
127
|
'text-field-textcounter-divider': true,
|
|
126
128
|
'text-field-textcounter-disabled': this.disabled,
|
|
127
129
|
} }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, " / ", this.maxLength)))))));
|
|
@@ -70,7 +70,7 @@ const TdsTextarea = class {
|
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
72
|
var _a;
|
|
73
|
-
return (h("div", { key: '
|
|
73
|
+
return (h("div", { key: '0e1e8c392e63be0a7e1724f3351e4859eb6501a7', class: {
|
|
74
74
|
'textarea-container': true,
|
|
75
75
|
'textarea-label-inside': this.labelPosition === 'inside',
|
|
76
76
|
'textarea-focus': this.focusInput,
|
|
@@ -80,7 +80,7 @@ const TdsTextarea = class {
|
|
|
80
80
|
'textarea-data': this.value !== '',
|
|
81
81
|
[`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
|
|
82
82
|
'no-min-width': this.noMinWidth,
|
|
83
|
-
} }, this.labelPosition !== 'no-label' && (h("label", { key: '
|
|
83
|
+
} }, this.labelPosition !== 'no-label' && (h("label", { key: '674206c9897b2e6f8ed4742e4bf4b9db5740a302', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), h("div", { key: '808b87787dbdb3386bdf528051eb7ab991259e30', class: "textarea-wrapper" }, h("textarea", { key: 'bb9871a2b0f4d88ac150fb8b550c2d5001b9cc2d', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
|
|
84
84
|
this.textEl = inputEl;
|
|
85
85
|
}, 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: (event) => {
|
|
86
86
|
if (!this.readOnly) {
|
|
@@ -90,7 +90,7 @@ const TdsTextarea = class {
|
|
|
90
90
|
if (!this.readOnly) {
|
|
91
91
|
this.handleBlur(event);
|
|
92
92
|
}
|
|
93
|
-
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": getAriaInvalid(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}` }), h("span", { key: '
|
|
93
|
+
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": getAriaInvalid(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}` }), h("span", { key: 'f9fc9c3136ec57b6f0becd8602c6353f0c8848dd', class: "textarea-resizer-icon" }, h("svg", { key: '8b7f6fe75e111c7d4de27a1a6d30c430cd136753', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("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 && (h("span", { key: 'df897e9b418dc4b7a2fefc152f0f850278695211', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: 'd350ce47947ccd11fea39f06b5ae6e7cdba84ca9', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '327fd5153c188dcc171d6cbed2727716148157b1', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), h("span", { key: '5625f2580ce1724b5462e00c8024fb7b9c3f3107', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (h("tds-icon", { key: '2873a82b45675d1e09a07de357386b0ea83ed054', name: "error", size: "16px" })), this.helper), this.maxLength > 0 && (h("div", { key: '0a54c37e440f4740e373943bfd48001e8f8f39e6', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: '53f25f455440e8383bd1dabba20cce266fe78074', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
|
|
94
94
|
}
|
|
95
95
|
get host() { return getElement(this); }
|
|
96
96
|
};
|
|
@@ -66,12 +66,12 @@ const TdsToast = class {
|
|
|
66
66
|
const usesHeaderSlot = hasSlot('header', this.host);
|
|
67
67
|
const usesSubheaderSlot = hasSlot('subheader', this.host);
|
|
68
68
|
const usesActionsSlot = hasSlot('actions', this.host);
|
|
69
|
-
return (h(Host, { key: '
|
|
69
|
+
return (h(Host, { key: '09db24b58ba05daeba3e00ae880e86e700a43c2d', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
|
|
70
70
|
hide: this.hidden,
|
|
71
71
|
show: !this.hidden,
|
|
72
|
-
} }, h("div", { key: '
|
|
72
|
+
} }, h("div", { key: '253a018ec0eea9e17f72200f52a38e71802f2902', class: `
|
|
73
73
|
wrapper
|
|
74
|
-
${this.variant}` }, h("tds-icon", { key: '
|
|
74
|
+
${this.variant}` }, h("tds-icon", { key: '953f414876c38ffb05bc0c684850ab53df124b5e', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: 'eb1ec8eb50cf3e05ecd880c427804626d9e4c51b', class: `content` }, h("div", { key: '97a0f4cb5ec278ad6a22051328461a9e0e1ce0ff', class: "header-subheader" }, this.header && h("div", { key: 'b3ae30e072257f4a74e748e24991bbab72a80c01', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '761fac1eda5bedd6c36d00be0548109c4f774af9', name: "header" }), this.subheader && h("div", { key: 'b4916a19416d8c0bfbdc0ef3d98fefda6ea96c86', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '62813da86efbf2ddf089a4931e11f774d6d27491', name: "subheader" })), usesActionsSlot && (h("div", { key: '93ec29dca445466da32ea2dc1c04bef76b8dc79e', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: 'fa9aeb95c9c569e77f85e3b65d993064e35dad81', name: "actions" })))), this.closable && (h("button", { key: '0d0aad78ebd983647774a2afdb593a7aa4e2dbf9', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'df6e7efeef43689bf44c101d23e5ce725d087951', name: "cross", size: "20px", svgTitle: "cross" }))))));
|
|
75
75
|
}
|
|
76
76
|
get host() { return getElement(this); }
|
|
77
77
|
};
|
|
@@ -42,12 +42,12 @@ const TdsToggle = class {
|
|
|
42
42
|
this.labelSlot = this.host.querySelector("[slot='label']");
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: 'c3317c42904e33fd2936aa01ce064f87d33786e3', class: "tds-toggle" }, this.headline && (h("div", { key: '9c2280058b2fbc09e0663dc5e92d4d3dd413cc83', class: {
|
|
46
46
|
'toggle-headline': true,
|
|
47
47
|
'disabled': this.disabled,
|
|
48
|
-
} }, this.headline)), h("input", { key: '
|
|
48
|
+
} }, this.headline)), h("input", { key: 'b5e5cfee5c3115c1039e816bbd6f7751cf6a5f6c', ref: (inputEl) => {
|
|
49
49
|
this.inputElement = inputEl;
|
|
50
|
-
}, "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '
|
|
50
|
+
}, "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '9eedb6f2c2a0494e2b59f392764c27b143dcecee', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '11346fe1d7f4ea0da665b153ae25af9e084a0602', name: "label" })))));
|
|
51
51
|
}
|
|
52
52
|
get host() { return getElement(this); }
|
|
53
53
|
};
|
|
@@ -60,7 +60,7 @@ const TdsTooltip = class {
|
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
62
|
var _a;
|
|
63
|
-
return (h(Host, { key: '
|
|
63
|
+
return (h(Host, { key: '69ced518e10ea5d65da8266257d7f7bba5db3f63', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '9511b6fb5dcd5a270de5b6f9b50b40271b4f5030' }, this.inheritedAttributes, { class: {
|
|
64
64
|
'tds-tooltip': true,
|
|
65
65
|
[`tds-tooltip-${this.border}`]: true,
|
|
66
66
|
[(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
|
|
@@ -73,7 +73,7 @@ const TdsTooltip = class {
|
|
|
73
73
|
// @ts-ignore
|
|
74
74
|
onInternalTdsClose: () => {
|
|
75
75
|
this.show = false;
|
|
76
|
-
}, defaultShow: this.defaultShow }), this.text, h("slot", { key: '
|
|
76
|
+
}, defaultShow: this.defaultShow }), this.text, h("slot", { key: '8fb6467b2d1fa2ce6a70a171966ff245f8205b55' }))));
|
|
77
77
|
}
|
|
78
78
|
get host() { return getElement(this); }
|
|
79
79
|
};
|
package/dist/esm/tegel.js
CHANGED
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy(JSON.parse("[[\"tds-header-launcher\",[[1,\"tds-header-launcher\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-header-dropdown\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-slider\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"sliderId\":[1,\"slider-id\"],\"tdsReadOnlyAriaLabel\":[1,\"tds-read-only-aria-label\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-table-footer\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-card\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"stretch\":[4],\"cardId\":[1,\"card-id\"],\"expandable\":[4],\"expanded\":[1540]}]]],[\"tds-header-hamburger\",[[1,\"tds-header-hamburger\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-textarea\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"hideReadOnlyIcon\":[4,\"hide-read-only-icon\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autofocus\":[4],\"noMinWidth\":[4,\"no-min-width\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-header-brand-symbol\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[4],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-side-menu-user\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[516],\"paddingReset\":[4,\"padding-reset\"],\"ariaLevelValue\":[1,\"aria-level-value\"],\"toggleAccordionItem\":[64],\"expand\":[64],\"collapse\":[64],\"isExpanded\":[64]}]]],[\"tds-banner\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"roleType\":[1,\"role-type\"],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-datetime\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"helper\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"reset\":[64],\"setValue\":[64],\"focusElement\":[64]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-folder-tabs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"tdsListAriaLabel\":[1,\"tds-list-aria-label\"],\"open\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"tds-header-cell\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"disablePadding\":[516,\"disable-padding\"],\"tdsAriaLabelSortButton\":[513,\"tds-aria-label-sort-button\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-launcher-list\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-modal\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"closable\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"isShown\":[32],\"activeElementIndex\":[32],\"showModal\":[64],\"closeModal\":[64],\"isOpen\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]},[[10,\"keydown\",\"handleFocusTrap\"]]]]],[\"tds-navigation-tabs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"modeVariant\":[1,\"mode-variant\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-step\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"tdsAriaCurrent\":[1,\"tds-aria-current\"],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-input-wrapper\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-header-input-wrapper\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"tdsSearchAriaLabel\":[1,\"tds-search-aria-label\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-toast\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"tdsCloseAriaLabel\":[1,\"tds-close-aria-label\"],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-accordion\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"tdsAriaLabel\":[32],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"],\"componentTag\":[1,\"component-tag\"]}]]],[\"tds-body-cell\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs\",[[1,\"tds-breadcrumbs\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-chip\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]},[[16,\"internalRadioOnChange\",\"handleInternaRadioChange\"]]]]],[\"tds-folder-tab\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item\",[[1,\"tds-footer-item\"]]],[\"tds-header\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4],\"standalone\":[4]}]]],[\"tds-navigation-tab\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"tdsTabIndex\":[2,\"tds-tab-index\"],\"focusElement\":[64]}]]],[\"tds-side-menu\",[[1,\"tds-side-menu\",{\"open\":[1028],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32],\"activeElementIndex\":[32]},[[8,\"keydown\",\"handleKeyDown\"],[10,\"keydown\",\"handleFocusTrap\"],[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"],\"open\":[\"onOpenChange\"]}]]],[\"tds-side-menu-dropdown-list\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"dropdownHasUser\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"tdsAriaLabelExpandButton\":[513,\"tds-aria-label-expand-button\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"tds-tag\",[[6,\"tds-tag\",{\"text\":[1],\"size\":[1],\"variant\":[1]}]]],[\"tds-toggle\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"toggle\":[64],\"focusElement\":[64]}]]],[\"tds-header-launcher-button\",[[1,\"tds-header-launcher-button\",{\"active\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-tooltip\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-text-field\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"hideReadOnlyIcon\":[4,\"hide-read-only-icon\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-header-dropdown-list\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-dropdown_2\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"internalValue\":[32],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]},null,{\"value\":[\"valueWatcher\"]}],[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[8,\"default-value\"],\"value\":[1032],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"internalValue\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"internalDefaultValue\":[32],\"selectedOptions\":[32],\"filterQuery\":[32],\"setValue\":[64],\"reset\":[64],\"removeValue\":[64],\"focusElement\":[64],\"close\":[64],\"updateDisplay\":[64],\"appendValue\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"focusin\",\"onFocusIn\"],[0,\"focusout\",\"onFocusOut\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-canvas\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"modeVariant\":[1,\"mode-variant\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-button_2\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"animation\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"name\":[1],\"value\":[1],\"onlyIcon\":[32]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]]],[1,\"tds-divider\",{\"orientation\":[1],\"variant\":[1]}]]],[\"tds-side-menu-user-image_2\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32],\"hasUserComponent\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-checkbox\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"],\"toggleCheckbox\":[64],\"focusElement\":[64]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-popover-core\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"trigger\":[1],\"autoHide\":[4,\"auto-hide\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"openedByKeyboard\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"],[8,\"keydown\",\"handleKeydown\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"],\"isShown\":[\"onIsShownChange\"]}]]],[\"tds-core-header-item_2\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"tdsAriaHidden\":[4,\"tds-aria-hidden\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
|
|
19
|
+
return bootstrapLazy(JSON.parse("[[\"tds-header-launcher\",[[1,\"tds-header-launcher\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-header-dropdown\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-slider\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"sliderId\":[1,\"slider-id\"],\"tdsReadOnlyAriaLabel\":[1,\"tds-read-only-aria-label\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-table-footer\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-card\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"stretch\":[4],\"cardId\":[1,\"card-id\"],\"expandable\":[4],\"expanded\":[1540]}]]],[\"tds-header-hamburger\",[[1,\"tds-header-hamburger\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-textarea\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"hideReadOnlyIcon\":[4,\"hide-read-only-icon\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autofocus\":[4],\"noMinWidth\":[4,\"no-min-width\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-header-brand-symbol\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[4],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-side-menu-user\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[516],\"paddingReset\":[4,\"padding-reset\"],\"ariaLevelValue\":[1,\"aria-level-value\"],\"toggleAccordionItem\":[64],\"expand\":[64],\"collapse\":[64],\"isExpanded\":[64]}]]],[\"tds-banner\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"roleType\":[1,\"role-type\"],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-datetime\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"helper\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"reset\":[64],\"setValue\":[64],\"focusElement\":[64]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-folder-tabs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"tdsListAriaLabel\":[1,\"tds-list-aria-label\"],\"open\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"tds-header-cell\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"disablePadding\":[516,\"disable-padding\"],\"tdsAriaLabelSortButton\":[513,\"tds-aria-label-sort-button\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-launcher-list\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-modal\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"closable\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"isShown\":[32],\"activeElementIndex\":[32],\"showModal\":[64],\"closeModal\":[64],\"isOpen\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]},[[10,\"keydown\",\"handleFocusTrap\"]]]]],[\"tds-navigation-tabs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"modeVariant\":[1,\"mode-variant\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-step\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"tdsAriaCurrent\":[1,\"tds-aria-current\"],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-input-wrapper\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-header-input-wrapper\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"tdsSearchAriaLabel\":[1,\"tds-search-aria-label\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-toast\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"tdsCloseAriaLabel\":[1,\"tds-close-aria-label\"],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-accordion\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"tdsAriaLabel\":[32],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"],\"componentTag\":[1,\"component-tag\"]}]]],[\"tds-body-cell\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs\",[[1,\"tds-breadcrumbs\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-chip\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]},[[16,\"internalRadioOnChange\",\"handleInternaRadioChange\"]]]]],[\"tds-folder-tab\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item\",[[1,\"tds-footer-item\"]]],[\"tds-header\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4],\"standalone\":[4]}]]],[\"tds-navigation-tab\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"tdsTabIndex\":[2,\"tds-tab-index\"],\"focusElement\":[64]}]]],[\"tds-side-menu\",[[1,\"tds-side-menu\",{\"open\":[1028],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32],\"activeElementIndex\":[32]},[[8,\"keydown\",\"handleKeyDown\"],[10,\"keydown\",\"handleFocusTrap\"],[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"],\"open\":[\"onOpenChange\"]}]]],[\"tds-side-menu-dropdown-list\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"dropdownHasUser\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"tdsAriaLabelExpandButton\":[513,\"tds-aria-label-expand-button\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"tds-tag\",[[6,\"tds-tag\",{\"text\":[1],\"size\":[1],\"variant\":[1]}]]],[\"tds-toggle\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"toggle\":[64],\"focusElement\":[64]}]]],[\"tds-header-launcher-button\",[[1,\"tds-header-launcher-button\",{\"active\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-tooltip\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-text-field\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"hideReadOnlyIcon\":[4,\"hide-read-only-icon\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"required\":[4],\"autocomplete\":[1],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-header-dropdown-list\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-dropdown_2\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"internalValue\":[32],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]},null,{\"value\":[\"valueWatcher\"]}],[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[8,\"default-value\"],\"value\":[1032],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"internalValue\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"internalDefaultValue\":[32],\"selectedOptions\":[32],\"filterQuery\":[32],\"setValue\":[64],\"reset\":[64],\"removeValue\":[64],\"focusElement\":[64],\"close\":[64],\"updateDisplay\":[64],\"appendValue\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"focusin\",\"onFocusIn\"],[0,\"focusout\",\"onFocusOut\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-canvas\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"modeVariant\":[1,\"mode-variant\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-button_2\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"animation\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"name\":[1],\"value\":[1],\"onlyIcon\":[32]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]]],[1,\"tds-divider\",{\"orientation\":[1],\"variant\":[1]}]]],[\"tds-side-menu-user-image_2\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32],\"hasUserComponent\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-checkbox\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"],\"toggleCheckbox\":[64],\"focusElement\":[64]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-popover-core\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"trigger\":[1],\"autoHide\":[4,\"auto-hide\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"openedByKeyboard\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"],[8,\"keydown\",\"handleKeydown\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"],\"isShown\":[\"onIsShownChange\"]}]]],[\"tds-core-header-item_2\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"tdsAriaHidden\":[4,\"tds-aria-hidden\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
|
|
20
20
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as
|
|
1
|
+
import{r as t,c as e,h as a,H as s,g as o}from"./p-2049fab2.js";const i=["compactDesign","horizontalScrollWidth"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const d=class{constructor(a){t(this,a),this.tdsPagination=e(this,"tdsPagination",7),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.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)},this.pagination=!1,this.paginationValue=1,this.rowsperpage=!0,this.rowsPerPageValues=[10,25,50],this.pages=null,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.lastCorrectValue=void 0,this.tableId="",this.horizontalScrollWidth=null,this.rowsPerPageValue=this.rowsPerPageValues[0]}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]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]})),this.storeLastCorrectValue(this.paginationValue);const t=this.host.parentElement.querySelector("tds-table-header").childElementCount;this.columnsNumber=this.cols?this.cols: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)}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.paginationValue>this.pages&&(this.paginationValue=this.pages),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){var t;return a(s,{key:"d064beda251b663ad3afccebc98fb4718e3f1d09",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},a("tr",{key:"02d6c97e498e44ad70c86fd08cc665a8b89e2a07",class:"tds-table__footer-row"},a("td",{key:"e9d64ea0f3be240867d886973a40c557fe9899da",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&a("div",{key:"4a8f3f921a4e103a1a14e368a4702cd8f6ceb18b",class:"tds-table__pagination"},a("div",{key:"c536fb9916071677bf20f033ebb184d469aa0774",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&a("div",{key:"5a935d6c92a574e1ea0a081e955916526ec9da45",class:"rows-per-page"},a("p",{key:"ae9f908bc6803a814236a56e5801857a1989df54"},"Rows per page"),a("tds-dropdown",{key:"1bcac2201accc7d613250c8f38b77ddc04bfb463",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",defaultValue:`${this.rowsPerPageValues[0]}`,onTdsChange:t=>this.rowsPerPageChange(t)},this.rowsPerPageValues.map((t=>a("tds-dropdown-option",{value:`${t}`},t)))))),a("div",{key:"08f90bbe4dd64812b95de4be540c65afea1a5d7c",class:"tds-table__page-selector"},a("input",{key:"4e780ad0a24f39df03edc044d110b6278589a61a",ref: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}),a("p",{key:"538690df3c6bef86bf14fe8b7c967b89257e5cb7",class:"tds-table__footer-text"},"of ",a("span",{key:"ec38ac0b07103bea8aec7ba3e7e88d73c2a756cb"},this.pages)," pages"),a("button",{key:"f196e4b87144a6e66a6a3d0451ca0d4ba32bd1af",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},a("tds-icon",{key:"80041ff46837e3ba072b740cf79d1cf9bbf21b63",name:"skip_backwards",size:"20px"})),a("button",{key:"c51d570daeb97dbe2cae4e344eb51b97d88bb10a",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},a("tds-icon",{key:"bc02c69dc75f412fac63d952458d0ea06530593c",name:"chevron_left",size:"20px"})),a("button",{key:"df29a47121d892642b24533a0e132d1f2d13d545",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},a("tds-icon",{key:"b2ae455a7a62c647f5c79cfc8f41bcae4b41b12d",name:"chevron_right",size:"20px"})),a("button",{key:"d333d73217b7ed86841810bd342e2dd3152ef560",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},a("tds-icon",{key:"9d94abd5c17bc50b6a33c21dcc74b2689d514f2a",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}};d.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{d as tds_table_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as
|
|
1
|
+
import{r as e,h as t,H as o,g as d}from"./p-2049fab2.js";const s=["multiselect","expandableRows","zebraMode"],a=class{constructor(t){e(this,t),this.bodyCheckBoxClicked=()=>{const e=this.host.getElementsByClassName("tds-table__row").length,t=this.host.getElementsByClassName("tds-table__row--selected").length;this.mainCheckboxStatus=e===t},this.multiselect=!1,this.enablePaginationTableBody=!1,this.expandableRows=!1,this.multiselectArray=[],this.multiselectArrayJSON=void 0,this.mainCheckboxStatus=!1,this.columnsNumber=0,this.zebraMode="none",this.tableId=""}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>s.includes(e))).forEach((t=>{if(void 0===this[t])throw new Error(`Table prop is not supported: ${t}`);this[t]=e.detail[t]}))}bodyCheckboxListener(){this.bodyCheckBoxClicked()}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){s.forEach((e=>{this[e]=this.tableEl[e]}))}componentWillRender(){const e=this.host.parentElement.querySelector("tds-table-header").children.length;this.columnsNumber=this.multiselect||this.expandableRows?e+1:e}render(){return t(o,{key:"f9472ae9b1dcad43aab101811dfe858dea4851e9","data-selected-rows":this.multiselectArrayJSON,class:{"tds-table--zebra-mode-rows-odd":"rows-odd"===this.zebraMode,"tds-table--zebra-mode-rows-even":"rows-even"===this.zebraMode,"tds-table--zebra-mode-columns-odd":"columns-odd"===this.zebraMode,"tds-table--zebra-mode-columns-even":"columns-even"===this.zebraMode}},t("slot",{key:"61a0ec649d2f7f51ca386c46335a6ae018c993d0"}))}get host(){return d(this)}};a.style=":host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}:host .tds-table__info-message,tds-table-body .tds-table__info-message{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}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell.tds-table__body-cell--hover:nth-child(odd){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell.tds-table__body-cell--hover:nth-child(even){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-table-body-row:hover tds-body-cell,tds-table-body.tds-table--zebra-mode-columns-odd tds-table-body-row:hover tds-body-cell{background-color:transparent}";export{a as tds_table_body}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as
|
|
1
|
+
import{r as t,h as o,H as r,g as s}from"./p-2049fab2.js";import{g as a}from"./p-11648030.js";const e=class{constructor(o){t(this,o),this.uuid=a(),this.handleSlottedItemClick=t=>{const o=t.target.tagName.toLowerCase();["a","button"].includes(o)&&(this.open=!1)},this.label=void 0,this.noDropdownIcon=!1,this.selected=!1,this.tdsAriaLabel=void 0,this.open=!1,this.buttonEl=void 0}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){"Escape"===t.key&&this.open&&(this.open=!1,this.buttonEl.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{const t="a, [tabindex='0']",o=this.host.shadowRoot.querySelector(t)||this.host.querySelector(t);o instanceof HTMLElement&&o.focus()}))}render(){return o(r,{key:"0b5e0474e13db90b9a61f8177b4191d26f542d9f"},o("div",{key:"b45a13bc693415d7ff3d48cca6e5899202f3d24a",class:{"state-open":this.open}},o("tds-header-item",{key:"d8bd0a9a07ac2f1e816faf7790756ba496918165",class:"button",active:this.open,selected:this.selected},o("button",{key:"8636bf077ec6e58463dd2b422621d7d56a29c38f",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},o("slot",{key:"f2e9701f7d939ad630c9bcc37ad4aab77de189eb",name:"icon"}),this.label,o("slot",{key:"51e0e5b9f10a8feb8df8a1ef7474ec7ac14e1242",name:"label"}),!this.noDropdownIcon&&o("tds-icon",{key:"d7476899681822df78fb75fe8dbeaf08cd076ba7",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&o("tds-popover-canvas",{key:"79f9338c0c92ff4aa1baa6331c303c19d846557f",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?o("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},o("slot",null)):null)))}get host(){return s(this)}};e.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}: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;background:var(--tds-scrollbar-hover-thumb-color);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:40px;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{e as tds_header_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as d,g as i}from"./p-2049fab2.js";import{h as l}from"./p-ae110fc2.js";import{g as s}from"./p-11648030.js";import{g as r}from"./p-bbf9492a.js";const o=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.uuid=s(),this.type="text",this.labelPosition="no-label",this.label="",this.min=void 0,this.max=void 0,this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.tdsAriaLabel=void 0,this.required=!1,this.autocomplete="off",this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target;let{value:d}=e;if("number"===this.type){const t=Number(d);void 0!==this.min&&t<Number(this.min)&&(d=String(this.min)),void 0!==this.max&&t>Number(this.max)&&(d=String(this.max)),e.value=d}this.value=d,this.tdsInput.emit(t)}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{key:"3a072497874b410339fc3368f49b9048fdcc6641",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&d("div",{key:"190b617811d0993b85b3df6951a41678bc51879e",class:"text-field-label-outside"},d("label",{key:"6e5099cc43259b790d83d3f127e85463e58c9ac2",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),d("div",{key:"d5064e04015238d38a70b09c9eba4cbbb1da19cb",onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{key:"69af0c24b21e3edda262749538cc9775c501e115",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},d("slot",{key:"f397647f1458b1d132080cb15b92be60e2942459",name:"prefix"})),d("div",{key:"33674576cce732cc66e7ca830669b7535aea7f00",class:"text-field-input-container"},d("input",{key:"a27eca3e8862b099475fd46c2182f86d7d110533",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-invalid":r(this.host,this.state),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`,required:this.required,autocomplete:this.autocomplete}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{key:"7671a287273c976a1ad73032020838d6c4cedab0",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),i&&d("div",{key:"19a93786e8647aa1d2e5b9a9b80c71c250330d8d",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},d("slot",{key:"dd76e5bb941bc791caa395206be040319e00a708",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&d("span",{key:"2ba57774f40412b9a337ef7bf47ce65bcf44a704",class:"text-field-icon__readonly"},d("tds-tooltip",{key:"bfb0f704470e77f9ce6e11fe3d01af3dd8569015",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),d("tds-icon",{key:"28ded9080cb2abfe6a06b284af3807584f4dda02",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),d("div",{key:"636205c9e69b3a2602ea0b8817a585e5cd4e16b2","aria-live":"assertive"},(this.helper||this.maxLength>0)&&d("div",{key:"4ece49df31864f53d0fadc3709cd06d34da6830a",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&d("div",{key:"ba1e7f916ebbfa6775b46febed47e4bf55af9fd3",class:"text-field-helper-error-state"},!this.readOnly&&d("tds-icon",{key:"45eb885352b32dd3483a1c01f4dbaa49fcfda8ba",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&this.maxLength>0&&d("span",{key:"9934f078456a0af683b0d1f8a997c5484e58868c",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length," / ",this.maxLength))))}get host(){return i(this)}};o.style=".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);border-top:1px solid transparent;transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{border:2px solid var(--tds-focus-outline-color);margin:0 -2px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}";export{o as tds_text_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as o,g as s}from"./p-2049fab2.js";import{d as n}from"./p-52bf0fdf.js";const i=class{constructor(e){t(this,e),this.selected=!1,this.active=!1,this.collapsed=!1,this.hasUserComponent=!1}findSlottedAndExecute(t,e){const o=this.slotEl.assignedElements({flatten:!0})[0];if(o){const s=n(o,t);s&&e(s)}}updateSlottedElements(){this.slotEl&&this.findSlottedAndExecute((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>{t.classList.add("__tds-side-menu-item-icon"),this.collapsed?t.classList.add("__tds-side-menu-item-icon-collapsed"):t.classList.remove("__tds-side-menu-item-icon-collapsed")}))}updateHasUserComponent(){if(this.slotEl){const t=t=>"tds-side-menu-user"===t.tagName.toLowerCase();this.hasUserComponent=!1,this.findSlottedAndExecute(t,(()=>{this.hasUserComponent=!0}))}}connectedCallback(){var t;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=null===(t=this.sideMenuEl)||void 0===t?void 0:t.collapsed}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.updateHasUserComponent(),this.slotEl.addEventListener("slotchange",(()=>{this.updateSlottedElements(),this.updateHasUserComponent()}))}collapseSideMenuEventHandler(t){this.collapsed=t.detail.collapsed,this.updateSlottedElements(),this.updateHasUserComponent()}render(){return e(o,{key:"94dc12f57a0eedb5ab1528394352c4a7fcea55ff"},e("div",{key:"3336a6d1af3c573fdbbbf590fae2be3381c89163",class:{component:!0,"component-selected":this.selected,"component-active":this.active,"component-collapsed":this.collapsed,"component-has-user":this.hasUserComponent}},e("slot",{key:"5c92976a5aa367142e2af23fdacb6d67c3d2b36c"})))}get host(){return s(this)}};i.style=':host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:10px;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);cursor:pointer}:host .component ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:16px;padding:0 22px 0 16px;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);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button),:host .component:hover ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a)::before,:host .component:hover ::slotted(button)::before,:host .component:hover ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:hover ::slotted(a:focus-visible),:host .component:hover ::slotted(button:focus-visible),:host .component:hover ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a:focus-visible)::before,:host .component:hover ::slotted(button:focus-visible)::before,:host .component:hover ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:active ::slotted(a),:host .component:active ::slotted(button),:host .component:active ::slotted(tds-side-menu-user){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a)::before,:host .component:active ::slotted(button)::before,:host .component:active ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component:active ::slotted(a:focus-visible),:host .component:active ::slotted(button:focus-visible),:host .component:active ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a:focus-visible)::before,:host .component:active ::slotted(button:focus-visible)::before,:host .component:active ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}';export{i as tds_side_menu_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as r}from"./p-2049fab2.js";const n=class{constructor(r){s(this,r),this.size="lg",this.variant="standard"}render(){return r("div",{key:"
|
|
1
|
+
import{r as s,h as r}from"./p-2049fab2.js";const n=class{constructor(r){s(this,r),this.size="lg",this.variant="standard"}render(){return r("div",{key:"2d27b4a94cd9dc205e11f18ecc6b249572912eac","aria-live":"assertive",role:"status","aria-label":"loading"},r("svg",{key:"a372dada808ed13b8c2c6ef4de9c559f59d9e9f2",class:`tds-spinner-svg tds-spinner-svg-${this.size}`,"aria-hidden":"true"},r("circle",{key:"153f00da5e87ba55dc569b511cd184f93c1740c7",class:`tds-spinner-circle tds-spinner-circle-${this.variant}`})))}};n.style=":root{--spinner-background-inverted:var(--tds-white)}:root,.scania,.scania .tds-mode-light{--spinner-background:var(--tds-blue-400)}.scania .tds-mode-dark{--spinner-background:var(--tds-blue-400)}.traton,.traton .tds-mode-light{--spinner-background:rgba(0, 72, 82, 1)}.traton .tds-mode-dark{--spinner-background:rgba(194, 191, 182, 1)}:root{--spinner-speed:1.8s;--spinner-speed-lg:2s;--spinner-radius-xs:8px;--spinner-radius-sm:12px;--spinner-radius-md:26px;--spinner-radius-lg:42px;--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width-xs:3px;--spinner-stroke-width-sm:4px;--spinner-stroke-width-md:6px;--spinner-stroke-width-lg:8px;--spinner-stroke-width:var(--spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-spinner-svg{display:block;width:calc(var(--spinner-radius) * 2);height:calc(var(--spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.tds-spinner-svg-xs{--spinner-radius:var(--spinner-radius-xs);--spinner-stroke-width:var(--spinner-stroke-width-xs);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-sm{--spinner-radius:var(--spinner-radius-sm);--spinner-stroke-width:var(--spinner-stroke-width-sm);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-md{--spinner-radius:var(--spinner-radius-md);--spinner-stroke-width:var(--spinner-stroke-width-md);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-lg{--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width:var(--spinner-stroke-width-lg);--spinner-animation-speed:var(--spinner-speed-lg)}.tds-spinner-circle{cx:var(--spinner-radius);cy:var(--spinner-radius);r:calc(var(--spinner-radius) - var(--spinner-stroke-width) / 2);fill:none;--spinner-stroke-dash:calc((2 * var(--PI)) * var(--spinner-radius));stroke-dasharray:var(--spinner-stroke-dash);stroke-width:var(--spinner-stroke-width);animation:dash var(--spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.tds-spinner-circle-standard{stroke:var(--spinner-background)}.tds-spinner-circle-inverted{stroke:var(--spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--spinner-stroke-dash))}to{stroke-dashoffset:var(--spinner-stroke-dash)}}";export{n as tds_spinner}
|
|
@@ -1 +1 @@
|
|
|
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=null,this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,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[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)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"
|
|
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=null,this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,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[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)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"8c8c4916fe50279d530f99d21fef8f4ceb89fe55",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"5850bbcf52dfadf7a08dbe420916d98ed6d14b41",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"9506486a1d6a2415bc8213cf1c0ab8c7789ad82c","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("tds-icon",{key:"e721ba34d2d703bd0ee2fe833e7859f282b6b332",name:"chevron_left",size:"20px"})),i("slot",{key:"ee2558c4a7d35d8d6355df59b735344151742884",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"6ac20fbd52634a08bd6ef369a45fe0ebb7de9d5d","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("tds-icon",{key:"20a1096cec8ef7e121200f469761fac9a2a5086d",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};h.style=':host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-folder-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-within::before,:host .scroll-left-button:focus-within::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}: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_folder_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as s,g as
|
|
1
|
+
import{r as t,h as r,H as s,g as a}from"./p-2049fab2.js";import{g as e}from"./p-11648030.js";import{i as o}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const h=class{constructor(r){t(this,r),this.uuid=e(),this.open=!1,this.buttonEl=void 0,this.hasListTypeMenu=!1,this.tdsAriaLabel=void 0}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){"Escape"===t.key&&this.open&&(this.open=!1,this.buttonEl.shadowRoot.querySelector("button").focus())}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{const t="a, [tabindex='0']",r=this.host.shadowRoot.querySelector(t)||this.host.querySelector(t);r instanceof HTMLElement&&r.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(s,{key:"214953326230ac1b5ab664b032783c20d9999531"},r("div",{key:"0efccd70365257b6f682b777bb6a3d056996aa82",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},r("tds-header-launcher-button",Object.assign({key:"677518edd231dedb813d59220699bf3b1f1469a6"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&r("tds-popover-canvas",{key:"7d9b39133b781601acb0d8f97237694209f8d355",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 a(this)}};h.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}: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;background:var(--tds-scrollbar-hover-thumb-color);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:40px;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{h as tds_header_launcher}
|