@scania/tegel 1.49.2-warning-beta.0 → 1.50.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/{index-DGsdvbvx.js → index-BaAHvBEQ.js} +97 -70
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/tds-accordion-item.cjs.entry.js +4 -4
- package/dist/cjs/tds-accordion.cjs.entry.js +3 -3
- package/dist/cjs/tds-badge.cjs.entry.js +3 -3
- package/dist/cjs/tds-banner.cjs.entry.js +3 -3
- package/dist/cjs/tds-block.cjs.entry.js +2 -2
- package/dist/cjs/tds-body-cell.cjs.entry.js +3 -3
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/tds-button_2.cjs.entry.js +5 -5
- package/dist/cjs/tds-card.cjs.entry.js +2 -2
- package/dist/cjs/tds-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/tds-chip.cjs.entry.js +2 -2
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +3 -3
- package/dist/cjs/tds-datetime.cjs.entry.js +4 -4
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +99 -144
- package/dist/cjs/tds-folder-tab.cjs.entry.js +3 -3
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +5 -3
- package/dist/cjs/tds-footer-group.cjs.entry.js +4 -4
- package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer.cjs.entry.js +3 -3
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-cell.cjs.entry.js +3 -3
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +2 -2
- 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 +3 -3
- 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 +2 -2
- package/dist/cjs/tds-inline-tab.cjs.entry.js +3 -3
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +5 -3
- package/dist/cjs/tds-link.cjs.entry.js +3 -3
- package/dist/cjs/tds-message.cjs.entry.js +3 -3
- package/dist/cjs/tds-modal.cjs.entry.js +3 -3
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +3 -3
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +7 -5
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +4 -4
- package/dist/cjs/tds-popover-core.cjs.entry.js +2 -2
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-popover-menu.cjs.entry.js +4 -4
- package/dist/cjs/tds-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +4 -4
- 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 +3 -3
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu.cjs.entry.js +4 -4
- package/dist/cjs/tds-slider.cjs.entry.js +10 -10
- package/dist/cjs/tds-spinner.cjs.entry.js +2 -2
- package/dist/cjs/tds-step.cjs.entry.js +2 -2
- package/dist/cjs/tds-stepper.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +8 -8
- package/dist/cjs/tds-table-body-row.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-footer.cjs.entry.js +6 -4
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-header.cjs.entry.js +3 -3
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +3 -3
- package/dist/cjs/tds-table.cjs.entry.js +4 -4
- package/dist/cjs/tds-tag.cjs.entry.js +2 -2
- package/dist/cjs/tds-text-field.cjs.entry.js +6 -6
- package/dist/cjs/tds-textarea.cjs.entry.js +4 -4
- package/dist/cjs/tds-toast.cjs.entry.js +4 -4
- package/dist/cjs/tds-toggle.cjs.entry.js +4 -4
- package/dist/cjs/tds-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/tegel.cjs.js +3 -3
- package/dist/collection/assets/icons/traton/edit_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/skip_backwards.svg +1 -0
- package/dist/collection/assets/icons/traton/skip_forward.svg +1 -0
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +7 -7
- package/dist/collection/components/accordion/accordion.js +4 -4
- package/dist/collection/components/badge/badge.js +5 -5
- package/dist/collection/components/banner/banner.js +8 -8
- package/dist/collection/components/block/block.js +3 -3
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +2 -2
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +2 -2
- package/dist/collection/components/button/button.js +14 -14
- package/dist/collection/components/card/card.js +12 -12
- package/dist/collection/components/checkbox/checkbox.js +10 -10
- package/dist/collection/components/chip/chip.js +8 -8
- package/dist/collection/components/datetime/datetime.js +19 -19
- package/dist/collection/components/divider/divider.js +3 -3
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +4 -4
- package/dist/collection/components/dropdown/dropdown.js +114 -161
- package/dist/collection/components/footer/footer-group/footer-group.js +5 -5
- package/dist/collection/components/footer/footer.js +3 -3
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +7 -7
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +3 -3
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +5 -5
- package/dist/collection/components/header/header-hamburger/header-hamburger.js +2 -2
- package/dist/collection/components/header/header-item/header-item.js +4 -4
- package/dist/collection/components/header/header-launcher/header-launcher.js +3 -3
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +3 -3
- package/dist/collection/components/icon/icon.js +4 -4
- package/dist/collection/components/link/link.js +5 -5
- package/dist/collection/components/message/message.js +9 -9
- package/dist/collection/components/modal/modal.js +10 -10
- package/dist/collection/components/popover-canvas/popover-canvas.js +12 -12
- package/dist/collection/components/popover-core/popover-core.js +10 -10
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +3 -3
- package/dist/collection/components/popover-menu/popover-menu.js +12 -12
- package/dist/collection/components/radio-button/radio-button.js +9 -9
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +7 -7
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +3 -3
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +4 -4
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +5 -5
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +3 -3
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +3 -3
- package/dist/collection/components/side-menu/side-menu.js +6 -6
- package/dist/collection/components/slider/slider.js +27 -27
- package/dist/collection/components/spinner/spinner.js +3 -3
- package/dist/collection/components/stepper/step/step.js +4 -4
- package/dist/collection/components/stepper/stepper.js +7 -7
- package/dist/collection/components/table/table/table.js +5 -5
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +4 -4
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +2 -2
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +9 -9
- package/dist/collection/components/table/table-footer/table-footer.js +26 -4
- package/dist/collection/components/table/table-header/table-header.js +3 -3
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +5 -5
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +3 -3
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +3 -3
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +3 -3
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +8 -6
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +3 -3
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +8 -6
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +3 -3
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +10 -8
- package/dist/collection/components/tag/tag.js +4 -4
- package/dist/collection/components/text-field/text-field.js +26 -26
- package/dist/collection/components/textarea/textarea.js +20 -20
- package/dist/collection/components/toast/toast.js +11 -11
- package/dist/collection/components/toggle/toggle.js +10 -10
- package/dist/collection/components/tooltip/tooltip.js +12 -12
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CVrz-nvu.js → p-2Sehn7YQ.js} +1 -1
- package/dist/components/{p-blXt609Y.js → p-BkkKUMC2.js} +1 -1
- package/dist/components/{p-le823YD3.js → p-CkGDaQ3D.js} +1 -1
- package/dist/components/{p-CAGXolMB.js → p-Cr5AJ7EI.js} +1 -1
- package/dist/components/p-D7QKvdhL.js +1 -0
- package/dist/components/p-D8Rhjha5.js +1 -0
- package/dist/components/{p-CIt4YhvL.js → p-DMVs7mmW.js} +1 -1
- package/dist/components/{p-Dc6aMuMv.js → p-DO04x4VW.js} +1 -1
- package/dist/components/{p-DDZjm4KO.js → p-Df03ehYR.js} +1 -1
- package/dist/components/p-Dh4rW_04.js +1 -0
- package/dist/components/p-Dkw_xBUE.js +1 -0
- package/dist/components/{p-454Tm-qg.js → p-DynhdmI7.js} +1 -1
- package/dist/components/{p-Dcq3a5KI.js → p-T8F4U3Yc.js} +1 -1
- package/dist/components/{p-D0Aaqu_c.js → p-TTZk9Ssg.js} +1 -1
- package/dist/components/{p-7g_ABN5n.js → p-Zonwl9_G.js} +1 -1
- package/dist/components/{p-Zx1hN-_O.js → p-bPqW3C5g.js} +1 -1
- package/dist/components/tds-accordion-item.js +1 -1
- package/dist/components/tds-accordion.js +1 -1
- package/dist/components/tds-badge.js +1 -1
- package/dist/components/tds-banner.js +1 -1
- package/dist/components/tds-block.js +1 -1
- package/dist/components/tds-body-cell.js +1 -1
- package/dist/components/tds-breadcrumb.js +1 -1
- package/dist/components/tds-breadcrumbs.js +1 -1
- package/dist/components/tds-button.js +1 -1
- package/dist/components/tds-card.js +1 -1
- package/dist/components/tds-checkbox.js +1 -1
- package/dist/components/tds-chip.js +1 -1
- package/dist/components/tds-datetime.js +1 -1
- 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 +1 -1
- package/dist/components/tds-folder-tabs.js +1 -1
- package/dist/components/tds-footer-group.js +1 -1
- package/dist/components/tds-footer.js +1 -1
- package/dist/components/tds-header-brand-symbol.js +1 -1
- package/dist/components/tds-header-cell.js +1 -1
- 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.js +1 -1
- package/dist/components/tds-header-hamburger.js +1 -1
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +1 -1
- package/dist/components/tds-header-launcher-list-item.js +1 -1
- package/dist/components/tds-header-launcher.js +1 -1
- package/dist/components/tds-icon.js +1 -1
- package/dist/components/tds-inline-tab.js +1 -1
- package/dist/components/tds-inline-tabs.js +1 -1
- package/dist/components/tds-link.js +1 -1
- package/dist/components/tds-message.js +1 -1
- package/dist/components/tds-modal.js +1 -1
- package/dist/components/tds-navigation-tab.js +1 -1
- package/dist/components/tds-navigation-tabs.js +1 -1
- 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 +1 -1
- package/dist/components/tds-popover-menu.js +1 -1
- package/dist/components/tds-radio-button.js +1 -1
- package/dist/components/tds-side-menu-close-button.js +1 -1
- package/dist/components/tds-side-menu-collapse-button.js +1 -1
- package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
- package/dist/components/tds-side-menu-dropdown.js +1 -1
- package/dist/components/tds-side-menu-item.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 +1 -1
- package/dist/components/tds-side-menu.js +1 -1
- package/dist/components/tds-slider.js +1 -1
- package/dist/components/tds-spinner.js +1 -1
- package/dist/components/tds-step.js +1 -1
- package/dist/components/tds-stepper.js +1 -1
- package/dist/components/tds-table-body-input-wrapper.js +1 -1
- package/dist/components/tds-table-body-row-expandable.js +1 -1
- package/dist/components/tds-table-body-row.js +1 -1
- package/dist/components/tds-table-footer.js +1 -1
- package/dist/components/tds-table-header-input-wrapper.js +1 -1
- package/dist/components/tds-table-header.js +1 -1
- package/dist/components/tds-table-toolbar.js +1 -1
- package/dist/components/tds-table.js +1 -1
- package/dist/components/tds-tag.js +1 -1
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-textarea.js +1 -1
- package/dist/components/tds-toast.js +1 -1
- package/dist/components/tds-toggle.js +1 -1
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/{index-9xxNGlso.js → index-BBBKPH5r.js} +97 -70
- package/dist/esm/loader.js +3 -3
- package/dist/esm/tds-accordion-item.entry.js +4 -4
- package/dist/esm/tds-accordion.entry.js +3 -3
- package/dist/esm/tds-badge.entry.js +3 -3
- package/dist/esm/tds-banner.entry.js +3 -3
- package/dist/esm/tds-block.entry.js +2 -2
- package/dist/esm/tds-body-cell.entry.js +3 -3
- package/dist/esm/tds-breadcrumb.entry.js +2 -2
- package/dist/esm/tds-breadcrumbs.entry.js +2 -2
- package/dist/esm/tds-button_2.entry.js +5 -5
- package/dist/esm/tds-card.entry.js +2 -2
- package/dist/esm/tds-checkbox.entry.js +3 -3
- package/dist/esm/tds-chip.entry.js +2 -2
- package/dist/esm/tds-core-header-item_2.entry.js +3 -3
- package/dist/esm/tds-datetime.entry.js +4 -4
- package/dist/esm/tds-dropdown_2.entry.js +99 -144
- package/dist/esm/tds-folder-tab.entry.js +3 -3
- package/dist/esm/tds-folder-tabs.entry.js +5 -3
- package/dist/esm/tds-footer-group.entry.js +4 -4
- package/dist/esm/tds-footer-item.entry.js +1 -1
- package/dist/esm/tds-footer.entry.js +3 -3
- package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
- package/dist/esm/tds-header-cell.entry.js +3 -3
- package/dist/esm/tds-header-dropdown-list-item.entry.js +3 -3
- package/dist/esm/tds-header-dropdown-list-user.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/tds-header-launcher-button.entry.js +2 -2
- 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 +3 -3
- 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 +2 -2
- package/dist/esm/tds-inline-tab.entry.js +3 -3
- package/dist/esm/tds-inline-tabs.entry.js +5 -3
- package/dist/esm/tds-link.entry.js +3 -3
- package/dist/esm/tds-message.entry.js +3 -3
- package/dist/esm/tds-modal.entry.js +3 -3
- package/dist/esm/tds-navigation-tab.entry.js +3 -3
- package/dist/esm/tds-navigation-tabs.entry.js +7 -5
- package/dist/esm/tds-popover-canvas.entry.js +4 -4
- package/dist/esm/tds-popover-core.entry.js +2 -2
- package/dist/esm/tds-popover-menu-item.entry.js +3 -3
- package/dist/esm/tds-popover-menu.entry.js +4 -4
- package/dist/esm/tds-radio-button.entry.js +3 -3
- package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +1 -1
- package/dist/esm/tds-side-menu-dropdown.entry.js +4 -4
- 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 +3 -3
- package/dist/esm/tds-side-menu-user.entry.js +2 -2
- package/dist/esm/tds-side-menu.entry.js +4 -4
- package/dist/esm/tds-slider.entry.js +10 -10
- package/dist/esm/tds-spinner.entry.js +2 -2
- package/dist/esm/tds-step.entry.js +2 -2
- package/dist/esm/tds-stepper.entry.js +2 -2
- package/dist/esm/tds-table-body-input-wrapper.entry.js +2 -2
- package/dist/esm/tds-table-body-row-expandable.entry.js +8 -8
- package/dist/esm/tds-table-body-row.entry.js +1 -1
- package/dist/esm/tds-table-body.entry.js +1 -1
- package/dist/esm/tds-table-footer.entry.js +6 -4
- package/dist/esm/tds-table-header-input-wrapper.entry.js +2 -2
- package/dist/esm/tds-table-header.entry.js +3 -3
- package/dist/esm/tds-table-toolbar.entry.js +3 -3
- package/dist/esm/tds-table.entry.js +4 -4
- package/dist/esm/tds-tag.entry.js +2 -2
- package/dist/esm/tds-text-field.entry.js +6 -6
- package/dist/esm/tds-textarea.entry.js +4 -4
- package/dist/esm/tds-toast.entry.js +4 -4
- package/dist/esm/tds-toggle.entry.js +4 -4
- package/dist/esm/tds-tooltip.entry.js +3 -3
- package/dist/esm/tegel.js +4 -4
- package/dist/tegel/assets/icons/traton/edit_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/skip_backwards.svg +1 -0
- package/dist/tegel/assets/icons/traton/skip_forward.svg +1 -0
- package/dist/tegel/{p-b29a9c01.entry.js → p-00aae27c.entry.js} +1 -1
- package/dist/tegel/{p-fb9f17be.entry.js → p-01f3cc50.entry.js} +1 -1
- package/dist/tegel/{p-bfa98728.entry.js → p-05f55787.entry.js} +1 -1
- package/dist/tegel/{p-64e04dc0.entry.js → p-07c66ff1.entry.js} +1 -1
- package/dist/tegel/{p-dc425994.entry.js → p-092de082.entry.js} +1 -1
- package/dist/tegel/{p-873dd581.entry.js → p-0c20d1c7.entry.js} +1 -1
- package/dist/tegel/{p-3d11fc11.entry.js → p-0c4944e5.entry.js} +1 -1
- package/dist/tegel/{p-5b787973.entry.js → p-14844734.entry.js} +1 -1
- package/dist/tegel/{p-92ee76ea.entry.js → p-14d74306.entry.js} +1 -1
- package/dist/tegel/{p-09867bb0.entry.js → p-1d066c1b.entry.js} +1 -1
- package/dist/tegel/{p-dfa11d82.entry.js → p-1dd505c6.entry.js} +1 -1
- package/dist/tegel/p-235903eb.entry.js +1 -0
- package/dist/tegel/{p-4236bbf5.entry.js → p-242583d2.entry.js} +1 -1
- package/dist/tegel/{p-130d96b2.entry.js → p-28f3e764.entry.js} +1 -1
- package/dist/tegel/{p-bc98d0e2.entry.js → p-2a58b2f8.entry.js} +1 -1
- package/dist/tegel/p-2b77f6d6.entry.js +1 -0
- package/dist/tegel/p-2f8d6d31.entry.js +1 -0
- package/dist/tegel/p-305797a3.entry.js +1 -0
- package/dist/tegel/{p-afad1dba.entry.js → p-313482df.entry.js} +1 -1
- package/dist/tegel/p-354919ea.entry.js +1 -0
- package/dist/tegel/{p-b881093c.entry.js → p-3c624875.entry.js} +1 -1
- package/dist/tegel/p-434da9d2.entry.js +1 -0
- package/dist/tegel/{p-fe45a38b.entry.js → p-4ea9b826.entry.js} +1 -1
- package/dist/tegel/{p-808c9db1.entry.js → p-583d9859.entry.js} +1 -1
- package/dist/tegel/{p-e2848b6f.entry.js → p-5e09c7ce.entry.js} +1 -1
- package/dist/tegel/p-626c4422.entry.js +1 -0
- package/dist/tegel/p-6410f220.entry.js +1 -0
- package/dist/tegel/{p-72f04cd1.entry.js → p-6676150e.entry.js} +1 -1
- package/dist/tegel/{p-34acf548.entry.js → p-6c292a59.entry.js} +1 -1
- package/dist/tegel/{p-2c4defb0.entry.js → p-6e965be5.entry.js} +1 -1
- package/dist/tegel/p-6f5456be.entry.js +1 -0
- package/dist/tegel/{p-a6415b2c.entry.js → p-6fc15fd4.entry.js} +1 -1
- package/dist/tegel/{p-121afb33.entry.js → p-719fcc3b.entry.js} +1 -1
- package/dist/tegel/p-80cd1b4c.entry.js +1 -0
- package/dist/tegel/{p-089347c1.entry.js → p-841d280c.entry.js} +1 -1
- package/dist/tegel/p-8a92f516.entry.js +1 -0
- package/dist/tegel/p-8b0e1b28.entry.js +1 -0
- package/dist/tegel/{p-2ef824fb.entry.js → p-9473abea.entry.js} +1 -1
- package/dist/tegel/{p-483d8c89.entry.js → p-94e82d86.entry.js} +1 -1
- package/dist/tegel/{p-eebfce98.entry.js → p-974f7eb2.entry.js} +1 -1
- package/dist/tegel/{p-f7e30ce0.entry.js → p-98eac83d.entry.js} +1 -1
- package/dist/tegel/{p-e399bba6.entry.js → p-9a15616f.entry.js} +1 -1
- package/dist/tegel/{p-492af98d.entry.js → p-9bec15bf.entry.js} +1 -1
- package/dist/tegel/{p-6bcb6678.entry.js → p-9c2ef80c.entry.js} +1 -1
- package/dist/tegel/p-9cf8c0f0.entry.js +1 -0
- package/dist/tegel/p-BBBKPH5r.js +2 -0
- package/dist/tegel/{p-e0be794f.entry.js → p-a3094874.entry.js} +1 -1
- package/dist/tegel/{p-fc5445b7.entry.js → p-a3ef5f80.entry.js} +1 -1
- package/dist/tegel/p-a424b80f.entry.js +1 -0
- package/dist/tegel/p-a4a3367d.entry.js +1 -0
- package/dist/tegel/p-a67979a0.entry.js +1 -0
- package/dist/tegel/{p-8db648a3.entry.js → p-a679b838.entry.js} +1 -1
- package/dist/tegel/{p-826bfbff.entry.js → p-a7b374a4.entry.js} +1 -1
- package/dist/tegel/{p-00f77dd3.entry.js → p-aa1ae2c3.entry.js} +1 -1
- package/dist/tegel/{p-8f69297f.entry.js → p-abd49ffe.entry.js} +1 -1
- package/dist/tegel/{p-f935c2e9.entry.js → p-ae5621f5.entry.js} +1 -1
- package/dist/tegel/{p-e7793e67.entry.js → p-b3465c24.entry.js} +1 -1
- package/dist/tegel/{p-a5ec44a0.entry.js → p-b535d60d.entry.js} +1 -1
- package/dist/tegel/{p-e4cd252c.entry.js → p-b96f269c.entry.js} +1 -1
- package/dist/tegel/{p-b524bbfe.entry.js → p-b9f1bdfd.entry.js} +1 -1
- package/dist/tegel/p-bd098be1.entry.js +1 -0
- package/dist/tegel/{p-c2e17e83.entry.js → p-bf77aa74.entry.js} +1 -1
- package/dist/tegel/{p-6c86f384.entry.js → p-c01dce12.entry.js} +1 -1
- package/dist/tegel/{p-c612b88f.entry.js → p-c30ed630.entry.js} +1 -1
- package/dist/tegel/{p-9d1d18e5.entry.js → p-c91a9648.entry.js} +1 -1
- package/dist/tegel/{p-462a1867.entry.js → p-cb84aeb0.entry.js} +1 -1
- package/dist/tegel/{p-e8658834.entry.js → p-cbfaf8f6.entry.js} +1 -1
- package/dist/tegel/{p-84580662.entry.js → p-cfc0ad1d.entry.js} +1 -1
- package/dist/tegel/{p-9a0253d6.entry.js → p-cff15a0b.entry.js} +1 -1
- package/dist/tegel/{p-d92682e4.entry.js → p-d26d4174.entry.js} +1 -1
- package/dist/tegel/{p-735375dd.entry.js → p-dbb6eb5c.entry.js} +1 -1
- package/dist/tegel/{p-408ccb20.entry.js → p-dbd3d34e.entry.js} +1 -1
- package/dist/tegel/{p-bf411bd0.entry.js → p-dedc2084.entry.js} +1 -1
- package/dist/tegel/{p-066bb57c.entry.js → p-e1bd2fa0.entry.js} +1 -1
- package/dist/tegel/{p-9c179f84.entry.js → p-e3c8271d.entry.js} +1 -1
- package/dist/tegel/{p-b11a2807.entry.js → p-f08d1a17.entry.js} +1 -1
- package/dist/tegel/{p-7fd4299d.entry.js → p-f1c8c48f.entry.js} +1 -1
- package/dist/tegel/{p-17ea4d71.entry.js → p-f80b5c4b.entry.js} +1 -1
- package/dist/tegel/p-fba1269d.entry.js +1 -0
- package/dist/tegel/p-ff25df42.entry.js +1 -0
- package/dist/tegel/tegel.css +93 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts +17 -30
- package/dist/types/components/slider/slider-stories-setup.d.ts +1 -1
- package/dist/types/components/table/table-footer/table-footer.d.ts +2 -0
- package/dist/types/components.d.ts +15 -4
- package/dist/types/stencil-public-runtime.d.ts +0 -4
- package/dist/types/stories/formatHtmlPreview.d.ts +1 -1
- package/package.json +4 -3
- package/dist/components/p-C5Repnjj.js +0 -1
- package/dist/components/p-COWTtzpX.js +0 -1
- package/dist/components/p-CXwwrpih.js +0 -1
- package/dist/components/p-DU6on7Ts.js +0 -1
- package/dist/tegel/p-01c5df5c.entry.js +0 -1
- package/dist/tegel/p-09c5a74a.entry.js +0 -1
- package/dist/tegel/p-10bd75ab.entry.js +0 -1
- package/dist/tegel/p-1c117ed6.entry.js +0 -1
- package/dist/tegel/p-1c73f091.entry.js +0 -1
- package/dist/tegel/p-399de5fb.entry.js +0 -1
- package/dist/tegel/p-513f9e4a.entry.js +0 -1
- package/dist/tegel/p-5aac239b.entry.js +0 -1
- package/dist/tegel/p-5de5a2e8.entry.js +0 -1
- package/dist/tegel/p-785a02d1.entry.js +0 -1
- package/dist/tegel/p-7aa48b05.entry.js +0 -1
- package/dist/tegel/p-7d2217bc.entry.js +0 -1
- package/dist/tegel/p-88deac25.entry.js +0 -1
- package/dist/tegel/p-9xxNGlso.js +0 -2
- package/dist/tegel/p-ad5f719a.entry.js +0 -1
- package/dist/tegel/p-b35c853f.entry.js +0 -1
- package/dist/tegel/p-b765f247.entry.js +0 -1
- package/dist/tegel/p-c18d557c.entry.js +0 -1
- package/dist/tegel/p-dc823504.entry.js +0 -1
- package/dist/tegel/p-fed169d8.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as a,a as o}from"./p-
|
|
1
|
+
import{r as t,c as e,h as s,H as a,a as o}from"./p-BBBKPH5r.js";const d=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers"],i=class{constructor(a){t(this,a),this.tdsSort=e(this,"tdsSort",7),this.internalSortButtonClicked=e(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=e(this,"internalTdsTextAlign",6),this.internalTdsHover=e(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?s("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},s("span",{class:"tds-table__header-button-text"},this.cellValue,s("slot",null)),void 0===this.sortingDirection&&s("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&s("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):s("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,s("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:null!=t?t:""})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){d.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return s(a,{key:"3cb5c70f8d022f7caf0cc84a23313f72d7549427",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding}},s("th",{key:"cb916b84ae682283c32d733c3522bb42e686609b",style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onFocus:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),onBlur:()=>this.onHeadCellHover(""),"aria-sort":this.getAriaSort(),colSpan:this.colSpan,rowSpan:this.rowSpan},this.headerCellContent()))}get host(){return o(this)}};i.style=":host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}";export{i as tds_header_cell}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,H as o,a as e}from"./p-BBBKPH5r.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.modeVariant=null,this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=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.scrollableWidth=i-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.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.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){if(t<0||t>=this.tabElements.length)throw new Error("Tab index out of bounds");return this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){const t=Array.from(this.host.children);this.tabElements=t.map((t=>(t.setSelected(!1),t))),void 0!==this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[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:"c012eb13a3d87fd700f5aeebda39b5eab29ef867",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"ebee1cf15b1c7425fb675cceedfdbdedacdf7057",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"f91db438a2374acc0569bccb5895b0061816cdb2","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("tds-icon",{key:"497c2b7709f37f12d6c507f9ef4a55851bcfad78",name:"chevron_left",size:"20px"})),i("slot",{key:"1b8be04cceec4793fffac9cf26ba603dd578299d",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"210096e3f848f40fc3a976bfbeb76f623e06c2bc","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("tds-icon",{key:"c1235de0754f7df8418b1609a713e2766be059bd",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}};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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,H as e,a as o}from"./p-BBBKPH5r.js";const l=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=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.scrollableWidth=i-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.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.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){if(t<0||t>=this.tabElements.length)throw new Error("Tab index out of bounds");return this.tabElements=Array.from(this.host.children),this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),void 0!==this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[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(e,{key:"b4d7b5c75a8e81e49fdb392580852077a44ebe0c",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:"",style:{"--padding-left":`${this.leftPadding}px`}},i("div",{key:"3be2477f0c9f24987aa9b0ca5c43c05fb19a32e3",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"e6252b0e4bd02809a09db1183fe7dbea91103cbf","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"d4ce2393b25f728ac2de1702d144f612902dc330",name:"chevron_left",size:"20px"})),i("slot",{key:"d079e254442795f81737b5552ce5ce177683c9fb",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"5e3db06d48f3109550974ba0675aef8367373df7","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"cd00e5c5ad1b757104d5c3f7338a45c9243eb25d",name:"chevron_right",size:"20px"}))))}get host(){return o(this)}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}};l.style=':host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{l as tds_inline_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as s,a as t}from"./p-BBBKPH5r.js";const a=class{constructor(s){e(this,s)}render(){var e;return null===(e=this.host.children[this.host.children.length-1])||void 0===e||e.classList.add("last"),s("nav",{key:"926e3735bc890e200960ff8d5a5efaea9d59a3e2","aria-label":this.tdsAriaLabel},s("div",{key:"7d683be9b78ea51e055de0fee2638ac51d91d905",role:"list",class:"tds-breadcrumb"},s("slot",{key:"7cb331d224d454cb928ff52af047c69393cf7410"})))}get host(){return t(this)}};a.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}";export{a as tds_breadcrumbs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as d}from"./p-9xxNGlso.js";import{g as i}from"./p-Cn4f8w1e.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsInput=e(this,"tdsInput",6),this.shouldValidate=!1,this.type="datetime-local",this.value="",this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name=`datetime-${i()}`,this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.helperErrorInvalid="Invalid input",this.focusInput=!1,this.nativeValidation=()=>!(this.min&&this.textInput.validity.rangeUnderflow||this.max&&this.textInput.validity.rangeOverflow||this.textInput.validity.badInput),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw new Error("Invalid type.")}}}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}componentDidRender(){this.shouldValidate&&(this.shouldValidate=!1,this.validateDate())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.validateDate(),this.focusInput=!1}onValueChanged(){this.shouldValidate=!0}validateDate(){this.state="none",!this.nativeValidation()||this.customValidator&&!this.customValidator(this.textInput.value)?this.state="error":this.textInput.value&&(this.state="success")}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}render(){var t,e;const i=navigator.userAgent.toLowerCase().includes("iphone");let s=" tds-datetime-input";"md"===this.size&&(s+=`${s}-md`),"sm"===this.size&&(s+=`${s}-sm`),i&&(s+=" iphone");const a={"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"tds-datetime-focus":this.focusInput,"tds-datetime-data":this.value.length>0,"tds-form-datetime-disabled":this.disabled,[`tds-form-datetime-${this.size}`]:["md","sm"].includes(this.size),[`tds-form-datetime-${this.state}`]:["error","success"].includes(`${this.state}`),[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant,"tds-datetime-container-label-inside":!(!this.label||"inside"!==this.labelPosition||"sm"===this.size)};return d("div",{key:"a55d784701c35fda184c9e17fbe8466854f9140d",class:a,onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&d("label",{key:"ff47d44b79345c816cf9b22bd913b6a595299dce",htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{key:"013669e9b4f3421e96b9239a187515967baf7619",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{key:"f06de994b6b1c8fe1db77f914be22797db14018d",class:`tds-datetime-input-container type-${this.type}`},d("input",{key:"c003adf22a66a2a04f13abd636c924bd1ad1c6c9",ref:t=>{t&&(this.textInput=t)},class:s,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,id:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&d("label",{key:"128a8b90a28b6c1c9c2eacc292603b3d1f8e5f10",class:"tds-datetime-label-inside",htmlFor:this.name},this.label),d("div",{key:"21331931956e4abf045a01a4af7f5fcf602990bd",class:"datetime-icon icon-datetime-local"},d("tds-icon",{key:"77c1f611eae6c6ff3d102681b28ce42e0709ff84",size:"20px",name:"calendar",svgTitle:"Calendar"})),d("div",{key:"36f01c633df5181ad6107aa158de499fafa2569f",class:"datetime-icon icon-time"},d("tds-icon",{key:"03bb2f56e70a68c8d882bdfdce747a15d1b4cfdc",size:"20px",name:"clock",svgTitle:"Clock"})))),"error"===this.state&&d("div",{key:"40fbf2006d5709b84468e0e05b5b51804c141923",class:"tds-datetime-helper"},!(null===(e=null===(t=this.textInput)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.badInput)&&d("div",{key:"7f2990d54c62fbef3743662b944a09aab28a8a56",class:"tds-helper"},d("tds-icon",{key:"cdcb11a48a1d1fc3298711ed9f3b96b6a7ecef0d",name:"error",size:"16px",svgTitle:"error"})," ",this.helperError),this.textInput&&this.textInput.validity.badInput&&d("div",{key:"51489ac6f3dbcb31f8ff89c1544a6a17c19ab239",class:"tds-helper"},d("tds-icon",{key:"6fb19117b7f191564ed2b1c4071500a16ea40219",name:"error",size:"16px",svgTitle:"error"})," ",this.helperErrorInvalid)),this.helper&&"error"!==this.state&&d("div",{key:"a6766afd774a6219e783ec1b5e79c250b94bace2",class:"tds-datetime-helper"},d("div",{key:"bba762fea80aca3e14da8ac9f9f210234edd9c70",class:"tds-helper"},this.helper)))}static get watchers(){return{value:[{onValueChanged:0}]}}};s.style="@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-datetime-input-md.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime:disabled,.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.iphone.sc-tds-datetime,.tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.iphone.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding:var(--tds-spacing-element-4) 0;color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:flex;gap:var(--tds-spacing-element-8);flex-wrap:nowrap}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}";export{s as tds_datetime}
|
|
1
|
+
import{r as t,c as e,h as d}from"./p-BBBKPH5r.js";import{g as i}from"./p-Cn4f8w1e.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsInput=e(this,"tdsInput",6),this.shouldValidate=!1,this.type="datetime-local",this.value="",this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name=`datetime-${i()}`,this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.helperErrorInvalid="Invalid input",this.focusInput=!1,this.nativeValidation=()=>!(this.min&&this.textInput.validity.rangeUnderflow||this.max&&this.textInput.validity.rangeOverflow||this.textInput.validity.badInput),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw new Error("Invalid type.")}}}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}componentDidRender(){this.shouldValidate&&(this.shouldValidate=!1,this.validateDate())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.validateDate(),this.focusInput=!1}onValueChanged(){this.shouldValidate=!0}validateDate(){this.state="none",!this.nativeValidation()||this.customValidator&&!this.customValidator(this.textInput.value)?this.state="error":this.textInput.value&&(this.state="success")}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}render(){var t,e;const i=navigator.userAgent.toLowerCase().includes("iphone");let s=" tds-datetime-input";"md"===this.size&&(s+=`${s}-md`),"sm"===this.size&&(s+=`${s}-sm`),i&&(s+=" iphone");const a={"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"tds-datetime-focus":this.focusInput,"tds-datetime-data":this.value.length>0,"tds-form-datetime-disabled":this.disabled,[`tds-form-datetime-${this.size}`]:["md","sm"].includes(this.size),[`tds-form-datetime-${this.state}`]:["error","success"].includes(`${this.state}`),[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant,"tds-datetime-container-label-inside":!(!this.label||"inside"!==this.labelPosition||"sm"===this.size)};return d("div",{key:"46bd4a81e68f32267d62df5180ab6ba9de7e183e",class:a,onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&d("label",{key:"84cd03bee06e621314ee4a2a74440a1cc64b635d",htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{key:"7c4c04ea0df4b88c74d203123dc17dd29386b494",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{key:"8c2a1e6d92b45b1be68e520b21d40dd83ec5bab0",class:`tds-datetime-input-container type-${this.type}`},d("input",{key:"4fb15c46fb418f11f7fc02dcef8c430257ebd556",ref:t=>{t&&(this.textInput=t)},class:s,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,id:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&d("label",{key:"7bc1fa21b2389416773ed271c6db22560d27c3fb",class:"tds-datetime-label-inside",htmlFor:this.name},this.label),d("div",{key:"d93169f5ab8077e150e7bdb2c459a9086c5cc350",class:"datetime-icon icon-datetime-local"},d("tds-icon",{key:"22bb5b37b73319c6566e1db29284778754d634e7",size:"20px",name:"calendar",svgTitle:"Calendar"})),d("div",{key:"1c9d52a312e2a622485de8deab6a13b83c54decd",class:"datetime-icon icon-time"},d("tds-icon",{key:"472222802261960915664e5a754a74e7def45bc7",size:"20px",name:"clock",svgTitle:"Clock"})))),"error"===this.state&&d("div",{key:"c4d637939bbb2be52867a1d0eecd8d85e13f9664",class:"tds-datetime-helper"},!(null===(e=null===(t=this.textInput)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.badInput)&&d("div",{key:"b5ad19a8715623928f9af3706cc9f53090d031ed",class:"tds-helper"},d("tds-icon",{key:"805214bccad4afa519a783c1d0d6457c12465151",name:"error",size:"16px",svgTitle:"error"})," ",this.helperError),this.textInput&&this.textInput.validity.badInput&&d("div",{key:"c566a22753888287a2abc60e2c747fff669a96b9",class:"tds-helper"},d("tds-icon",{key:"656f92a11620ef57eae10aac48010e0d5ef82f74",name:"error",size:"16px",svgTitle:"error"})," ",this.helperErrorInvalid)),this.helper&&"error"!==this.state&&d("div",{key:"ed123de1e76dbd7b9ea209d3c48cd3c6b1bc0bb5",class:"tds-datetime-helper"},d("div",{key:"915e2b03b3c78476b2d9b1cc13837d3fb565ef49",class:"tds-helper"},this.helper)))}static get watchers(){return{value:[{onValueChanged:0}]}}};s.style="@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-datetime-input-md.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime:disabled,.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.iphone.sc-tds-datetime,.tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.iphone.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding:var(--tds-spacing-element-4) 0;color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:flex;gap:var(--tds-spacing-element-8);flex-wrap:nowrap}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}";export{s as tds_datetime}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as e,a as i}from"./p-BBBKPH5r.js";import{g as d}from"./p-Cn4f8w1e.js";const r=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);if(!t)return parseFloat(s.toFixed());const e=Math.round(s/t)*t,i=(t.toString().split(".")[1]||"").length;return parseFloat(e.toFixed(i))}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)||void 0===e||e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)||void 0===i||i.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)||void 0===t||t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)||void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type||"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=this.roundToStep(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(d.toString())}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(r.toString())}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly||(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)||void 0===s||s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",`${this.max.length}`))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=`${i}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=(parseFloat(this.step).toString().split(".")[1]||"").length;for(let i=1;i<=s;i++){const s=parseFloat(this.min)+t*i;this.tickValues.push(parseFloat(s.toFixed(e)))}this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded&&"undefined"!=typeof ResizeObserver){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return e("div",{key:"8b3642548f48ff352395b4d3ebdf84abf464b51d",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"9f35e897044114dd9a5c97a66e9a335d4c09975d",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),e("div",{key:"74fe5f97050ae8fa970d0d2d00145a1f20b9d728",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),e("div",{key:"2af5ddfcb4cceb921ca8299438b6bc9b40bf1dd6",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},e("label",{key:"7461b0e104ee03cf51c9e84ab8af06df78b6b12b",id:`${this.sliderId}-label`,class:{offset:this.showTickNumbers}},this.label),this.useInput&&e("div",{key:"ce065240c807cf75544efd3ecc2c5b1b45e0b987",class:"tds-slider__input-values"},e("div",{key:"ac8b1a0d7cd44e079e7739e9697912a7f8c65c62",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"e85dfafe22e306fa8f9c2a0ee2c094caa0937abf",class:"tds-slider__controls"},e("div",{key:"b21861744b1ba29cc6d5566d2d466c507b55f54e",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"b31ed68e1b5a96d85951c928abf4dae472889050",name:"minus",size:"16px"}))),e("div",{key:"b4c46afe353a403e2f2ebb35e40bad3946f83e23",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&e("div",{key:"0c4662ea24810f52b6415f4bf205e1dff4250d7c",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"39f70859eecd83a4f962288e7d06f61719260297",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"9f6214318aaaec0c792a94b3241dbcd9ce321130",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},e("div",{key:"d70dbc3e02dda21538a1c709ee9fb94bf1517766",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"aa5ceb99150a8387e9b01becd054e3beee185955",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&e("div",{key:"b1b3ecfbedd63039e66aabc10db98b7b25c04b6d",class:"tds-slider__value"},this.value,e("svg",{key:"80e22bbb6b56c85f754c7cfae63f21d7adb7eb56",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"4ce11c849ba43904f2d2d1540bb60c12a1e695ee",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),e("div",{key:"44205e90c8ff3e6506e155a66b6ce53aa191f25e",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"099b5dfac47680c3a2d882273856689d9bdd3953",class:"tds-slider__input-values"},e("div",{key:"68f0c9d23bbadfe61a7edcb8ab38ed7a22b3a7b1",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"481a52db19f0bc035c43a252e005e5304a27bf9e",class:"tds-slider__input-field-wrapper"},e("tds-text-field",{key:"5361928ed0dcf9cb5cb873a0b769ea0af76c809c",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&e("div",{key:"abaa88dc33a0193360999df8ba6fe04569ff12aa",class:"tds-slider__controls"},e("div",{key:"294ebb18d08ea797ee481f38f2b8c7f57b368ce2",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"637b1f5eb5744749b534be62848c2a5f33a20475",name:"plus",size:"16px"})))))}get host(){return i(this)}static get watchers(){return{value:[{handleValueUpdate:0}]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}';export{r as tds_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c,h as t,H as i,a as d}from"./p-
|
|
1
|
+
import{r as s,c,h as t,H as i,a as d}from"./p-BBBKPH5r.js";import{g as e}from"./p-Cn4f8w1e.js";import{h as p}from"./p-DDX6uFcm.js";const o=class{constructor(t){s(this,t),this.tdsChange=c(this,"tdsChange",6),this.internalRadioOnChange=c(this,"internalRadioOnChange",6),this.tdsClick=c(this,"tdsClick",6),this.type="button",this.size="lg",this.chipId=e(),this.checked=!1,this.disabled=!1,this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?(this.checked=!0,this.internalRadioOnChange.emit({chipId:this.chipId,checked:this.checked,groupName:this.name})):console.error("Unsupported type in Chip component!"),this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value}))},this.handleClick=()=>{this.disabled||this.tdsClick.emit({chipId:this.chipId})}}handleInternaRadioChange(s){const{chipId:c,checked:t,groupName:i}=s.detail;c!==this.chipId&&i===this.name&&this.checked&&t&&(this.checked=!1)}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}render(){const s=this.renderInputAttributes(),c=p("prefix",this.host),d=p("label",this.host),e=p("suffix",this.host);return t(i,{key:"610866a08e70c90d8f62c4e262e492c0ad2ab753"},t("div",{key:"9615a6a960ad58beb9971514e13dce3a370af231",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:c,suffix:e,disabled:this.disabled}},t("input",Object.assign({key:"dfe150bd39d139b100ce9f959bbe813750745420",type:this.type,id:this.chipId,"aria-checked":"button"===this.type?void 0:String(this.checked),role:this.type,"aria-label":this.tdsAriaLabel},s)),t("label",{key:"361ed17718d1cbe90b945342cd0281a49626b26e",onClick:s=>s.stopPropagation(),htmlFor:this.chipId},c&&t("slot",{key:"7a3cee5a56d4d731b0967ba55c54431de4d0e5e2",name:"prefix"}),d&&t("slot",{key:"5fe884b9b8314c5a89d9af3166da68fd23c0c07a",name:"label"}),e&&t("slot",{key:"d2c928404578bdf6e6dc393a98b4c1b112432d34",name:"suffix"}))))}get host(){return d(this)}};o.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h{display:inline-block}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.tds-chip-component.sc-tds-chip{display:inline-flex}.tds-chip-component.sc-tds-chip label.sc-tds-chip{box-sizing:content-box;background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:32px;border:1px solid var(--tds-chips-border);cursor:pointer;white-space:nowrap}.tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover);border-color:var(--tds-chips-border-hover)}.tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background-disabled);color:var(--tds-chips-text-disabled);border-color:transparent;cursor:default;pointer-events:none}.tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:16px;padding:8px 16px;gap:6px}.tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:16px;padding:4px 12px;gap:4px}.tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:4px 12px 4px 8px}.tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px 4px 12px}.tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:8px 16px 8px 10px}.tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px 8px 16px}.tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px}.tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px}.tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus);border-color:transparent}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active);border-color:var(--tds-chips-background-active)}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover);border-color:var(--tds-chips-border-selected-hover)}";export{o as tds_chip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as s,H as a}from"./p-BBBKPH5r.js";const d=class{constructor(s){e(this,s)}render(){return s(a,{key:"85fe09b4f6ac3b7d99da2d6256c758900329653a"},s("tds-side-menu-user-image",{key:"236bce6eb1c8c09b7eb8473cdf9d62e882cf4e12",src:this.imgSrc,alt:this.imgAlt},s("slot",{key:"1cf9eca61491dd7f8a4d7a63e3eaeb6e6f64e625",name:"image"})),s("tds-side-menu-user-label",{key:"0f202ad7a287f3c3eae6c87bc7880fd03a183969",heading:this.heading,subheading:this.subheading}))}};d.style=":host{display:flex;align-items:center;gap:16px;height:68px}";export{d as tds_side_menu_user}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as e,a as d}from"./p-
|
|
1
|
+
import{r as o,h as t,H as e,a as d}from"./p-BBBKPH5r.js";const s=class{constructor(t){o(this,t),this.selected=!1,this.size="md"}render(){return t(e,{key:"4912bf638b28faf67530146becb90977fa3eff8c"},t("div",{key:"6c30529e045b7568a7409505828bf04c94830b0c",class:{component:!0,"component-selected":this.selected}},t("slot",{key:"34935ba9bd6807d2c7703d5320b837e4dd837240"})))}get host(){return d(this)}};s.style=":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host .component-selected:focus-within{border-left:none}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";export{s as tds_header_dropdown_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as a,a as e}from"./p-
|
|
1
|
+
import{r as t,h as o,H as a,a as e}from"./p-BBBKPH5r.js";import{h as d}from"./p-DDX6uFcm.js";const s=class{constructor(o){t(this,o),this.modeVariant=null,this.copyrightText=`Copyright © ${(new Date).getFullYear()} Scania`}render(){const t=d("top",this.host),e=d("start",this.host),s=d("end",this.host),i=d("copyright",this.host);return o(a,{key:"45c3eab02748591e5751d4c23d6dcc9ca7541aca",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},o("footer",{key:"a5c338868f8201014d0f1eaecf4db3b5552c6a8d"},t&&o("slot",{key:"07257d9529a6af504715b69d33741052614a1737",name:"top"}),o("div",{key:"a1f11fbceefb0442cd61858f0ca8ed5a7c0aeb81",class:"footer-main"},(e||s)&&o("div",{key:"dd8bff6c7f4171a7c9d46d7f5dabcf2a31697dc7",class:"footer-main-top"},e&&o("slot",{key:"39f28defd591fbb6863d86225fca3cff09ec94cb",name:"start"}),s&&o("slot",{key:"344bd6c80538d46a22b5d10f09e5cf4633019ef9",name:"end"})),o("div",{key:"8896f0f1c3031b98b1d1b1d2cedd2cb35e003dff",class:"footer-main-bottom"},o("small",{key:"972571431d7ebeb07eaab043d970528c352df32d",class:"copyright"},i?o("slot",{name:"copyright"}):this.copyrightText),o("div",{key:"5b93f4ab6f07dd3bdb4cd05429b729426e11c103",class:"brand"},o("p",{key:"9537baabeba256b7774af6f3e135ecdc127a8993"},"Scania"))))))}get host(){return e(this)}};s.style=":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg-local), var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}";export{s as tds_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as d,H as e}from"./p-
|
|
1
|
+
import{r as a,h as d,H as e}from"./p-BBBKPH5r.js";import{g as s}from"./p-Cn4f8w1e.js";const r=class{constructor(d){a(this,d),this.uuid=s()}render(){return d(e,{key:"eca4ad0a5442d8f9a4fa6f2f2d8edeb582b036e1"},d("tds-header-dropdown-list",{key:"99b5360adb94d53bcfada6dae88daa3b5570ac5d",size:"lg"},d("slot",{key:"d2ddc4f12789ceff5b74ab8dbca354603358d03b"})))}};export{r as tds_header_launcher_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as r,a}from"./p-BBBKPH5r.js";import{g as d}from"./p-Cn4f8w1e.js";const s=class{constructor(t){e(this,t),this.uuid=d()}render(){return t(r,{key:"d2480baadcaceab27fb6598d2c781bc74e75df75"},t("h3",{key:"e73adadc71723ad00b5f1f138a2fd5d73fdcf8af",class:"tds-header-launcher-list-title",id:`tds-header-launcher-${this.uuid}`},t("slot",{key:"338bd4e60f844e7c399bd4a8d4b3325fbf6f8d3e"})))}get host(){return a(this)}};s.style=".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";export{s as tds_header_launcher_list_title}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as s,a}from"./p-BBBKPH5r.js";import{i}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const o=class{constructor(t){e(this,t),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),i(this.host));const e=Object.assign({},this.ariaAttributes);return t(s,{key:"abed3be3bbeecc3a510cfa75a0dae9ed06196d54"},t("tds-header-item",{key:"39eee800f052f252a0345243eaa637cf7b41ea3d",active:this.active},t("button",Object.assign({key:"8d49dfbe22856a2c56d0ae3949f7fb9e36804bc1"},e,{"aria-label":this.tdsAriaLabel}),t("tds-icon",{key:"028ffd59098f06fee68a74c670727c3664b711b6",class:"icon",name:"bento",size:"20px","svg-title":this.tdsAriaLabel}))))}get host(){return a(this)}};o.style=":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";export{o as tds_header_launcher_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as
|
|
1
|
+
import{r as t,c as o,h as r,H as l,a as s}from"./p-BBBKPH5r.js";import{g as a}from"./p-Cn4f8w1e.js";const e=class{constructor(r){t(this,r),this.internalTdsTablePropChange=o(this,"internalTdsTablePropChange",6),this.verticalDividers=!1,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.responsive=!1,this.modeVariant=null,this.zebraMode="none",this.horizontalScrollWidth=null,this.tableId=a(),this.enableHorizontalScrollToolbarDesign=!1,this.enableHorizontalScrollFooterDesign=!1}emitInternalTdsPropChange(t,o){this.internalTdsTablePropChange.emit({tableId:this.tableId,changed:[t],[t]:o})}async getSelectedRows(){var t,o;let r=[];const l=this.host.querySelector("tds-table-body");return[...Array.from(null!==(t=null==l?void 0:l.querySelectorAll("tds-table-body-row"))&&void 0!==t?t:[]).filter((t=>t.selected)),...Array.from(null!==(o=null==l?void 0:l.querySelectorAll("tds-table-body-row-expandable"))&&void 0!==o?o:[]).filter((t=>t.selected))].forEach((t=>{let o=[];Array.from(t.getElementsByTagName("tds-body-cell")).forEach((t=>{var r,l;const s={cellKey:null!==(r=t.cellKey)&&void 0!==r?r:"",cellValue:null!==(l=t.cellValue)&&void 0!==l?l:t.innerText};o=[...o,s]})),r=[...r,o]})),r}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}multiselectChanged(t){this.emitInternalTdsPropChange("multiselect",t)}enableExpandableRowsChanged(t){this.emitInternalTdsPropChange("expandableRows",t)}compactDesignChanged(t){this.emitInternalTdsPropChange("compactDesign",t)}verticalDividersChanged(t){this.emitInternalTdsPropChange("verticalDividers",t)}noMinWidthChanged(t){this.emitInternalTdsPropChange("noMinWidth",t)}zebraModeChanged(t){this.emitInternalTdsPropChange("zebraMode",t)}modeVariantChanged(t){this.emitInternalTdsPropChange("modeVariant",t)}widthChanged(t){this.emitInternalTdsPropChange("horizontalScrollWidth",t)}componentWillRender(){if(this.horizontalScrollWidth){const t=this.host.closest("tds-table");t&&(this.enableHorizontalScrollToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1,this.enableHorizontalScrollFooterDesign=t.getElementsByTagName("tds-table-footer").length>=1)}}render(){return r(l,{key:"22e1189b298e2af0346a3a04126eed47528f1169",class:{"tds-table--responsive":this.responsive,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},r("table",{key:"9a756d4799eba3dc75b6a7d5cb75c53a21509949",style:this.getStyles(),class:{"tds-table":!0,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":!!this.noMinWidth,"tds-table--responsive":this.responsive,"tds-table--horizontal-scroll":!!this.horizontalScrollWidth,"tds-table--horizontal-scroll-toolbar":this.enableHorizontalScrollToolbarDesign&&!this.compactDesign,"tds-table--horizontal-scroll-toolbar-compact":this.enableHorizontalScrollToolbarDesign&&this.compactDesign,"tds-table--horizontal-scroll-footer":this.enableHorizontalScrollFooterDesign&&!this.compactDesign,"tds-table--horizontal-scroll-footer-compact":this.enableHorizontalScrollFooterDesign&&this.compactDesign}},r("slot",{key:"2f0e653f4d44b8ada5933ab2389338b92ed48493"})))}get host(){return s(this)}static get watchers(){return{multiselect:[{multiselectChanged:0}],expandableRows:[{enableExpandableRowsChanged:0}],compactDesign:[{compactDesignChanged:0}],verticalDividers:[{verticalDividersChanged:0}],noMinWidth:[{noMinWidthChanged:0}],zebraMode:[{zebraModeChanged:0}],modeVariant:[{modeVariantChanged:0}],horizontalScrollWidth:[{widthChanged:0}]}}};e.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}.tds-table--horizontal-scroll{display:block;overflow-x:scroll;white-space:nowrap}.tds-table--horizontal-scroll:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-table--horizontal-scroll{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-table--horizontal-scroll-toolbar{margin-top:64px}.tds-table--horizontal-scroll-toolbar-compact{margin-top:56px}.tds-table--horizontal-scroll-footer{margin-bottom:49px}.tds-table--horizontal-scroll-footer-compact{margin-bottom:33px}";export{e as tds_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as r,a as s}from"./p-
|
|
1
|
+
import{r as t,h as o,H as r,a as s}from"./p-BBBKPH5r.js";import{g as e}from"./p-Cn4f8w1e.js";const a=class{constructor(o){t(this,o),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=e(),this.handleSlottedItemClick=t=>{const o=t.target.tagName.toLowerCase();["a","button"].includes(o)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var o;"Escape"===t.key&&this.open&&(this.open=!1,null===(o=this.buttonEl)||void 0===o||o.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const o="a, [tabindex='0']",r=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(o))||this.host.querySelector(o);r instanceof HTMLElement&&r.focus()}))}render(){return o(r,{key:"1176c57c972add57be5c2529dfb6cb83d3bed22b"},o("div",{key:"6ad3f10940083968fff1a4b9b01f66b1165329ba",class:{"state-open":this.open}},o("tds-header-item",{key:"5c8024b943d585a85fc6a1c2f42f9e574729d79e",class:"button",active:this.open,selected:this.selected},o("button",{key:"ed48b89c6eb04cf7f2685e2f69f7eea37822e8f9",ref:t=>{this.buttonEl=t},"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},o("slot",{key:"3a79e52d868cd2a12ee5a6c46c574b596e5c257f",name:"icon"}),this.label,o("slot",{key:"6490c20d77794e6bda911a28eb01bba6539a6946",name:"label"}),!this.noDropdownIcon&&o("tds-icon",{key:"4ccd9df2499f81a3790fd207686c9d763950ca18",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&o("tds-popover-canvas",{key:"67a72bb46b5d87424dcd883e770a5f0a06d09edd",id:`tds-dropdown-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?o("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},o("slot",null)):null)))}get host(){return s(this)}};a.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;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{a as tds_header_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as s,a as e}from"./p-
|
|
1
|
+
import{r as t,h as o,H as s,a as e}from"./p-BBBKPH5r.js";const i=["compactDesign"],a=class{constructor(o){t(this,o),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((o=>{if(void 0===this[o])throw console.error(`Table prop is not supported: ${o}`),new Error(`Table prop is not supported: ${o}`);this[o]=t.detail[o]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?i.forEach((o=>{this[o]=t[o]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-HEADER-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const o=t[0];o.addEventListener("focus",(()=>{this.inputFocused=!0})),o.addEventListener("blur",(()=>{this.inputFocused=!1}))}}render(){return o(s,{key:"43bff4694595b6b6355ca05af951b9a31f27ee35",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?o("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?o("tds-icon",{svgTitle:"search",class:"search-icon",slot:"icon",size:"16px",name:"search"}):null)}get host(){return e(this)}};a.style=":host{position:relative}:host(:hover) tds-icon{display:inline-block}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.focused-input-wrapper) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}:host(.show-icon) ::slotted(input){padding-left:35px}tds-icon.search-icon{color:var(--tds-table-input-header-icon);position:absolute;left:15px;top:1px}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);height:48px;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent}::slotted(input)::placeholder{color:var(--tds-table-input-header-placeholder)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-header-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}";export{a as tds_table_header_input_wrapper}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,F as s,H as a,a as d}from"./p-BBBKPH5r.js";const o=class{constructor(t){e(this,t),this.defaultOpen=!1,this.selected=!1,this.open=!1,this.hoverState={isHovered:!1,updatedAt:0},this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)||void 0===e?void 0:e.isHovered:this.open}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed),this.open=this.defaultOpen}render(){return t(a,{key:"50c612a2b879888b42b82ec240278387ffda56df"},t("div",{key:"23d34aac941bee3c0f7e7453b8648dfaceb5fafd",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},t("tds-side-menu-item",{key:"6cb6ef033a8a01bb2baf0b1350499130774a848d",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},t("button",{key:"1fa2e1851fdf25882eec6e4cb6e6900b5fdbfa6b"},t("slot",{key:"06288061e3bb3ccd7124352d66bbcca3614e86bc",name:"icon"}),!this.collapsed&&t(s,{key:"bcd4934b4760634a04694f46d22bb09c4f7cb71e"},this.buttonLabel,t("slot",{key:"e2891dc859881c40b9577e07535f0c84c2d0f5a7",name:"label"}),t("tds-icon",{key:"fa3257d02ad80e08485fe731915b76ba0241e976",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),t("div",{key:"a708a6796fec8851df925da395e011a90e3da118",class:"menu",tabindex:this.collapsed?"0":void 0},this.collapsed&&t("h3",{key:"5efc24406b5933e512bafd39e5aee55c1e342403",class:"heading-collapsed"},this.buttonLabel,t("slot",{key:"bfa6381aeb8b9d5ce937d6687d9f8eb08166aa37",name:"label"})),t("slot",{key:"3d8266b0e0b37a00f389a0cd126920bac15f9532"}))))}get host(){return d(this)}};o.style=":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";export{o as tds_side_menu_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as d,H as t}from"./p-
|
|
1
|
+
import{r as o,h as d,H as t}from"./p-BBBKPH5r.js";const r=class{constructor(d){o(this,d),this.modeVariant=null,this.hideLastBorder=!1}render(){return d(t,{key:"07fa8bf06435570bdf6ba1170e6f55baecc3cf98",class:{"tds-accordion":!0,[`tds-mode-variant-${this.modeVariant||""}`]:Boolean(this.modeVariant),"hide-last-border":this.hideLastBorder}},d("slot",{key:"d04a5c6767081b816b39eab3f6f02b69810990cd"}))}};r.style=":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(:active) .tds-accordion-item .tds-accordion-header-icon-start,:host(:active) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host(:last-child){border-bottom:1px solid var(--tds-accordion-border)}:host(.hide-last-border:last-child){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--tds-accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--tds-accordion-background)}";export{r as tds_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as c,c as e,h as t,a as o}from"./p-
|
|
1
|
+
import{r as c,c as e,h as t,a as o}from"./p-BBBKPH5r.js";import{g as s}from"./p-Cn4f8w1e.js";const d=class{constructor(t){c(this,t),this.tdsChange=e(this,"tdsChange",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.checkboxId=s(),this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.handleChange=()=>{this.checked=!this.checked,this.indeterminate=!1,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,indeterminate:this.indeterminate,value:this.value})}}async toggleCheckbox(){return this.checked=!this.checked,this.indeterminate=!1,{checkboxId:this.checkboxId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}handleIndeterminateState(){this.inputElement.indeterminate=this.indeterminate}handleFocus(c){this.tdsFocus.emit(c)}handleBlur(c){this.tdsBlur.emit(c)}handleFormReset(c){this.host.closest("form")===c.target&&(this.checked=!1,this.indeterminate=!1)}render(){return t("div",{key:"97afce57b6f6ce0d66dabd227f7271b5dc8fe707",class:"tds-checkbox"},t("input",{key:"8c97381eacc2c9d914cd02877e44dc0a7a456b48",ref:c=>{c&&(this.inputElement=c)},indeterminate:this.indeterminate,"aria-checked":this.checked,"aria-required":this.required,"aria-label":this.tdsAriaLabel,"aria-describedby":this.tdsAriaDescribedby,required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:c=>this.handleFocus(c),onBlur:c=>this.handleBlur(c),onChange:()=>{this.handleChange()}}),t("label",{key:"15a08109078c67717cf428c0f773ff7946b417a8",htmlFor:this.checkboxId},t("slot",{key:"8ecde64bfea05475817019e4bd67ab50c571e328",name:"label"})))}get host(){return o(this)}static get watchers(){return{indeterminate:[{handleIndeterminateState:0}]}}};d.style='.sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:20px;height:20px;left:2px;top:2px;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus-visible::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-disabled);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--tds-checkbox-background-img-indeterminate);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--tds-checkbox-background-img-indeterminate-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}';export{d as tds_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,a as o}from"./p-BBBKPH5r.js";import{g as d}from"./p-Cn4f8w1e.js";const g=class{constructor(s){t(this,s),this.tdsToggle=e(this,"tdsToggle",6),this.checked=!1,this.required=!1,this.size="lg",this.disabled=!1,this.toggleId=d(),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})}}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}componentWillLoad(){this.labelSlot=this.host.querySelector("[slot='label']")}render(){return s("div",{key:"84bc1933154949cee35a800438eee3e938c70b33",class:"tds-toggle"},this.headline&&s("div",{key:"72a2dd88cc952e4c69dd2c63a4f07039701ed9e1",class:{"toggle-headline":!0,disabled:this.disabled}},this.headline),s("input",{key:"c1a6d43bc1580ee9d8a539da383991b415fc9a37",ref:t=>{t&&(this.inputElement=t)},"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&&s("label",{key:"a99e706b380c94f3cf4225e143ea089a6849dcd5",class:{disabled:this.disabled},htmlFor:this.toggleId},s("slot",{key:"fe70e2b3c7da93ad09d613dbbb91047caecfef61",name:"label"})))}get host(){return o(this)}};g.style='.tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0;border:1px solid transparent}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible{outline:none;outline:2px solid var(--tds-toggle-border-outline);border-radius:16px;outline-offset:-2px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible::before{width:40px;height:20px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--tds-toggle-off-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible::before{width:24px;height:12px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px;cursor:pointer}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}';export{g as tds_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as e,H as s,a as r}from"./p-
|
|
1
|
+
import{r as t,c as a,h as e,H as s,a as r}from"./p-BBBKPH5r.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],i=class{constructor(e){t(this,e),this.tdsFilter=a(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((a=>{if(void 0===this[a])throw new Error(`Table prop is not supported: ${a}`);this[a]=t.detail[a]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{var a;this[t]=null===(a=this.tableEl)||void 0===a?void 0:a[t]}))}handleSearch(t){const a=t.currentTarget.value.toLowerCase(),e=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?e.classList.add("tds-table__searchbar--active"):e.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return e(s,{key:"b98524b265ec24c7204f78fdba7298806488c5cd",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},e("div",{key:"474eb3d4623e98f69094a9d5c6942fa2bef05fd2",class:"tds-table__upper-bar-flex"},e("div",{key:"f616780361cc2101ddb2e0e9d112cd596f4a91ed",class:"tds-table__actionbar-left"},this.tableTitle&&e("caption",{key:"0a8a2e7330352f0c8bce0f29f43f6f5bb7a4204a",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),e("slot",{key:"fe7312c205337614665ac25824bfd27c7d9cadc8",name:"start"})),e("div",{key:"95af8f20377ecc20417a8e51dd1e2e619c1eeb21",class:"tds-table__actionbar"},this.filter&&e("div",{key:"798d8ff8fe3008f09018c095c8b07e2a6df17aa7",class:"tds-table__searchbar"},e("input",{key:"e152dc0fcbb47e181788ebbe57ac751332d5cb4c",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),e("span",{key:"fc6a824134d9a41b1aa6864238e0ad37793003ac",class:"tds-table__searchbar-icon"},e("tds-icon",{key:"8ed3d82df541b903c9b6d8e36e172ce15c2d5f54",name:"search",size:"20px"}))),e("slot",{key:"de8d5e9242b9bb1de8a8254cd08fdd41eb76a5e5",name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as t,a as s}from"./p-BBBKPH5r.js";const d=class{constructor(a){e(this,a)}render(){return a(t,{key:"4a9b8a5924f026c20408e7cc32dc98ee9fd64ad1",role:"listitem"},a("div",{key:"3774339f0ca00bc041c51ad966da271dbe38fbb4",class:"user-box"},this.imgUrl&&a("img",{key:"f37f319f602d7418229f56f112d57e0e1346d043",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"a45bc8a008a0be4596cbcf0937c56380ea99bb80",name:"thumbanil"}),a("div",{key:"a1f5e157d1ac7cee13abf1a85422950988f3b8ac",class:"user-content"},a("div",{key:"6e2106c0868094ac54c0e2a54de07ff43dc9f979",class:"header"},this.header,a("slot",{key:"440311184e59aff2fc3425a1779d6b04de98fdd8",name:"header"})),a("div",{key:"85c3966e778010328e6d137573a83245c1077ea8",class:"subheader"},this.subheader,a("slot",{key:"bbd9b87dfa675761e0bc6005431e1cb1e8867013",name:"subheader"})))))}get host(){return s(this)}};d.style=":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";export{d as tds_header_dropdown_list_user}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as s,a}from"./p-BBBKPH5r.js";import{i as r}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const i=class{constructor(t){e(this,t)}render(){const e=Object.assign({},r(this.host));return t(s,{key:"ae06ee98e53076108ce5d994fea278cfcf7c866f"},t("tds-header-item",{key:"cfcc247e196267d28be0754334f9ad0970aad461"},t("button",Object.assign({key:"5daf590949aaa29674b59438452286c88f1bd9e5"},e,{"aria-label":this.tdsAriaLabel}),t("tds-icon",{key:"4f9f010a9a1b79278887822e2d3c025844f6a8c3",class:"icon",name:"burger",size:"20px"}))))}get host(){return a(this)}};i.style=":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";export{i as tds_header_hamburger}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as o,H as d,a as t}from"./p-
|
|
1
|
+
import{r as e,h as o,H as d,a as t}from"./p-BBBKPH5r.js";const s=["multiselect","expandableRows","zebraMode"],a=class{constructor(o){e(this,o),this.multiselect=!1,this.enablePaginationTableBody=!1,this.expandableRows=!1,this.multiselectArray=[],this.multiselectArrayJSON="",this.mainCheckboxStatus=!1,this.columnsNumber=0,this.zebraMode="none",this.tableId="",this.bodyCheckBoxClicked=()=>{const e=this.host.getElementsByClassName("tds-table__row").length,o=this.host.getElementsByClassName("tds-table__row--selected").length;this.mainCheckboxStatus=e===o}}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>s.includes(e))).forEach((o=>{if(void 0===this[o])throw new Error(`Table prop is not supported: ${o}`);this[o]=e.detail[o]}))}bodyCheckboxListener(){this.bodyCheckBoxClicked()}connectedCallback(){var e;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(e=this.tableEl)||void 0===e?void 0:e.tableId}componentWillLoad(){s.forEach((e=>{var o;this[e]=null===(o=this.tableEl)||void 0===o?void 0:o[e]}))}componentWillRender(){var e,o;const d=null===(e=this.host.parentElement)||void 0===e?void 0:e.querySelector("tds-table-header"),t=null!==(o=null==d?void 0:d.children.length)&&void 0!==o?o:0;this.columnsNumber=this.multiselect||this.expandableRows?t+1:t}render(){return o(d,{key:"adce986c270e066e38b0ec79e7d33e6db616c2a2","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}},o("slot",{key:"52a8e58d426fe4997808baadf591be93d260f701"}))}get host(){return t(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 e,h as r,H as
|
|
1
|
+
import{r as e,h as r,H as t}from"./p-BBBKPH5r.js";import{g as a}from"./p-Cn4f8w1e.js";const s=class{constructor(r){e(this,r),this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}}}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel||`${this.variant} message`}render(){const e=this.header?`tds-message-header-${a()}`:void 0,s=this.minimal?void 0:`tds-message-content-${a()}`;return r(t,{key:"970813596af95b36b480b7845f99bf772c46ad85",role:this.tdsAlertDialog,"aria-describedby":s,"aria-label":this.getAriaLabel(),class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},r("div",{key:"9be4eb667886d765cc632cc01ca99436bc5b9c7f",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&r("tds-icon",{key:"6fc65633c9d6c0c177388e08f123860a1127dbe5","aria-hidden":"true","aria-label":`${this.variant}`,svgTitle:`${this.variant}`,name:this.getIconName(),size:"20px"}),r("div",{key:"54b6b7de2b12c7d2317d29ae823993813843a106",class:"content"},this.header&&r("div",{key:"9848cbe69b8a70190ad5d1900cd7d66b30e3f3c2",class:"header",id:e},this.header),!this.minimal&&r("div",{key:"a278772324213ae58cac4521b2bd303081168fff",class:"extended-message",id:s},r("slot",{key:"572befa769c3d329a48272246915b70c7546c61d"})))))}};s.style=":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-message-border-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:4px solid var(--tds-message-border-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:4px solid var(--tds-message-border-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:4px solid var(--tds-message-border-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--foreground-text-strong);padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{color:var(--foreground-text-strong);font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}";export{s as tds_message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,a as d}from"./p-
|
|
1
|
+
import{r as t,h as o,H as e,a as d}from"./p-BBBKPH5r.js";const s=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setTabWidth(t){this.tabWidth=t}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const e=t[o];e.getAttribute("aria-controls")||console.warn("Tegel folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==e.getAttribute("role")&&console.warn('Tegel folder-tab component: Interactive elements should have attribute role="tab"'),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}}render(){return o(e,{key:"5d7bdff1bc18639ce28722cf817d45e2819291fe","aria-selected":this.selected},o("div",{key:"82fb790518a8d3f6c9427c3dd3cbd804fb54ad4f",class:{selected:this.selected,disabled:this.disabled},style:{width:`${this.tabWidth}px`}},o("slot",{key:"fdd78b5c0c9852e587c18d8c5870e00975b62896"})))}get host(){return d(this)}};s.style=':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none}:host ::slotted(*: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 div:not(.selected){background-color:var(--tds-folder-tab-background);position:relative}:host div:not(.selected)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tds-folder-tab-divider-color)}:host div:not(.selected) ::slotted(*){border-top:2px solid transparent;color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top:2px solid var(--tds-folder-tab-top-border-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled{background-color:var(--tds-folder-tab-item-background-disabled)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-divider-color);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host .selected:hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host .selected:hover:not(.disabled) ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) ::slotted(*){border-left-color:transparent}:host(.first) .selected{border-left:none}';export{s as tds_folder_tab}
|