@scania/tegel 1.49.2 → 1.50.0-dev-test-beta.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-BVB4NySF.js +2548 -0
- 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 +3 -3
- 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 +7 -7
- 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.css +5 -15
- 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 +22 -22
- 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/collection/utils/testConfiguration.js +46 -9
- 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-hCp8GmRl.js → p-Dkw_xBUE.js} +1 -1
- 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-DweBXg7f.js +2519 -0
- 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 +3 -3
- 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 +7 -7
- 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-e4cd252c.entry.js → p-01ada5cc.entry.js} +1 -1
- package/dist/tegel/{p-dc425994.entry.js → p-036500ba.entry.js} +1 -1
- package/dist/tegel/p-04d85b0f.entry.js +1 -0
- package/dist/tegel/{p-6c86f384.entry.js → p-053b25a7.entry.js} +1 -1
- package/dist/tegel/p-056a99f3.entry.js +1 -0
- package/dist/tegel/{p-eebfce98.entry.js → p-0a977120.entry.js} +1 -1
- package/dist/tegel/{p-fc5445b7.entry.js → p-0b12a178.entry.js} +1 -1
- package/dist/tegel/p-0ca82d41.entry.js +1 -0
- package/dist/tegel/{p-b524bbfe.entry.js → p-118d48a8.entry.js} +1 -1
- package/dist/tegel/{p-00f77dd3.entry.js → p-11f65313.entry.js} +1 -1
- package/dist/tegel/{p-a6415b2c.entry.js → p-19dd1ae7.entry.js} +1 -1
- package/dist/tegel/{p-735375dd.entry.js → p-1b7a6444.entry.js} +1 -1
- package/dist/tegel/{p-17ea4d71.entry.js → p-1e388219.entry.js} +1 -1
- package/dist/tegel/{p-f7e30ce0.entry.js → p-1eee6082.entry.js} +1 -1
- package/dist/tegel/{p-5b787973.entry.js → p-204c07e4.entry.js} +1 -1
- package/dist/tegel/{p-e7793e67.entry.js → p-25dda965.entry.js} +1 -1
- package/dist/tegel/{p-8f69297f.entry.js → p-295981b0.entry.js} +1 -1
- package/dist/tegel/p-2b121bca.entry.js +1 -0
- package/dist/tegel/{p-e2848b6f.entry.js → p-2ba3870b.entry.js} +1 -1
- package/dist/tegel/{p-bfa98728.entry.js → p-2dcd1256.entry.js} +1 -1
- package/dist/tegel/{p-e8658834.entry.js → p-308a9360.entry.js} +1 -1
- package/dist/tegel/p-32999857.entry.js +1 -0
- package/dist/tegel/p-3bff4a02.entry.js +1 -0
- package/dist/tegel/{p-130d96b2.entry.js → p-3c353dbe.entry.js} +1 -1
- package/dist/tegel/p-3ca13df1.entry.js +1 -0
- package/dist/tegel/p-3d1d0539.entry.js +1 -0
- package/dist/tegel/p-407bf43a.entry.js +1 -0
- package/dist/tegel/{p-b11a2807.entry.js → p-466b3ada.entry.js} +1 -1
- package/dist/tegel/{p-e0be794f.entry.js → p-475f4f25.entry.js} +1 -1
- package/dist/tegel/{p-408ccb20.entry.js → p-4a4a8fd8.entry.js} +1 -1
- package/dist/tegel/p-50684cc9.entry.js +1 -0
- package/dist/tegel/{p-34acf548.entry.js → p-507e1770.entry.js} +1 -1
- package/dist/tegel/{p-462a1867.entry.js → p-5e638157.entry.js} +1 -1
- package/dist/tegel/{p-92ee76ea.entry.js → p-5f86c486.entry.js} +1 -1
- package/dist/tegel/{p-c612b88f.entry.js → p-67fc2dea.entry.js} +1 -1
- package/dist/tegel/{p-dfa11d82.entry.js → p-6bfcaa2a.entry.js} +1 -1
- package/dist/tegel/{p-a5ec44a0.entry.js → p-7ccbba43.entry.js} +1 -1
- package/dist/tegel/{p-f935c2e9.entry.js → p-7dea78f2.entry.js} +1 -1
- package/dist/tegel/{p-64e04dc0.entry.js → p-81e2755d.entry.js} +1 -1
- package/dist/tegel/{p-089347c1.entry.js → p-831c9366.entry.js} +1 -1
- package/dist/tegel/{p-7fd4299d.entry.js → p-88abcb6a.entry.js} +1 -1
- package/dist/tegel/{p-fb9f17be.entry.js → p-88e70c3b.entry.js} +1 -1
- package/dist/tegel/{p-066bb57c.entry.js → p-89cc6b53.entry.js} +1 -1
- package/dist/tegel/{p-c2e17e83.entry.js → p-98ab6d90.entry.js} +1 -1
- package/dist/tegel/{p-d92682e4.entry.js → p-9cdb4f92.entry.js} +1 -1
- package/dist/tegel/{p-492af98d.entry.js → p-9f11a4d2.entry.js} +1 -1
- package/dist/tegel/p-DweBXg7f.js +2 -0
- package/dist/tegel/{p-6bcb6678.entry.js → p-a274cda5.entry.js} +1 -1
- package/dist/tegel/p-a801a3dc.entry.js +1 -0
- package/dist/tegel/{p-399de5fb.entry.js → p-af80e494.entry.js} +1 -1
- package/dist/tegel/{p-bc98d0e2.entry.js → p-b2987e97.entry.js} +1 -1
- package/dist/tegel/{p-72f04cd1.entry.js → p-b2e56961.entry.js} +1 -1
- package/dist/tegel/p-b4ec80bf.entry.js +1 -0
- package/dist/tegel/{p-e399bba6.entry.js → p-b4f4a662.entry.js} +1 -1
- package/dist/tegel/p-bd13b9e7.entry.js +1 -0
- package/dist/tegel/{p-808c9db1.entry.js → p-be14d395.entry.js} +1 -1
- package/dist/tegel/{p-2ef824fb.entry.js → p-c4694585.entry.js} +1 -1
- package/dist/tegel/{p-b29a9c01.entry.js → p-c4cf9048.entry.js} +1 -1
- package/dist/tegel/p-c585fb4f.entry.js +1 -0
- package/dist/tegel/{p-9d1d18e5.entry.js → p-c5ef8d6a.entry.js} +1 -1
- package/dist/tegel/{p-09867bb0.entry.js → p-c7f41809.entry.js} +1 -1
- package/dist/tegel/{p-fe45a38b.entry.js → p-ca6a5ea7.entry.js} +1 -1
- package/dist/tegel/{p-121afb33.entry.js → p-cd9faccb.entry.js} +1 -1
- package/dist/tegel/{p-bf411bd0.entry.js → p-d01f4544.entry.js} +1 -1
- package/dist/tegel/p-d4980629.entry.js +1 -0
- package/dist/tegel/{p-483d8c89.entry.js → p-d6047e04.entry.js} +1 -1
- package/dist/tegel/{p-afad1dba.entry.js → p-d9c17e1b.entry.js} +1 -1
- package/dist/tegel/p-dd6aac89.entry.js +1 -0
- package/dist/tegel/{p-3d11fc11.entry.js → p-e191c74a.entry.js} +1 -1
- package/dist/tegel/{p-9a0253d6.entry.js → p-e2ebbf38.entry.js} +1 -1
- package/dist/tegel/{p-4236bbf5.entry.js → p-ea4e5fda.entry.js} +1 -1
- package/dist/tegel/p-ebb3203d.entry.js +1 -0
- package/dist/tegel/{p-84580662.entry.js → p-ebc95d30.entry.js} +1 -1
- package/dist/tegel/{p-873dd581.entry.js → p-f0e8ba85.entry.js} +1 -1
- package/dist/tegel/{p-8db648a3.entry.js → p-f2bd2109.entry.js} +1 -1
- package/dist/tegel/p-f31e9596.entry.js +1 -0
- package/dist/tegel/{p-2c4defb0.entry.js → p-f4e3b306.entry.js} +1 -1
- package/dist/tegel/p-f8352d9e.entry.js +1 -0
- package/dist/tegel/{p-9c179f84.entry.js → p-fc3cacf7.entry.js} +1 -1
- package/dist/tegel/{p-091c27ee.entry.js → p-fe3d8e4a.entry.js} +1 -1
- package/dist/tegel/tegel.css +95 -3
- package/dist/tegel/tegel.esm.js +1 -1
- 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/dist/types/utils/testConfiguration.d.ts +13 -11
- package/package.json +4 -3
- package/dist/cjs/index-DGsdvbvx.js +0 -2521
- 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/esm/index-9xxNGlso.js +0 -2492
- 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-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-826bfbff.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-b765f247.entry.js +0 -1
- package/dist/tegel/p-b881093c.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 e,c as t,h as s,H as o,a as i}from"./p-
|
|
1
|
+
import{r as e,c as t,h as s,H as o,a as i}from"./p-DweBXg7f.js";const d=class{constructor(s){e(this,s),this.tdsCollapse=t(this,"tdsCollapse",7),this.internalTdsCollapse=t(this,"internalTdsCollapse",6),this.internalTdsSideMenuPropChange=t(this,"internalTdsSideMenuPropChange",6),this.open=!1,this.persistent=!1,this.collapsed=!1,this.isMobile=!1,this.isUpperSlotEmpty=!1,this.isCollapsed=!1,this.initialCollapsedState=!1,this.activeElementIndex=0,this.handleMatchesLgBreakpointChange=e=>{const t=!e.matches;this.isMobile=t,t?this.collapsed=!1:(this.open=!1,this.collapsed=this.initialCollapsedState)}}handleKeyDown(e){"Escape"===e.key&&this.isMobile&&this.open&&(this.open=!1)}connectedCallback(){this.matchesLgBreakpointMq=window.matchMedia("(min-width: 992px)"),this.matchesLgBreakpointMq.addEventListener("change",this.handleMatchesLgBreakpointChange),this.isMobile=!this.matchesLgBreakpointMq.matches,this.isCollapsed=this.collapsed,this.initialCollapsedState=this.collapsed}componentDidLoad(){var e;const t=(null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])")).assignedElements();(null==t?void 0:t.length)>0||(this.isUpperSlotEmpty=!0),this.isMobile&&(this.collapsed=!1)}disconnectedCallback(){this.matchesLgBreakpointMq&&this.matchesLgBreakpointMq.removeEventListener("change",this.handleMatchesLgBreakpointChange)}onCollapsedChange(e){this.internalTdsSideMenuPropChange.emit({changed:["collapsed"],collapsed:e}),this.isCollapsed=e}onOpenChange(e){if(this.isMobile)if(e)setTimeout((()=>{const e=this.getFocusableElements();e.length>0&&(this.activeElementIndex=0,e[0].focus())}),100);else{const e=document.querySelector("tds-header-hamburger");if(e&&e.shadowRoot){const t=e.shadowRoot.querySelector("button");t&&t.focus()}}else e&&(this.open=!1)}getFocusableElements(){var e,t,s;const o=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),i=Array.from(null!==(t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll(o))&&void 0!==t?t:[]),d=Array.from(this.host.querySelectorAll(o)),a=this.host.querySelector('[slot="close-button"]');let r;a&&(r=null===(s=a.shadowRoot)||void 0===s?void 0:s.querySelector("button"));const n=[...i,...d];return r&&n.push(r),n}handleFocusTrap(e){if(!this.open||!this.isMobile)return;if("Tab"!==e.key)return;const t=this.getFocusableElements();0!==t.length&&(e.preventDefault(),e.shiftKey?(this.activeElementIndex-=1,this.activeElementIndex<0&&(this.activeElementIndex=t.length-1)):(this.activeElementIndex+=1,this.activeElementIndex>=t.length&&(this.activeElementIndex=0)),t[this.activeElementIndex].focus())}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}render(){return s(o,{key:"4c7ef20dafaa84ba2939889e40dd245ffd683356",class:{"menu-opened":this.open,"menu-persistent":this.persistent,"menu-collapsed":this.collapsed},"aria-expanded":(this.isMobile?this.open:!this.collapsed)?"true":"false"},s("div",{key:"515a38e098d2ede1ff846cc60176c451037a0356",class:{wrapper:!0,"state-upper-slot-empty":this.isUpperSlotEmpty,"state-open":this.open,"state-closed":!this.open}},s("slot",{key:"0e6ab143ebc6f67ee8b8ab1573c02d070ce8d64f",name:"overlay"}),s("aside",{key:"e5bc037a75037723300bac0df3c424a7ca3597b6",class:"menu"},s("div",{key:"d65d5c36e1151b27d1d859cb4e7a53bb390133c0",role:"navigation"},s("slot",{key:"70277663e55908f048e807d3d07241c530f5c60f",name:"close-button"}),s("div",{key:"af81aa4f22189716330f1b9563148fd7adfd4ab1",class:"tds-side-menu-wrapper"},s("ul",{key:"38f9cb307b71cbded62856926266829d531bbcec",class:"tds-side-menu-list tds-side-menu-list-upper"},s("li",{key:"7333761276459f88d8a52e1e824f9e2c7e62a3e4"},s("slot",{key:"4109ca83e6a124c6f251468ec28905efee2a0ef7"}))),s("ul",{key:"e5617092ca8c634f1d03815ca47291d5238d2162",class:"tds-side-menu-list tds-side-menu-list-end"},s("li",{key:"cc0fd0bc724cb5f0157d15e7617fb1630408d73a"},s("slot",{key:"aa8b19131f05427331b02dfb8137b63d8d1b771f",name:"end"})))),s("slot",{key:"bb232a44cc190df59e1f9b104669a15b976d8ba0",name:"sticky-end"})))))}get host(){return i(this)}static get watchers(){return{collapsed:[{onCollapsedChange:0}],open:[{onOpenChange:0}]}}};d.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{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:69px;box-sizing:border-box}:host(.menu-persistent):host(.menu-collapsed) .menu{width:68px}:host(.menu-persistent) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);overflow-y:auto}aside .tds-side-menu-wrapper:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:var(--tds-scrollbar-width)}aside .tds-side-menu-wrapper::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}aside .tds-side-menu-wrapper::-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}aside .tds-side-menu-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){aside .tds-side-menu-wrapper{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}aside [role=navigation]{height:100%;display:flex;flex-direction:column}aside li{list-style:none;padding:0;margin:0}";export{d as tds_side_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,H as a}from"./p-DweBXg7f.js";const d=class{constructor(r){e(this,r)}render(){return r(a,{key:"497d9c1aaf805a5bba06d860f02002eeead6032c"},r("tds-header-dropdown-list-item",{key:"74b6b75f5c7759bc226ba7150f9fb5ea23bcfc66",size:"lg"},r("slot",{key:"00d8917ab3c70f6d0ca27231572c4cdfa47cf07e"})))}};d.style=":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";export{d as tds_header_launcher_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as
|
|
1
|
+
import{r as t,c as e,h as a,H as d,a as s}from"./p-DweBXg7f.js";import{g as o}from"./p-Cn4f8w1e.js";const l=["verticalDividers","compactDesign","noMinWidth","modeVariant","multiselect"],i=class{constructor(a){t(this,a),this.internalTdsRowExpanded=e(this,"internalTdsRowExpanded",6),this.tdsChange=e(this,"tdsChange",6),this.tdsSelect=e(this,"tdsSelect",6),this.colSpan=null,this.rowId=o(),this.overflow="auto",this.autoCollapse=!1,this.tdsAriaLabelExpandButton="",this.selected=!1,this.disabled=!1,this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null,this.multiselect=!1}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}handleRowExpand(t){this.autoCollapse&&t.detail.isExpanded&&t.detail.rowId!==this.rowId&&t.detail.tableId===this.tableId&&this.collapse()}watchExpanded(t){t!==this.isExpanded&&(this.isExpanded=t,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId}))}async expand(){this.isExpanded=!0,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}async collapse(){this.isExpanded=!1,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}connectedCallback(){var t;void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){l.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){var t;if(null!==this.colSpan)this.columnsNumber=this.colSpan;else{const e=null===(t=this.tableEl)||void 0===t?void 0:t.querySelector("tds-table-header");if(e){let t=e.childElementCount;t+=1,this.multiselect&&(t+=1),this.columnsNumber=t}}}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded]),this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}render(){var t;return a(d,{key:"4cb9b9ae686cff6a0c9f7a73a2eb72eb4444859a",class:{"tds-table__row":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers}},a("tr",{key:"d9df910f8c230d7a0289c887a6a9cea5af569d9d",id:`expandable-content-${this.rowId}`,class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded,"tds-table__row--selected":this.selected},part:"row"},this.multiselect&&a("td",{key:"e7b76c0efb3fc1c6700980e0d48a681458eacd6f",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},a("tds-checkbox",{key:"e707b13211b328beb76ffe78ff874bbd863483ee",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),a("td",{key:"6150b96c6b00407685d8f059c083bbd159a27938",class:{"tds-table__cell-expand":!0}},a("label",{key:"78df3bcaf49fb79d37d958a94645f6eaffbcdfba",class:"tds-table__expand-control-container"},a("input",{key:"93a7d13ac6fd8a43e02ca67abadbcf1f37230cf8",class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`expandable-content-${this.rowId}`,"aria-label":this.tdsAriaLabelExpandButton}),a("span",{key:"4e9399e6e6520e24a6f40cf0a4853f436c18bd9c",class:"tds-expendable-row-icon"},a("svg",{key:"cde3749b3716a1b96e0f93fe6d140f2e0d1a5174",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},a("path",{key:"98803ddb93a854f0734a080641bd19c6983f63ea","fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),a("slot",{key:"f821c49713d75972ce698c199da7b20eae103530"})),a("tr",{key:"1ffedd81c1410d80f31be60737d401a8622d104a",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},a("td",{key:"2d1f4ef38dcea38e4154ea4a788404c9b44f0b9a",class:{"tds-table__cell-expand":!0,"tds-table__cell-expand--overflow-hidden":"hidden"===this.overflow,"tds-table__cell-expand--overflow-visible":"visible"===this.overflow},part:"expand-row-cell",colSpan:null!==(t=this.columnsNumber)&&void 0!==t?t:void 0},a("div",{key:"ab809e98c84bc5c3bc5c1233ec20b18c80e569b7",style:{overflow:this.overflow}},a("slot",{key:"0a540ac54a7b6e5c1d1567e5178a0bd624b76d2f",name:"expand-row"})))))}get host(){return s(this)}static get watchers(){return{expanded:[{watchExpanded:0}]}}};i.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row--selected{background-color:var(--tds-table-body-row-background-selected)}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__row--selected:hover{background-color:var(--tds-table-body-row-background-selected-hover)}:host .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell-expand{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}";export{i as tds_table_body_row_expandable}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,a as o}from"./p-DweBXg7f.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,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-DweBXg7f.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as e,a as i}from"./p-
|
|
1
|
+
import{r as t,h as s,H as e,a as i}from"./p-DweBXg7f.js";const d=["verticalDividers","compactDesign","noMinWidth"],o=class{constructor(s){t(this,s),this.disablePadding=!1,this.textAlignState=void 0,this.activeSorting=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((s=>{if(void 0===this[s])throw new Error(`Table prop is not supported: ${s}`);this[s]=t.detail[s]}))}internalTdsHoverListener(t){const{tableId:s,key:e}=t.detail;s===this.tableId&&(this.activeSorting=this.cellKey===e)}internalTdsTextAlignListener(t){const[s,e,i]=t.detail;this.tableId===s&&this.cellKey===e&&(this.textAlignState=this.textAlign?this.textAlign:["left","start","right","end","center"].includes(i)?i:"left")}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&d.forEach((t=>{var s;this[t]=null===(s=this.tableEl)||void 0===s?void 0:s[t]})),this.textAlign&&(this.textAlignState=this.textAlign)}render(){let t="var(--tds-spacing-element-16)";return this.disablePadding?t="0":this.compactDesign&&(t="var(--tds-spacing-element-8) var(--tds-spacing-element-16)"),s(e,{key:"1b2e629f6e69dc781b31a858762a310cde81283a",class:{"tds-table__body-cell":!0,"tds-table__body-cell--hover":this.activeSorting,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth}},s("td",{key:"809dfc0ebb81dfb243bdfad230263d5c899baaee",style:{textAlign:this.textAlignState,padding:t},colSpan:this.colSpan,rowSpan:this.rowSpan},this.cellValue,s("slot",{key:"1e2286ec6f5d982d3e2dc0ec82451689b585c360"})))}get host(){return i(this)}};o.style=":host{display:contents}:host(.tds-table__body-cell) td{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.tds-table__body-cell) td *{box-sizing:border-box}:host(.tds-table__body-cell--hover) td{background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact) td{padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider) td{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) td{border-right:none}:host(.tds-table--no-min-width) td{min-width:unset}";export{o as tds_body_cell}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as e,a as i}from"./p-DweBXg7f.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 t,h as r,H as
|
|
1
|
+
import{r as t,h as r,H as a,a as s}from"./p-DweBXg7f.js";import{g as e}from"./p-Cn4f8w1e.js";import{i as o}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const i=class{constructor(r){t(this,r),this.open=!1,this.hasListTypeMenu=!1,this.uuid=e()}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var r,a;if("Escape"===t.key&&this.open){this.open=!1;const t=null===(a=null===(r=this.buttonEl)||void 0===r?void 0:r.shadowRoot)||void 0===a?void 0:a.querySelector("button");t&&t.focus()}}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const r="a, [tabindex='0']",a=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(r))||this.host.querySelector(r);a instanceof HTMLElement&&a.focus()}))}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),o(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return r(a,{key:"687811b90323d71d1b2fcdb95a0c5a1cc798ab63"},r("div",{key:"ff389690f36fa41b4f09911720a5b842463880ea",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},r("tds-header-launcher-button",Object.assign({key:"5ad9190ea862179eb74088a9597cbac0f2cd76ee"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&r("tds-popover-canvas",{key:"c22a1514bcc73d508100cabff07422009f775ffa",id:`tds-launcher-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?r("slot",null):null)))}get host(){return s(this)}};i.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";export{i as tds_header_launcher}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,a as i}from"./p-
|
|
1
|
+
import{r as t,h as o,H as e,a as i}from"./p-DweBXg7f.js";const s=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){var t;const o=this.host.closest("tds-footer-group");o&&(this.parentIsTopPart="top"===(null===(t=o.parentElement)||void 0===t?void 0:t.slot))}render(){return o(e,{key:"e422cb3d81d974bdefd2a5221aa5f9df693feccd",role:"listitem"},o("div",{key:"bcd21f30335d92da6dd577fdc2b6e7ae273a6390",class:this.parentIsTopPart?"top-part-child":""},o("slot",{key:"861ffb44a8f9f2e4e75ad24b2bb640be9a712129"})))}get host(){return i(this)}};s.style=":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}}";export{s as tds_footer_item}
|
|
@@ -1 +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-DweBXg7f.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 e,h as d,H as t,a}from"./p-
|
|
1
|
+
import{r as e,h as d,H as t,a}from"./p-DweBXg7f.js";import{i as r}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const s=e=>{e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){const d=e;"li"!==d.tagName.toLowerCase()&&"listitem"!==d.getAttribute("role")&&d.setAttribute("role","listitem")}}))},o=class{constructor(d){e(this,d),this.observer=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&s(e.target)}))}))}componentDidLoad(){const e=this.host.querySelector(".tds-header-component-list");e&&(this.observer.observe(e,{childList:!0,subtree:!1}),s(e))}disconnectedCallback(){this.observer.disconnect()}render(){const e=Object.assign({},r(this.host));return d(t,{key:"181fbfe75463969a86384760288b62a2c67ce83e"},d("slot",{key:"73d7e5f465cdb8d208bb227fdc0db5411eb2c32a",name:"hamburger"}),d("slot",{key:"62844699d097f33eb4286b7a564c42bba820323a",name:"title"}),d("nav",Object.assign({key:"30676babd29ca880b1f21d1fce28ab124e1ae90b"},e),d("ul",{key:"864fca4598d6611c6d895a1550301b21073eeb76",class:"tds-header-component-list"},d("slot",{key:"4acca7b1d28b79557f59395cc955ee74531b6828"}),d("li",{key:"0917aa2f981f5951b3b688e6eaa93c7a129cb366",class:"tds-header-middle-spacer"}),d("slot",{key:"c1b1b52718d6180a1b77f0f04498f7f81528ac0d",name:"end"}))))}get host(){return a(this)}};o.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}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:"Scania Sans Headline", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}tds-header tds-header-dropdown-list-item a *,tds-header tds-header-dropdown-list-item button *{pointer-events:none}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}';export{o as tds_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as s,a as i}from"./p-
|
|
1
|
+
import{r as t,h as o,H as s,a as i}from"./p-DweBXg7f.js";import{i as e}from"./p-CF8bH08v.js";const r=class{constructor(o){t(this,o),this.text="",this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.border="",this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes={}}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return o(s,{key:"37b0078f12fc026bcb8c69c5bb3a8e33bbc7c20f",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},o("tds-popover-core",Object.assign({key:"1766cc066aead022511bf9adc94e1d5bf19fd261"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":!!this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.determineTrigger(),modifiers:this.popperjsExtraModifiers,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1},defaultShow:this.defaultShow}),this.text,o("slot",{key:"2ee57dc01f144f19bad5296d915e120ab815e57d"})))}get host(){return i(this)}};r.style=".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";export{r as tds_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as s,H as d,a}from"./p-9xxNGlso.js";import{h as i}from"./p-DDX6uFcm.js";import{g as e}from"./p-Cn4f8w1e.js";const r=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)}}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s||s.scrollTo(0,0)}focusFirstElement(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),a=this.header?`tds-modal-header-${e()}`:void 0,r=`tds-modal-body-${e()}`;return s(d,{key:"627470cc4fd39a05084149c125b34e8c41fca76b",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":r,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"64cbcfcc22244a706d448dab7834a83173943d85",class:"tds-modal-backdrop"}),s("div",{key:"ab7af811011361c8b5fb311dff6fd12143ad9fa4",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},s("div",{key:"4aa8706b05c2b2dfd286368b0f1dd7e4eaaec10f",id:a,class:"header"},this.header&&s("div",{key:"a24a3998f441a80a5ba39082e1b8c6a4568424a1",class:"header-text"},this.header),t&&s("slot",{key:"5aba912426f4743d5c136230cfbccbc3730b2adf",name:"header"}),this.closable&&s("button",{key:"14da162e80c29bdaad47990af70b533a1a2e0fc2",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"f28f4aedb9e432849803a5961db568db4c157003",name:"cross",size:"20px"}))),s("div",{key:"928a57c57f5bbbcd6411da9378d2001c9befb855",id:r,class:"body"},s("slot",{key:"800c2deda52545ce5ca457c3274734df18a1bd57",name:"body"})),o&&s("slot",{key:"d453d7e1fe3062aa238ca19883345aa09c0b87c5",name:"actions"})))}get host(){return a(this)}static get watchers(){return{show:[{handleShowPropChange:0}]}}};r.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}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header,slot[name=header]::slotted(*){font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{r as tds_modal}
|
|
1
|
+
import{r as t,c as o,h as s,H as d,a}from"./p-DweBXg7f.js";import{h as i}from"./p-DDX6uFcm.js";import{g as e}from"./p-Cn4f8w1e.js";const r=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)}}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s||s.scrollTo(0,0)}focusFirstElement(){var t,o;const s=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),a=this.header?`tds-modal-header-${e()}`:void 0,r=`tds-modal-body-${e()}`;return s(d,{key:"47c0d4fe04b057ad1f1295336bad71e541b052ac",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":r,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"f6500967c2aa83e740030050b5324de267ee7070",class:"tds-modal-backdrop"}),s("div",{key:"14bdaa5cef839b616355e7d5342519389a095b2d",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},s("div",{key:"fe10c46a52f58f1717b4e8bcb51b14cbef64cc4e",id:a,class:"header"},this.header&&s("div",{key:"95cf626802fe45eb54091414176e35af9eebc26e",class:"header-text"},this.header),t&&s("slot",{key:"840e065228905dff0b0aee19306c2767a44c5961",name:"header"}),this.closable&&s("button",{key:"515240253c8cf06452e6cf1e7c7cd90836ee6526",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"5b93c45967f34e994a57fd36fe50f19e34681cec",name:"cross",size:"20px"}))),s("div",{key:"e35ee14846aa28f1496e1a8dc5b0514b59a7c4f6",id:r,class:"body"},s("slot",{key:"828423ca3134f0f38520b4b70451b97cce84f19c",name:"body"})),o&&s("slot",{key:"9455e931e29bed29f10c01f7adc9555556b7f298",name:"actions"})))}get host(){return a(this)}static get watchers(){return{show:[{handleShowPropChange:0}]}}};r.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}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header,slot[name=header]::slotted(*){font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{r as tds_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as r}from"./p-
|
|
1
|
+
import{r as s,h as r}from"./p-DweBXg7f.js";const n=class{constructor(r){s(this,r),this.size="lg",this.variant="standard"}render(){return r("div",{key:"6bc92547f2513496d52ff297e0edc981c5dd7d89","aria-live":"assertive",role:"status","aria-label":"loading"},r("svg",{key:"4997ea9dffe315deb470c76df65a3da2a5e576a0",class:`tds-spinner-svg tds-spinner-svg-${this.size}`,"aria-hidden":"true"},r("circle",{key:"90dd9b3586801519aa62977c27099306f587db6e",class:`tds-spinner-circle tds-spinner-circle-${this.variant}`})))}};n.style=":root{--spinner-background-inverted:var(--tds-white)}:root,.scania,.scania .tds-mode-light{--spinner-background:var(--tds-blue-400)}.scania .tds-mode-dark{--spinner-background:var(--tds-blue-400)}.traton,.traton .tds-mode-light{--spinner-background:rgba(0, 72, 82, 1)}.traton .tds-mode-dark{--spinner-background:rgba(194, 191, 182, 1)}:root{--spinner-speed:1.8s;--spinner-speed-lg:2s;--spinner-radius-xs:8px;--spinner-radius-sm:12px;--spinner-radius-md:26px;--spinner-radius-lg:42px;--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width-xs:3px;--spinner-stroke-width-sm:4px;--spinner-stroke-width-md:6px;--spinner-stroke-width-lg:8px;--spinner-stroke-width:var(--spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-spinner-svg{display:block;width:calc(var(--spinner-radius) * 2);height:calc(var(--spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.tds-spinner-svg-xs{--spinner-radius:var(--spinner-radius-xs);--spinner-stroke-width:var(--spinner-stroke-width-xs);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-sm{--spinner-radius:var(--spinner-radius-sm);--spinner-stroke-width:var(--spinner-stroke-width-sm);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-md{--spinner-radius:var(--spinner-radius-md);--spinner-stroke-width:var(--spinner-stroke-width-md);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-lg{--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width:var(--spinner-stroke-width-lg);--spinner-animation-speed:var(--spinner-speed-lg)}.tds-spinner-circle{cx:var(--spinner-radius);cy:var(--spinner-radius);r:calc(var(--spinner-radius) - var(--spinner-stroke-width) / 2);fill:none;--spinner-stroke-dash:calc((2 * var(--PI)) * var(--spinner-radius));stroke-dasharray:var(--spinner-stroke-dash);stroke-width:var(--spinner-stroke-width);animation:dash var(--spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.tds-spinner-circle-standard{stroke:var(--spinner-background)}.tds-spinner-circle-inverted{stroke:var(--spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--spinner-stroke-dash))}to{stroke-dashoffset:var(--spinner-stroke-dash)}}";export{n as tds_spinner}
|