@scania/tegel 1.33.0 → 1.34.0-internal-variables-demo.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-ca8040ad.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tds-badge.cjs.entry.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +1 -1
- package/dist/cjs/tds-block.cjs.entry.js +7 -3
- package/dist/cjs/tds-body-cell.cjs.entry.js +3 -3
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/tds-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-card.cjs.entry.js +1 -1
- package/dist/cjs/tds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/tds-chip.cjs.entry.js +1 -1
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +2 -2
- package/dist/cjs/tds-datetime.cjs.entry.js +1 -1
- package/dist/cjs/tds-divider.cjs.entry.js +12 -2
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +9 -8
- package/dist/cjs/tds-folder-tab.cjs.entry.js +3 -3
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +3 -3
- package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer.cjs.entry.js +3 -4
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-cell.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-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.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-icon.cjs.entry.js +32 -9
- package/dist/cjs/tds-inline-tab.cjs.entry.js +3 -3
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +3 -3
- package/dist/cjs/tds-link.cjs.entry.js +1 -1
- package/dist/cjs/tds-message.cjs.entry.js +1 -1
- package/dist/cjs/tds-modal.cjs.entry.js +1 -1
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +3 -3
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +5 -5
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +6 -3
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu.cjs.entry.js +6 -3
- package/dist/cjs/tds-radio-button.cjs.entry.js +4 -2
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +4 -2
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +5 -5
- 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 +3 -3
- 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 +4 -4
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
- package/dist/cjs/tds-slider.cjs.entry.js +15 -9
- 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 +1 -1
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +3 -3
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +8 -8
- package/dist/cjs/tds-table-body-row.cjs.entry.js +3 -3
- package/dist/cjs/tds-table-body.cjs.entry.js +3 -3
- package/dist/cjs/tds-table-footer.cjs.entry.js +4 -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 +1 -1
- package/dist/cjs/tds-text-field.cjs.entry.js +9 -6
- package/dist/cjs/tds-textarea.cjs.entry.js +5 -5
- package/dist/cjs/tds-toast.cjs.entry.js +4 -4
- package/dist/cjs/tds-toggle.cjs.entry.js +3 -3
- package/dist/cjs/tds-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion-item/accordion-item.css +34 -25
- package/dist/collection/components/accordion/accordion.css +8 -9
- package/dist/collection/components/badge/badge.css +2 -4
- package/dist/collection/components/banner/banner.css +26 -16
- package/dist/collection/components/banner/banner.js +1 -1
- package/dist/collection/components/block/block.css +15 -8
- package/dist/collection/components/block/block.js +6 -2
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +6 -8
- package/dist/collection/components/breadcrumbs/breadcrumbs.css +9 -2
- package/dist/collection/components/button/button.css +480 -426
- package/dist/collection/components/card/card.css +30 -18
- package/dist/collection/components/checkbox/checkbox.css +37 -30
- package/dist/collection/components/chip/chip.css +31 -19
- package/dist/collection/components/datetime/datetime.css +104 -199
- package/dist/collection/components/divider/divider.css +1 -2
- package/dist/collection/components/divider/divider.js +29 -1
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +18 -13
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +2 -2
- package/dist/collection/components/dropdown/dropdown.css +190 -127
- package/dist/collection/components/dropdown/dropdown.js +5 -4
- package/dist/collection/components/footer/footer-group/footer-group.css +21 -14
- package/dist/collection/components/footer/footer-item/footer-item.css +25 -17
- package/dist/collection/components/footer/footer.css +20 -7
- package/dist/collection/components/footer/footer.js +2 -3
- package/dist/collection/components/header/core-header-item/core-header-item.css +10 -3
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.css +3 -2
- package/dist/collection/components/header/header-dropdown/header-dropdown.css +4 -4
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +19 -13
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.css +18 -7
- package/dist/collection/components/header/header-item/header-item.css +16 -11
- package/dist/collection/components/header/header-launcher/header-launcher.css +4 -4
- package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.css +12 -6
- package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.css +11 -4
- package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.css +1 -1
- package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.css +11 -4
- package/dist/collection/components/header/header-title/header-title.css +4 -3
- package/dist/collection/components/header/header.css +4 -4
- package/dist/collection/components/icon/icon.js +32 -10
- package/dist/collection/components/icon/scaniaIconsArray.js +2 -1
- package/dist/collection/components/icon/tratonIconsArray.js +4 -1
- package/dist/collection/components/link/link.css +23 -14
- package/dist/collection/components/message/message.css +42 -53
- package/dist/collection/components/modal/modal.css +15 -16
- package/dist/collection/components/popover-canvas/popover-canvas.css +3 -3
- package/dist/collection/components/popover-canvas/popover-canvas.js +26 -10
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.css +14 -7
- package/dist/collection/components/popover-menu/popover-menu.css +2 -2
- package/dist/collection/components/popover-menu/popover-menu.js +23 -2
- package/dist/collection/components/radio-button/radio-button.css +41 -25
- package/dist/collection/components/radio-button/radio-button.js +3 -1
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.css +7 -21
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +3 -1
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.css +6 -4
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +4 -4
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.css +34 -6
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.css +7 -1
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +39 -16
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +36 -22
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
- package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.css +1 -2
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.css +5 -2
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.css +12 -4
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
- package/dist/collection/components/side-menu/side-menu.css +19 -10
- package/dist/collection/components/slider/slider-stories-setup.js +29 -1
- package/dist/collection/components/slider/slider.css +86 -41
- package/dist/collection/components/slider/slider.js +50 -8
- package/dist/collection/components/spinner/spinner.css +33 -64
- package/dist/collection/components/spinner/spinner.js +3 -2
- package/dist/collection/components/stepper/step/step.css +53 -38
- package/dist/collection/components/stepper/step/step.js +1 -1
- package/dist/collection/components/stepper/stepper.css +0 -3
- package/dist/collection/components/table/table/table.css +4 -4
- package/dist/collection/components/table/table-body/table-body.css +11 -21
- package/dist/collection/components/table/table-body/table-body.js +2 -2
- package/dist/collection/components/table/table-body-cell/table-body-cell.css +12 -5
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +2 -2
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.css +18 -9
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +2 -2
- package/dist/collection/components/table/table-body-row/table-body-row.css +10 -9
- package/dist/collection/components/table/table-body-row/table-body-row.js +2 -2
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.css +11 -12
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
- package/dist/collection/components/table/table-footer/table-footer.css +33 -22
- package/dist/collection/components/table/table-footer/table-footer.js +3 -3
- package/dist/collection/components/table/table-header/table-header.css +14 -7
- package/dist/collection/components/table/table-header/table-header.js +2 -2
- package/dist/collection/components/table/table-header-cell/table-header-cell.css +27 -13
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +1 -1
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.css +16 -9
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
- package/dist/collection/components/table/table-toolbar/table-toolbar.css +25 -14
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.css +25 -18
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.css +3 -18
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +19 -10
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +4 -20
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +22 -10
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +5 -20
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
- package/dist/collection/components/text-field/text-field.css +172 -181
- package/dist/collection/components/text-field/text-field.js +8 -5
- package/dist/collection/components/textarea/textarea.css +133 -77
- package/dist/collection/components/textarea/textarea.js +4 -4
- package/dist/collection/components/toast/toast.css +31 -23
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toggle/toggle.css +55 -45
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/tooltip/tooltip.css +11 -4
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/components/{p-4b0c6ab5.js → p-14edfa40.js} +5 -5
- package/dist/components/{p-b609e7a7.js → p-1a71c773.js} +2 -2
- package/dist/components/{p-71c3dfe9.js → p-55929c34.js} +1 -1
- package/dist/components/{p-927cf777.js → p-597922b6.js} +2 -2
- package/dist/components/{p-1cd6b2c6.js → p-6524ae73.js} +7 -6
- package/dist/components/p-7adbd356.js +108 -0
- package/dist/components/p-8565f800.js +114 -0
- package/dist/components/{p-6adb1ce3.js → p-86cd8d5e.js} +2 -2
- package/dist/components/{p-9ad61cb5.js → p-9597d1a2.js} +1 -1
- package/dist/components/{p-ea381f94.js → p-a8fea701.js} +3 -3
- package/dist/components/p-aeba8158.js +46 -0
- package/dist/components/{p-f589b91c.js → p-e26b8b01.js} +3 -3
- package/dist/components/{p-9cee9d7f.js → p-e9b88277.js} +3 -3
- package/dist/components/{p-df84759a.js → p-ee839631.js} +7 -3
- package/dist/components/tds-accordion-item.js +2 -2
- package/dist/components/tds-accordion.js +1 -1
- package/dist/components/tds-badge.js +1 -1
- package/dist/components/tds-banner.js +2 -2
- package/dist/components/tds-block.js +7 -3
- package/dist/components/tds-body-cell.js +3 -3
- 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 +2 -2
- package/dist/components/tds-checkbox.js +1 -1
- package/dist/components/tds-chip.js +1 -1
- package/dist/components/tds-core-header-item.js +1 -1
- package/dist/components/tds-datetime.js +2 -2
- 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 +3 -3
- package/dist/components/tds-folder-tabs.js +4 -4
- package/dist/components/tds-footer-group.js +2 -2
- package/dist/components/tds-footer-item.js +1 -1
- package/dist/components/tds-footer.js +3 -4
- package/dist/components/tds-header-brand-symbol.js +3 -3
- package/dist/components/tds-header-cell.js +3 -3
- 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 +5 -5
- package/dist/components/tds-header-hamburger.js +3 -3
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +1 -1
- package/dist/components/tds-header-launcher-grid-item.js +1 -1
- package/dist/components/tds-header-launcher-grid-title.js +1 -1
- package/dist/components/tds-header-launcher-list-item.js +2 -2
- package/dist/components/tds-header-launcher-list-title.js +1 -1
- package/dist/components/tds-header-launcher.js +6 -6
- package/dist/components/tds-header-title.js +1 -1
- package/dist/components/tds-header.js +1 -1
- package/dist/components/tds-icon.js +1 -1
- package/dist/components/tds-inline-tab.js +3 -3
- package/dist/components/tds-inline-tabs.js +4 -4
- package/dist/components/tds-link.js +1 -1
- package/dist/components/tds-message.js +2 -2
- package/dist/components/tds-modal.js +2 -2
- package/dist/components/tds-navigation-tab.js +3 -3
- package/dist/components/tds-navigation-tabs.js +6 -6
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-menu-item.js +1 -1
- package/dist/components/tds-popover-menu.js +7 -3
- package/dist/components/tds-radio-button.js +4 -2
- package/dist/components/tds-side-menu-close-button.js +12 -4
- package/dist/components/tds-side-menu-collapse-button.js +6 -6
- package/dist/components/tds-side-menu-dropdown-list-item.js +3 -3
- package/dist/components/tds-side-menu-dropdown-list.js +3 -3
- package/dist/components/tds-side-menu-dropdown.js +6 -6
- package/dist/components/tds-side-menu-item.js +1 -1
- package/dist/components/tds-side-menu-overlay.js +1 -1
- package/dist/components/tds-side-menu-user-image.js +1 -1
- package/dist/components/tds-side-menu-user-label.js +1 -1
- package/dist/components/tds-side-menu-user.js +4 -4
- package/dist/components/tds-side-menu.js +1 -1
- package/dist/components/tds-slider.js +18 -10
- package/dist/components/tds-spinner.js +5 -4
- package/dist/components/tds-step.js +3 -3
- package/dist/components/tds-stepper.js +1 -1
- package/dist/components/tds-table-body-input-wrapper.js +4 -4
- package/dist/components/tds-table-body-row-expandable.js +8 -8
- package/dist/components/tds-table-body-row.js +4 -4
- package/dist/components/tds-table-body.js +3 -3
- package/dist/components/tds-table-footer.js +8 -8
- package/dist/components/tds-table-header-input-wrapper.js +3 -3
- package/dist/components/tds-table-header.js +4 -4
- package/dist/components/tds-table-toolbar.js +4 -4
- package/dist/components/tds-table.js +1 -1
- package/dist/components/tds-text-field.js +23 -8
- package/dist/components/tds-textarea.js +7 -7
- package/dist/components/tds-toast.js +5 -5
- package/dist/components/tds-toggle.js +3 -3
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/index-51d04e39.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-accordion-item.entry.js +1 -1
- package/dist/esm/tds-accordion.entry.js +1 -1
- package/dist/esm/tds-badge.entry.js +1 -1
- package/dist/esm/tds-banner.entry.js +1 -1
- package/dist/esm/tds-block.entry.js +7 -3
- package/dist/esm/tds-body-cell.entry.js +3 -3
- package/dist/esm/tds-breadcrumb.entry.js +1 -1
- package/dist/esm/tds-breadcrumbs.entry.js +1 -1
- package/dist/esm/tds-button.entry.js +1 -1
- package/dist/esm/tds-card.entry.js +1 -1
- package/dist/esm/tds-checkbox.entry.js +1 -1
- package/dist/esm/tds-chip.entry.js +1 -1
- package/dist/esm/tds-core-header-item_2.entry.js +2 -2
- package/dist/esm/tds-datetime.entry.js +1 -1
- package/dist/esm/tds-divider.entry.js +12 -2
- package/dist/esm/tds-dropdown_2.entry.js +9 -8
- package/dist/esm/tds-folder-tab.entry.js +3 -3
- package/dist/esm/tds-folder-tabs.entry.js +3 -3
- package/dist/esm/tds-footer-group.entry.js +1 -1
- package/dist/esm/tds-footer-item.entry.js +1 -1
- package/dist/esm/tds-footer.entry.js +3 -4
- package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
- package/dist/esm/tds-header-cell.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list-item.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
- package/dist/esm/tds-header-dropdown.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher.entry.js +1 -1
- package/dist/esm/tds-header-title.entry.js +1 -1
- package/dist/esm/tds-header.entry.js +1 -1
- package/dist/esm/tds-icon.entry.js +32 -9
- package/dist/esm/tds-inline-tab.entry.js +3 -3
- package/dist/esm/tds-inline-tabs.entry.js +3 -3
- package/dist/esm/tds-link.entry.js +1 -1
- package/dist/esm/tds-message.entry.js +1 -1
- package/dist/esm/tds-modal.entry.js +1 -1
- package/dist/esm/tds-navigation-tab.entry.js +3 -3
- package/dist/esm/tds-navigation-tabs.entry.js +5 -5
- package/dist/esm/tds-popover-canvas.entry.js +6 -3
- package/dist/esm/tds-popover-menu-item.entry.js +1 -1
- package/dist/esm/tds-popover-menu.entry.js +6 -3
- package/dist/esm/tds-radio-button.entry.js +4 -2
- package/dist/esm/tds-side-menu-close-button.entry.js +4 -2
- package/dist/esm/tds-side-menu-collapse-button.entry.js +5 -5
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +3 -3
- 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 +4 -4
- package/dist/esm/tds-side-menu-user.entry.js +2 -2
- package/dist/esm/tds-side-menu.entry.js +1 -1
- package/dist/esm/tds-slider.entry.js +15 -9
- package/dist/esm/tds-spinner.entry.js +3 -3
- package/dist/esm/tds-step.entry.js +2 -2
- package/dist/esm/tds-stepper.entry.js +1 -1
- package/dist/esm/tds-table-body-input-wrapper.entry.js +3 -3
- package/dist/esm/tds-table-body-row-expandable.entry.js +8 -8
- package/dist/esm/tds-table-body-row.entry.js +3 -3
- package/dist/esm/tds-table-body.entry.js +3 -3
- package/dist/esm/tds-table-footer.entry.js +4 -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 +1 -1
- package/dist/esm/tds-text-field.entry.js +9 -6
- package/dist/esm/tds-textarea.entry.js +5 -5
- package/dist/esm/tds-toast.entry.js +4 -4
- package/dist/esm/tds-toggle.entry.js +3 -3
- package/dist/esm/tds-tooltip.entry.js +3 -3
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-0096c98e.entry.js +1 -0
- package/dist/tegel/p-050a6707.entry.js +1 -0
- package/dist/tegel/p-0d6ce4bf.entry.js +1 -0
- package/dist/tegel/p-10865bbb.entry.js +1 -0
- package/dist/tegel/p-10af200f.entry.js +1 -0
- package/dist/tegel/{p-0cfe8671.entry.js → p-17542748.entry.js} +1 -1
- package/dist/tegel/p-19b1c3bf.entry.js +1 -0
- package/dist/tegel/{p-87219f00.entry.js → p-2718a9ce.entry.js} +1 -1
- package/dist/tegel/p-2e6b957c.entry.js +1 -0
- package/dist/tegel/p-2fad3996.entry.js +1 -0
- package/dist/tegel/p-32371b91.entry.js +1 -0
- package/dist/tegel/p-3488afc9.entry.js +1 -0
- package/dist/tegel/p-36b7d6f6.entry.js +1 -0
- package/dist/tegel/p-38aa3ec5.entry.js +1 -0
- package/dist/tegel/{p-08f63e5d.entry.js → p-39f597f5.entry.js} +1 -1
- package/dist/tegel/p-3f039f89.entry.js +1 -0
- package/dist/tegel/p-40ee935d.entry.js +1 -0
- package/dist/tegel/p-479654f1.entry.js +1 -0
- package/dist/tegel/p-47bd2c84.entry.js +1 -0
- package/dist/tegel/{p-2c56421f.entry.js → p-47ea5841.entry.js} +1 -1
- package/dist/tegel/p-50bc2a9e.entry.js +1 -0
- package/dist/tegel/p-5487604f.entry.js +1 -0
- package/dist/tegel/p-58a0184d.entry.js +1 -0
- package/dist/tegel/p-5bc63fd1.entry.js +1 -0
- package/dist/tegel/p-60e1d00a.entry.js +1 -0
- package/dist/tegel/p-61849351.entry.js +1 -0
- package/dist/tegel/{p-614bcd4b.entry.js → p-62bc6e68.entry.js} +1 -1
- package/dist/tegel/p-6a20c0b8.entry.js +1 -0
- package/dist/tegel/p-6b5aeb4a.entry.js +1 -0
- package/dist/tegel/p-6d63d203.entry.js +1 -0
- package/dist/tegel/p-72b2067a.entry.js +1 -0
- package/dist/tegel/p-77861e4c.entry.js +1 -0
- package/dist/tegel/{p-3ec01fb3.entry.js → p-7c8980b0.entry.js} +1 -1
- package/dist/tegel/p-80da6858.entry.js +1 -0
- package/dist/tegel/p-8bcc772f.entry.js +1 -0
- package/dist/tegel/p-93d3ea90.entry.js +1 -0
- package/dist/tegel/p-9f5ac36f.entry.js +1 -0
- package/dist/tegel/p-a4f49931.entry.js +1 -0
- package/dist/tegel/p-a7718b4e.entry.js +1 -0
- package/dist/tegel/p-a93938ae.entry.js +1 -0
- package/dist/tegel/p-b02b13ee.entry.js +1 -0
- package/dist/tegel/p-b4a372b0.entry.js +1 -0
- package/dist/tegel/{p-177386d5.entry.js → p-ba990426.entry.js} +1 -1
- package/dist/tegel/p-bb115b00.entry.js +1 -0
- package/dist/tegel/{p-8c841698.entry.js → p-bbde7f62.entry.js} +1 -1
- package/dist/tegel/{p-a829417c.entry.js → p-bcb085b2.entry.js} +1 -1
- package/dist/tegel/p-bccdcc4b.entry.js +1 -0
- package/dist/tegel/p-be33adf1.entry.js +1 -0
- package/dist/tegel/p-c0c68796.entry.js +1 -0
- package/dist/tegel/p-c1df3164.entry.js +1 -0
- package/dist/tegel/p-c7287b51.entry.js +1 -0
- package/dist/tegel/p-cb83b852.entry.js +1 -0
- package/dist/tegel/{p-c0b26507.entry.js → p-cd34bdde.entry.js} +1 -1
- package/dist/tegel/p-d0ca3f24.entry.js +1 -0
- package/dist/tegel/p-d0d2efb5.entry.js +1 -0
- package/dist/tegel/{p-7caad569.entry.js → p-d0e6a5e6.entry.js} +1 -1
- package/dist/tegel/p-d1b356d5.entry.js +1 -0
- package/dist/tegel/p-d3fa7477.entry.js +1 -0
- package/dist/tegel/p-d75d632d.entry.js +1 -0
- package/dist/tegel/p-d794f5c9.entry.js +1 -0
- package/dist/tegel/p-defa18d9.entry.js +1 -0
- package/dist/tegel/p-dfcaadff.entry.js +1 -0
- package/dist/tegel/p-e08723c7.entry.js +1 -0
- package/dist/tegel/p-e5325648.entry.js +1 -0
- package/dist/tegel/p-ea57cf53.entry.js +1 -0
- package/dist/tegel/p-f0368e43.entry.js +1 -0
- package/dist/tegel/p-f0d05af2.entry.js +1 -0
- package/dist/tegel/p-f20ec378.entry.js +1 -0
- package/dist/tegel/p-f2340a88.entry.js +1 -0
- package/dist/tegel/{p-ab103d0c.entry.js → p-f944d3b3.entry.js} +1 -1
- package/dist/tegel/p-f951ff7d.entry.js +1 -0
- package/dist/tegel/p-f9b30e56.entry.js +1 -0
- package/dist/tegel/p-fe7292a0.entry.js +1 -0
- package/dist/tegel/tegel.css +40 -8
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/divider/divider.d.ts +2 -0
- package/dist/types/components/footer/footer.d.ts +0 -1
- package/dist/types/components/icon/icon.d.ts +2 -1
- package/dist/types/components/popover-canvas/popover-canvas.d.ts +3 -1
- package/dist/types/components/popover-menu/popover-menu.d.ts +2 -0
- package/dist/types/components/slider/slider-stories-setup.d.ts +37 -1
- package/dist/types/components/slider/slider.d.ts +4 -0
- package/dist/types/components.d.ts +42 -2
- package/dist/types/types/ScaniaIcons.d.ts +1 -1
- package/dist/types/types/TratonIcons.d.ts +1 -1
- package/dist-styles/core.css +5845 -0
- package/dist-styles/scania-variables.css +1721 -0
- package/dist-styles/scania.css +7567 -0
- package/dist-styles/traton-variables.css +897 -0
- package/dist-styles/traton.css +6743 -0
- package/package.json +8 -2
- package/dist/components/p-58b92113.js +0 -114
- package/dist/components/p-877931c5.js +0 -35
- package/dist/components/p-c715ab56.js +0 -85
- package/dist/tegel/p-06d3490c.entry.js +0 -1
- package/dist/tegel/p-106e048d.entry.js +0 -1
- package/dist/tegel/p-1bbef1a5.entry.js +0 -1
- package/dist/tegel/p-1c75f8a7.entry.js +0 -1
- package/dist/tegel/p-27c2f109.entry.js +0 -1
- package/dist/tegel/p-29170339.entry.js +0 -1
- package/dist/tegel/p-35a88a52.entry.js +0 -1
- package/dist/tegel/p-3a92d554.entry.js +0 -1
- package/dist/tegel/p-4274d329.entry.js +0 -1
- package/dist/tegel/p-46c9af0f.entry.js +0 -1
- package/dist/tegel/p-5020a688.entry.js +0 -1
- package/dist/tegel/p-525c81b1.entry.js +0 -1
- package/dist/tegel/p-52adc30c.entry.js +0 -1
- package/dist/tegel/p-5bca9fe7.entry.js +0 -1
- package/dist/tegel/p-5c077bb9.entry.js +0 -1
- package/dist/tegel/p-5dd2aac8.entry.js +0 -1
- package/dist/tegel/p-614cc097.entry.js +0 -1
- package/dist/tegel/p-618d6b4f.entry.js +0 -1
- package/dist/tegel/p-61a1dc59.entry.js +0 -1
- package/dist/tegel/p-67b4b2cf.entry.js +0 -1
- package/dist/tegel/p-69a6a39d.entry.js +0 -1
- package/dist/tegel/p-6a615ac1.entry.js +0 -1
- package/dist/tegel/p-6d89dcbe.entry.js +0 -1
- package/dist/tegel/p-6e57997e.entry.js +0 -1
- package/dist/tegel/p-6eed8c31.entry.js +0 -1
- package/dist/tegel/p-7013249b.entry.js +0 -1
- package/dist/tegel/p-710c42c5.entry.js +0 -1
- package/dist/tegel/p-72006dd7.entry.js +0 -1
- package/dist/tegel/p-76faaf70.entry.js +0 -1
- package/dist/tegel/p-7d427dff.entry.js +0 -1
- package/dist/tegel/p-84de314b.entry.js +0 -1
- package/dist/tegel/p-9099d978.entry.js +0 -1
- package/dist/tegel/p-942abc1e.entry.js +0 -1
- package/dist/tegel/p-98106799.entry.js +0 -1
- package/dist/tegel/p-9b2257f3.entry.js +0 -1
- package/dist/tegel/p-a0591e58.entry.js +0 -1
- package/dist/tegel/p-a66a4a4e.entry.js +0 -1
- package/dist/tegel/p-abad3489.entry.js +0 -1
- package/dist/tegel/p-aec3e4cf.entry.js +0 -1
- package/dist/tegel/p-b20f250b.entry.js +0 -1
- package/dist/tegel/p-b58194f9.entry.js +0 -1
- package/dist/tegel/p-b734b309.entry.js +0 -1
- package/dist/tegel/p-b994e7ac.entry.js +0 -1
- package/dist/tegel/p-bb1d069f.entry.js +0 -1
- package/dist/tegel/p-bcd5e06d.entry.js +0 -1
- package/dist/tegel/p-bcdf13e0.entry.js +0 -1
- package/dist/tegel/p-bd935506.entry.js +0 -1
- package/dist/tegel/p-bdc913a0.entry.js +0 -1
- package/dist/tegel/p-c6beca5e.entry.js +0 -1
- package/dist/tegel/p-c7b0253c.entry.js +0 -1
- package/dist/tegel/p-cf7af8f2.entry.js +0 -1
- package/dist/tegel/p-d267c18f.entry.js +0 -1
- package/dist/tegel/p-d9040b7f.entry.js +0 -1
- package/dist/tegel/p-dc375d3e.entry.js +0 -1
- package/dist/tegel/p-debd6adc.entry.js +0 -1
- package/dist/tegel/p-e3c2b6b4.entry.js +0 -1
- package/dist/tegel/p-f2232281.entry.js +0 -1
- package/dist/tegel/p-f4283f93.entry.js +0 -1
- package/dist/tegel/p-f4b5e80b.entry.js +0 -1
- package/dist/tegel/p-f78b6a16.entry.js +0 -1
- package/dist/tegel/p-fbffe3aa.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as o,H as t}from"./p-2049fab2.js";const d=class{constructor(o){e(this,o)}render(){return o(t,{key:"c9e7a99c94f16e1d760ccad9928b7bd7a3fc0d95"},o("div",{key:"d65c9b859b1f593609f75d41451448cb61fcfa1a"}))}};d.style=":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}";export{d as tds_side_menu_overlay}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as a,g as i}from"./p-2049fab2.js";const d=class{constructor(t){e(this,t),this.imgUrl=void 0,this.imgAlt=void 0,this.header=void 0,this.subheader=void 0}render(){return t(a,{key:"ce178361998f3e7e64972a5a2971b3c39d9cd1eb",role:"listitem"},t("div",{key:"cd52038858fe6fb243f013d741343abd0bc529f1",class:"user-box"},this.imgUrl&&t("img",{key:"2f269c20c2e54695630b559002464f92a4f332bc",src:this.imgUrl,alt:this.imgAlt}),t("slot",{key:"567bcc9d198d5e9e1a9ffd4c213dd2cf80ffbbb6",name:"thumbanil"}),t("div",{key:"06a2def2886269e2399a1b95850b077e8235fdfb",class:"user-content"},t("div",{key:"bb189ed4a6a22a884837d876255dcff7495c5200",class:"header"},this.header,t("slot",{key:"b88637de2dbff8fdc5f2280f123abd8b44d8f20e",name:"header"})),t("div",{key:"34b503dd4ec0ac5c450947e4019783af7074b777",class:"subheader"},this.subheader,t("slot",{key:"8ffcd878217abd7036b304ed70ae12a4bd992350",name:"subheader"})))))}get host(){return i(this)}};d.style=":host{background-color:var(--header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--header-nav-dropdown-item-border)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .user-content .subheader{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);color:var(--header-avatar-item)}";export{d as tds_header_dropdown_list_user}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as i,H as t}from"./p-2049fab2.js";const s=class{constructor(i){e(this,i),this.src=void 0,this.alt=void 0}render(){return i(t,{key:"3476e2623438191d035d87649197c21f9c973ff8"},i("slot",{key:"eac3a23214c41872bd2fc23090c018d829dad25a"}),this.src&&i("img",{key:"638d73993aade857ea7b1844b3601a5354490c22",src:this.src,alt:this.alt}))}};s.style=":host{height:var(--side-menu-profile-user-image-size)}:host img,:host ::slotted(*){width:var(--side-menu-profile-user-image-size);height:var(--side-menu-profile-user-image-size);border-radius:50%}";const a=class{constructor(i){e(this,i),this.heading=void 0,this.subheading=void 0}render(){return i(t,{key:"6d284cd0a71bca32e18f7498ab1e700f4c3532c7"},this.heading,this.subheading&&i("div",{key:"5e54c355fe2a3710dff97d01846ef1d5f97fbd26",class:"subheading"},this.subheading))}};a.style=":host{display:block;font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);font-weight:var(--side-menu-text-items-font-weight);color:var(--side-menu-single-item-color)}:host .subheading{color:var(--color-foreground-text-subtle)}";export{s as tds_side_menu_user_image,a as tds_side_menu_user_label}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as o,g as i}from"./p-2049fab2.js";const r=class{constructor(e){t(this,e),this.parentIsTopPart=!1}connectedCallback(){this.parentIsTopPart="top"===this.host.closest("tds-footer-group").parentElement.slot}render(){return e(o,{key:"845de26cafaefdf0e5ceabe57ba7bbce51eed038",role:"listitem"},e("div",{key:"de201fb4965740a2c0bebbea790651487e082637",class:this.parentIsTopPart?"top-part-child":""},e("slot",{key:"eca7ee20a2a4b1e9e9947e6566046c9031198569"})))}get host(){return i(this)}};r.style=":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);color:var(--footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);color:var(--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:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--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:hover),:host([role=listitem]) div.top-part-child ::slotted(button:hover){text-decoration:underline;background-color:var(--footer-top-links-background-hover)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}}";export{r as tds_footer_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r}from"./p-2049fab2.js";const t=class{constructor(r){e(this,r)}render(){return r("h4",{key:"b3ac74d4d978c32c1dfd417a5217bc5953075033"},r("slot",{key:"67d55d1f3413b130767ae8db2e1d952f27beb00a"}))}};t.style="h4{box-sizing:border-box;color:var(--header-nav-item);font-weight:var(--header-font-weight);font-family:var(--header-font-family-headline);text-transform:var(--header-text-transform);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";export{t as tds_header_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as i,g as a}from"./p-2049fab2.js";import{g as h}from"./p-11648030.js";const n=class{constructor(s){e(this,s),this.internalTdsPropsChange=t(this,"internalTdsPropsChange",6),this.orientation="horizontal",this.labelPosition="below",this.size="lg",this.hideLabels=!1,this.stepperId=h(),this.tdsAriaLabel="Progress steps"}componentWillLoad(){"vertical"===this.orientation&&(this.labelPosition="aside")}handleDirectionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["orientation"],orientation:this.orientation})}handleLabelPositionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["labelPosition"],labelPosition:this.labelPosition})}handleSizeChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["size"],size:this.size})}handleHideLabelsChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["hideLabels"],hideLabels:this.hideLabels})}render(){return s(i,{key:"83520f04716c1a9314858780bcd31d63b6fd1192"},s("div",{key:"5b024281e8bc253f9790b0670c7c1d78b897e49a",role:"list","aria-label":this.tdsAriaLabel,class:`${this.orientation} text-position-${this.labelPosition} ${this.size}`},s("slot",{key:"271835f2b05c6ec8ecf34433897848e23a02da03"})))}get host(){return a(this)}static get watchers(){return{orientation:["handleDirectionChange"],labelPosition:["handleLabelPositionChange"],size:["handleSizeChange"],hideLabels:["handleHideLabelsChange"]}}};n.style=":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){
|
|
1
|
+
import{r as e,c as t,h as s,H as i,g as a}from"./p-2049fab2.js";import{g as h}from"./p-11648030.js";const n=class{constructor(s){e(this,s),this.internalTdsPropsChange=t(this,"internalTdsPropsChange",6),this.orientation="horizontal",this.labelPosition="below",this.size="lg",this.hideLabels=!1,this.stepperId=h(),this.tdsAriaLabel="Progress steps"}componentWillLoad(){"vertical"===this.orientation&&(this.labelPosition="aside")}handleDirectionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["orientation"],orientation:this.orientation})}handleLabelPositionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["labelPosition"],labelPosition:this.labelPosition})}handleSizeChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["size"],size:this.size})}handleHideLabelsChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["hideLabels"],hideLabels:this.hideLabels})}render(){return s(i,{key:"83520f04716c1a9314858780bcd31d63b6fd1192"},s("div",{key:"5b024281e8bc253f9790b0670c7c1d78b897e49a",role:"list","aria-label":this.tdsAriaLabel,class:`${this.orientation} text-position-${this.labelPosition} ${this.size}`},s("slot",{key:"271835f2b05c6ec8ecf34433897848e23a02da03"})))}get host(){return a(this)}static get watchers(){return{orientation:["handleDirectionChange"],labelPosition:["handleLabelPositionChange"],size:["handleSizeChange"],hideLabels:["handleHideLabelsChange"]}}};n.style=":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){width:100%}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}";export{n as tds_stepper}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,H as a}from"./p-2049fab2.js";import{g as t}from"./p-11648030.js";const o=class{constructor(r){e(this,r),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.header=void 0,this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.tdsAriaLabel=void 0}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel||`${this.variant} message`}render(){const e=this.header?`tds-message-header-${t()}`:void 0,o=this.minimal?void 0:`tds-message-content-${t()}`;return r(a,{key:"f279cd2861d40276ea82a2e38d7a55eeda4c550a",role:this.tdsAlertDialog,"aria-describedby":o,"aria-label":this.getAriaLabel()},r("div",{key:"96afc352fe7b1571f62ba6c60729bd2411c56138",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal,[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},!this.noIcon&&r("tds-icon",{key:"7c95385da3ab0e887b6e955a302bc39b3aeaafe0","aria-hidden":"true","aria-label":`${this.variant}`,svgTitle:`${this.variant}`,name:this.getIconName(),size:"20px"}),r("div",{key:"eed507b43c57eaafdeba40c25e9556bacbe0f166",class:"content"},this.header&&r("div",{key:"d6faa3f523f64f158a31e35a416f957c38bbcceb",class:"header",id:e},this.header),!this.minimal&&r("div",{key:"03c724a2bdbee954b9c48aa27a18444abfacafbb",class:"extended-message",id:o},r("slot",{key:"017b634e145a514a2315880db6cfb712ddb254b0"})))))}};o.style=":host{}:host .tds-mode-variant-primary{--message-main-background:var(--message-mode-primary-background)}:host .tds-mode-variant-secondary{--message-main-background:var(--message-mode-secondary-background)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--message-main-text-color);padding:2px 0}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--message-main-text-color)}:host .wrapper{display:flex;padding:16px;background-color:var(--message-main-background);border-radius:4px;border-left-width:4px;border-left-style:solid}:host .wrapper.information{border-left-color:var(--message-info-border-color)}:host .wrapper.information tds-icon{color:var(--message-info-icon-color)}:host .wrapper.success{border-left-color:var(--message-success-border-color)}:host .wrapper.success tds-icon{color:var(--message-success-icon-color)}:host .wrapper.error{border-left-color:var(--message-error-border-color);background-color:var(--message-error-background)}:host .wrapper.error tds-icon{color:var(--message-error-icon-color)}:host .wrapper.warning{border-left-color:var(--message-warning-border-color)}:host .wrapper.warning tds-icon{color:var(--message-warning-icon-color)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--message-error-header-text-color)}";export{o as tds_message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as h}from"./p-2049fab2.js";const o=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant=null,this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(e,{key:"3a004f2892daa4ecf795bfbb6194cc8ea7b9c89a",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"50a4ece90a4b78b00623b61c509e5ec2f2ab7da3",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"90dc518ee3e0d6cd812f8a422d56df7194c53f31","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("tds-icon",{key:"66e45376ed912abc63b581b5439bf6f84e1199eb",name:"chevron_left",size:"20px"})),i("slot",{key:"d1ec9259a6e3d6e5776fdab80395491c3e771ae7",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"b85b5f3006673aa67a3c87094b31a8cae7646109","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("tds-icon",{key:"eef334c52ec845dea3b7473a4b84b7a3cb053846",name:"chevron_right",size:"20px"}))))}get host(){return h(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};o.style=":host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{background-color:var(--folder-tabs-scroll-button-surface);color:var(--folder-tabs-scroll-button-text);height:50px;cursor:pointer;border:0;width:0;display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--folder-tabs-scroll-button-text)}";export{o as tds_folder_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as d,H as a,g as t}from"./p-2049fab2.js";import{i as r}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.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");this.observer.observe(e,{childList:!0,subtree:!1}),s(e)}disconnectedCallback(){this.observer.disconnect()}render(){const e=Object.assign({},r(this.host));return d(a,{key:"1e9a1427f3038ac59e3c89669049679a06626fff"},d("slot",{key:"a2e84cf4bfc88b8bc3a971cf374593afcd3eabae",name:"hamburger"}),d("slot",{key:"c8a49826b7c504ddd17be29a3b6ae814848d6033",name:"title"}),d("nav",Object.assign({key:"750a09450f2edfd0d335ca7863b084f62655129e"},e),d("ul",{key:"1bca7410f4c0f81ffa77e57fba7c48f64afc22ab",class:"tds-header-component-list"},d("slot",{key:"fdaaac9d39e9cf5f396004dc1e1a7ce6d83a7ada"}),d("li",{key:"339deea3cbd820159adc3fe7dfa8a6a8e5192698",class:"tds-header-middle-spacer"}),d("slot",{key:"37273630aaf66ada7154ebb6f4ea01cc0ce0f94a",name:"end"}))))}get host(){return t(this)}};o.style=':host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}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(--
|
|
1
|
+
import{r as e,h as d,H as a,g as t}from"./p-2049fab2.js";import{i as r}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.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");this.observer.observe(e,{childList:!0,subtree:!1}),s(e)}disconnectedCallback(){this.observer.disconnect()}render(){const e=Object.assign({},r(this.host));return d(a,{key:"1e9a1427f3038ac59e3c89669049679a06626fff"},d("slot",{key:"a2e84cf4bfc88b8bc3a971cf374593afcd3eabae",name:"hamburger"}),d("slot",{key:"c8a49826b7c504ddd17be29a3b6ae814848d6033",name:"title"}),d("nav",Object.assign({key:"750a09450f2edfd0d335ca7863b084f62655129e"},e),d("ul",{key:"1bca7410f4c0f81ffa77e57fba7c48f64afc22ab",class:"tds-header-component-list"},d("slot",{key:"fdaaac9d39e9cf5f396004dc1e1a7ce6d83a7ada"}),d("li",{key:"339deea3cbd820159adc3fe7dfa8a6a8e5192698",class:"tds-header-middle-spacer"}),d("slot",{key:"37273630aaf66ada7154ebb6f4ea01cc0ce0f94a",name:"end"}))))}get host(){return t(this)}};o.style=':host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}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(--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(--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(--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(--header-basic-element-border)}';export{o as tds_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as a,g as e}from"./p-2049fab2.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const a=t[o];a.getAttribute("aria-controls")||console.warn("Tegel navigation-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==a.getAttribute("role")&&console.warn('Tegel navigation-tab component: Interactive elements should have attribute role="tab"'),this.disabled?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}}render(){return o(a,{key:"b4cd140a8267485566719cd26c66ae2e9a0a6b5c"},o("div",{key:"d8f94aca25079426436da1918d9e0ef1c6e94560",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",{key:"95a56fbbb701726994b5dc91309401f5d70aee36"})))}get host(){return e(this)}};i.style=':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);color:var(--navigation-tabs-tab);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 4px}:host ::slotted(*:focus-visible)::before{outline:2px solid var(--color-foreground-border-accent-focus);content:"";position:absolute;left:0;right:0;top:26px;bottom:26px}:host ::slotted(*:hover){color:var(--navigation-tabs-tab-hover)}:host ::slotted(*:focus-visible){color:var(--navigation-tabs-tab-focus)}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{background-color:var(--navigation-tabs-tab-indicator-hover);content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;z-index:1}:host .selected ::slotted(*){color:var(--navigation-tabs-tab-selected)}:host .selected::after{background-color:var(--navigation-tabs-tab-indicator-active);width:100%}:host .disabled{color:var(--navigation-tabs-tab-disabled)}:host .disabled ::slotted(*){color:var(--navigation-tabs-tab-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,H as s,g as d}from"./p-2049fab2.js";import{g as o}from"./p-11648030.js";const i=["verticalDividers","compactDesign","noMinWidth","modeVariant"],l=class{constructor(a){t(this,a),this.internalTdsRowExpanded=e(this,"internalTdsRowExpanded",6),this.tdsChange=e(this,"tdsChange",6),this.colSpan=null,this.rowId=o(),this.expanded=void 0,this.overflow="auto",this.autoCollapse=!1,this.tdsAriaLabelExpandButton="",this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}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(){void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.columnsNumber=null!==this.colSpan?this.colSpan:this.tableEl.querySelector("tds-table-header").childElementCount+1}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()}render(){return a(s,{key:"ce2f0459371d7b5ae0e61850a023eb550ea1918b",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:"945cc2da086748eeb743c2b953cbc2439187ff2a",id:`expandable-content-${this.rowId}`,class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded},part:"row"},a("td",{key:"f6ef8298bf105ca9d2f3370f82ac374237b67a41",class:{"tds-table__cell-expand":!0}},a("label",{key:"9952502bf560b48421ee37ae122ece5f0da3ef97",class:"tds-table__expand-control-container"},a("input",{key:"a7369527c6b2ef079837c63b22274dda8e62fefc",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:"de8cc51db3ea6d5ff6936fe34664d5d96fc60ab3",class:"tds-expendable-row-icon"},a("svg",{key:"62b247929999b2a01f05592826835bd70048d370",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},a("path",{key:"843c725fd0f9404752d4f4e7694c342f44f687c5","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:"210f15581be86a7b1ec185eddb3127052011b5dd"})),a("tr",{key:"e5093efd395986a9756d8642e9df1acf61102bae",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},a("td",{key:"e3c982507e9a9e9d188c546d28b2eaf1a35ea483",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:this.columnsNumber},a("div",{key:"f56682afa6d59fd03d42526859309e286458b539",style:{overflow:this.overflow}},a("slot",{key:"722cbdebb09838b5e1ea045f6d3066d24368e419",name:"expand-row"})))))}get host(){return d(this)}static get watchers(){return{expanded:["watchExpanded"]}}};l.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{background-color:var(--table-body-row);border-bottom:1px solid var(--table-divider);color:var(--table-text);display:table-row;transition:background-color 200ms ease}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--table-body-row-hover)}: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:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}: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(--table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{color:var(--table-text);max-width:1px;overflow:auto;padding:16px 16px 16px 66px}: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(--table-body-row-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(--table-body-row-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__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--table-divider)}";export{l as tds_table_body_row_expandable}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,g as a}from"./p-2049fab2.js";const s=class{constructor(e){t(this,e),this.tdsAriaLabel=void 0}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Breadcrumbs component: missing tdsAriaLabel prop")}render(){var t;return null===(t=this.host.children[this.host.children.length-1])||void 0===t||t.classList.add("last"),e("nav",{key:"fe6eaf7da192518c8f5078ac07082ac437b4aa9d","aria-label":this.tdsAriaLabel},e("div",{key:"a33b2f1de081eff02a6101177cc72a899a81bbff",role:"list",class:"tds-breadcrumb"},e("slot",{key:"0e7a03715689f66c35f1109d301b42694254c864"})))}get host(){return a(this)}};s.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);padding:0;margin:0;display:flex;flex-wrap:wrap;list-style-type:none}";export{s as tds_breadcrumbs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a}from"./p-2049fab2.js";import{g as r}from"./p-11648030.js";const s=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=r(),this.label="",this.name="",this.helper=void 0,this.cols=void 0,this.rows=void 0,this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.maxLength=void 0,this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.tdsAriaLabel=void 0,this.focusInput=void 0}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){this.textEl.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}connectedCallback(){this.tdsAriaLabel||this.label||console.warn("Tegel Textarea component: specify label or tdsAriaLabel prop for accessibility")}render(){var t;return a("div",{key:"35a6da35824ae7f4e4ded6ccfcf3e5a49d0b4ced",class:{"textarea-container":!0,"textarea-focus":this.focusInput,"textarea-label-inside":"inside"===this.labelPosition,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"e61160d9391ac45df69d7766e02fddb80be1393a",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"5c7d291894b8fd203a1a2c5eb63dd2fd79443d72",class:"textarea-wrapper"},a("textarea",{key:"c4b24b7095b7cc5eb9b99389a137ceeed5c3ce08",id:`textarea-element-${this.uuid}`,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":"error"===this.state?"true":"false","aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"1fead181323b352e0c4ae4ca2f985b46817704df",class:"textarea-resizer-icon"},a("svg",{key:"2b779b6ea748b4c6431283ce969385167f1d284e",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"5f10ef8019b3212655d4dc6e6ad46b449e82c781","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&a("span",{key:"6d35b3883b5502bca47881c680392f6a0c0e8042",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"7630bdf15f702a394b3d843ff42c98124f4dc73a",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"40852a610f2c16f40f04915e507a63204e72f8fd",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"1b669046100c57269a5e29eee659ce31c39a5eae",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"8b17e98d5ba98d3da322480f96bb5f28b7f13e45",name:"error",size:"16px"}),this.helper),this.maxLength>0&&a("div",{key:"a4a3cdb0254363e84a49649157098e2321b78c6a",class:"textarea-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,a("span",{key:"74c186ab1f66de62e8636f40f2491ab78271ae0f",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}};s.style='.sc-tds-textarea-h{--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.sc-tds-textarea{scrollbar-width:thin}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{padding-bottom:1px;position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:"";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);transition:0.1s ease all;color:var(--textarea-label-inside);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed;background-color:var(--textarea-disabled-background)}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}';export{s as tds_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,H as s,g as r}from"./p-2049fab2.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],i=class{constructor(a){t(this,a),this.tdsFilter=e(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{this[t]=this.tableEl[t]}))}handleSearch(t){const e=t.currentTarget.value.toLowerCase(),a=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:e}),e.length>0?a.classList.add("tds-table__searchbar--active"):a.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return a(s,{key:"7b33de1426988b4bf97d3856c135945859783b6f",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},a("div",{key:"7c176540ee9476479de7a818de7f46258c94142d",class:"tds-table__upper-bar-flex"},a("div",{key:"95eef4de54dd8d5507354f695b8420a4951f4c1b",class:"tds-table__actionbar-left"},this.tableTitle&&a("caption",{key:"c58973635367598d3f8b4a52881003157381d94a",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),a("slot",{key:"e39d96b2f21a7f1645041acbd99b618debde089e",name:"start"})),a("div",{key:"24df42114518c53b2ed16376272207d02a8631d8",class:"tds-table__actionbar"},this.filter&&a("div",{key:"58860c836dfd8baecb98f9ee494c34a542bde347",class:"tds-table__searchbar"},a("input",{key:"418e9cbc47efa12dbef046b08adb4ef676b1b9ca",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),a("span",{key:"6c090c782535c42fd0e7ccd439835f550ddfaa0b",class:"tds-table__searchbar-icon"},a("tds-icon",{key:"e0e115652f69cc8a39d77b2e81f94e7789d868e6",name:"search",size:"20px"}))),a("slot",{key:"50e519e153bcb2d3a56303171e9db06c47735dd6",name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;background-color:var(--table-toolbar);color:var(--table-text);padding:0 var(--tds-spacing-element-16);display:table-caption;position:relative;height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);padding-top:var(--tds-spacing-element-16);margin-right:var(--tds-spacing-element-8);text-align:left}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{background-color:var(--table-toolbar-searchbar-border-bottom);content:"";width:100%;height:2px;position:absolute;bottom:0;transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{background-color:var(--table-toolbar-searchbar);width:208px}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--table-toolbar-searchbar)}:host .tds-table__searchbar .tds-table__searchbar-input{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--table-text);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--table-toolbar-searchbar)}:host .tds-table__searchbar:hover{background-color:var(--table-toolbar-searchbar-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as a,g as e}from"./p-2049fab2.js";import{h as i}from"./p-ae110fc2.js";const d=class{constructor(o){t(this,o),this.modeVariant=null}render(){const t=i("top",this.host),e=i("start",this.host),d=i("end",this.host),n=i("copyright",this.host);return o(a,{key:"cd82373a4dc49301758e5063451a5f5b0b4590e6",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},o("footer",{key:"794665a563b642724b1c4698128413e776c08ef1"},t&&o("slot",{key:"5034c41b13c47a23f496cba2486ca359f8223911",name:"top"}),o("div",{key:"514699a7c5408c0d0101c79caa60eaca270663b6",class:"footer-main"},(e||d)&&o("div",{key:"a649a671452d6d70c5d88a17ad1fd9c6bf355ded",class:"footer-main-top"},e&&o("slot",{key:"6bd940362da1700eedc2a07945fb6599cd5f7561",name:"start"}),d&&o("slot",{key:"2c5953c2fd29be00f06ed917011a2c5e1b1fc219",name:"end"})),o("div",{key:"114ce1fc0d15d126cefadc5d28defef0725f30c8",class:"footer-main-bottom"},o("small",{key:"60b3f78a11678b0f96ff2d5db3095d48b84c4253",class:"copyright"},n?o("slot",{name:"copyright"}):o("div",null,o("div",null,"© ",o("span",{class:"copyright-text"},"Copyright")," ",(new Date).getFullYear()),o("div",{class:"copyright-last-part"},"All rights reserved"))),o("div",{key:"8600b61650cfc9723ad6103ed6b19c8f28b1db60",class:"brand"},o("p",{key:"5ddb9a0595f67171e00e1d98c8665ce031787c8f"},"Scania"))))))}get host(){return e(this)}};d.style=":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--footer-main-divider)}:host .footer-main-bottom small.copyright{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);margin:0;color:var(--footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--component-footer-logotype-cdn), var(--component-footer-logotype-local);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}:host .copyright-text{display:none}:host .copyright-last-part{display:inline-block}}";export{d as tds_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as h}from"./p-2049fab2.js";const o=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children.length>0&&(this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last"))}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(e,{key:"c05fdc4edba8e4863a01a8f8ddfb612d836d015e",role:"tablist",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},i("div",{key:"5a19c88129168e18bbf0e9c01d75536e38f3f9cb",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"479fa60c5acda8497eb76e14377c3bd58e374c8b","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"2966dfb37f0912fe60e5528736a505043a7060cf",name:"chevron_left",size:"20px"})),i("slot",{key:"b73673566f5cd2834590b5283fa82e83c61c35ec",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"85e4ea10f52b287116195226a379722fad59a880","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"987796cbfbddd0b1f998526da9923884440e0c11",name:"chevron_right",size:"20px"}))))}get host(){return h(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};o.style=':host{box-sizing:border-box;background-color:var(--navigation-tabs);display:flex;position:relative}:host *{box-sizing:border-box}:host::after{border-bottom:1px solid var(--navigation-tabs-horizontal-divider);content:" ";display:block;left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{background-color:var(--navigation-tabs-scroll-button);color:var(--navigation-tabs-scroll-button-icon);cursor:pointer;border:0;width:0;display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--navigation-tabs-scroll-button-color)}';export{o as tds_navigation_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as o,g as s}from"./p-2049fab2.js";import{d as n}from"./p-52bf0fdf.js";const i=class{constructor(t){e(this,t),this.selected=!1,this.active=!1,this.collapsed=!1,this.hasUserComponent=!1}findSlottedAndExecute(e,t){const o=this.slotEl.assignedElements({flatten:!0})[0];if(o){const s=n(o,e);s&&t(s)}}updateSlottedElements(){this.slotEl&&this.findSlottedAndExecute((e=>"tds-icon"===e.tagName.toLowerCase()||"svg"===e.tagName.toLowerCase()),(e=>{e.classList.add("__tds-side-menu-item-icon"),this.collapsed?e.classList.add("__tds-side-menu-item-icon-collapsed"):e.classList.remove("__tds-side-menu-item-icon-collapsed")}))}updateHasUserComponent(){if(this.slotEl){const e=e=>"tds-side-menu-user"===e.tagName.toLowerCase();this.hasUserComponent=!1,this.findSlottedAndExecute(e,(()=>{this.hasUserComponent=!0}))}}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.updateHasUserComponent(),this.slotEl.addEventListener("slotchange",(()=>{this.updateSlottedElements(),this.updateHasUserComponent()}))}collapseSideMenuEventHandler(e){this.collapsed=e.detail.collapsed,this.updateSlottedElements(),this.updateHasUserComponent()}render(){return t(o,{key:"019b612aa015b474fcf4df90b8f0302efc095247"},t("div",{key:"6024a7f1d82368ded88e61db523a753740e9235b",class:{component:!0,"component-selected":this.selected,"component-active":this.active,"component-collapsed":this.collapsed,"component-has-user":this.hasUserComponent}},t("slot",{key:"c032ef2788acf55f8760d1a668a98c099efd8ae1"})))}get host(){return s(this)}};i.style=':host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:var(--side-menu-single-item-height);width:100%;display:flex;align-items:center;gap:10px;padding:var(--side-menu-space-sub-menu-item-top-and-bottom) var(--side-menu-space-sub-menu-item-chevron-right-padding) var(--side-menu-space-sub-menu-item-top-and-bottom) var(--side-menu-space-sub-menu-item-left);border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);font-weight:var(--side-menu-text-items-font-weight);color:var(--side-menu-single-item-color);cursor:pointer;border-radius:var(--side-menu-radius-corner)}:host .component ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:var(--side-menu-single-item-height);width:100%;display:flex;align-items:center;gap:var(--side-menu-space-sub-menu-item-profile-gap);padding:var(--side-menu-space-sub-menu-item-profile-top-bottom) var(--side-menu-space-sub-menu-item-chevron-right-padding) var(--side-menu-space-sub-menu-item-profile-top-bottom) var(--side-menu-space-sub-menu-item-profile-left);border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);color:var(--side-menu-single-item-color);cursor:pointer;border-radius:var(--side-menu-radius-corner)}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:var(--dimension-radius-focus-width-side-menu) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:calc(var(--dimension-radius-focus-width-side-menu) * -1)}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button){background-color:var(--side-menu-item-state-hover)}:host .component:active ::slotted(a),:host .component:active ::slotted(button){background-color:var(--side-menu-item-state-active)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:var(--side-menu-space-collapsed-item-left-right-inner-icon-padding);display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){position:relative;background-color:var(--side-menu-item-state-selected)}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:var(--side-menu-space-sub-page-selected-marker-width);height:var(--side-menu-space-sub-menu-item-selected-marker-height);background-color:var(--side-menu-single-subitem-selected-border-color);border-radius:var(--side-menu-radius-corner) 0 0 var(--side-menu-radius-corner)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}';export{i as tds_side_menu_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,h as t,H as o,g as n}from"./p-2049fab2.js";import{g as i}from"./p-11648030.js";import{h as s}from"./p-ae110fc2.js";const r=class{constructor(t){e(this,t),this.tdsClose=a(this,"tdsClose",7),this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)},this.icon=void 0,this.header=void 0,this.subheader=void 0,this.variant="default",this.bannerId=i(),this.hidden=!1,this.roleType="banner"}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const e=s("subheader",this.host),a=s("subheader",this.host),n=s("actions",this.host);return t(o,{key:"4a8e42b6c770c6c888739b2eab7e838fe4f83899",role:this.roleType,"aria-hidden":`${this.hidden}`,"aria-live":"alert"===this.roleType?"assertive":"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:{[this.variant]:!0,hide:this.hidden,show:!this.hidden}},this.icon&&t("div",{key:"45b0a63ff1015c7a24bb37211eccfa5c8b5320ca",class:`banner-icon ${this.variant}`},t("tds-icon",{key:"2375c0c7a5a785fc788088e4568ad04a7d5f778e",name:this.icon,size:"20px",svgTitle:this.icon})),t("div",{key:"0b4a58d3d3ab8405193bd771797badde39e23729",class:"content"},t("div",{key:"e9b26e4b13055853ea659cec8d990f7f2eb76999",class:"header-subheader"},this.header&&t("div",{key:"5cedf44a46330c77259c3d64cf567052ef26af0b",class:"header"},this.header),e&&t("slot",{key:"a2c9897a3befbbd5603262962a7652a763650048",name:"header"}),this.subheader&&t("div",{key:"a7916827ee4ea924270242c9f06ce75989021c3b",class:"subheader"},this.subheader),a&&t("slot",{key:"fba6caffbf916a12b8e5975966551c4c9d03a5c9",name:"subheader"})),n&&t("slot",{key:"7a1b89ac09e9aa7e79740f225960818d2622d4b4",name:"actions"})),t("div",{key:"9dca236d2f8253c64a8a9ff67981f69c6f473c77",class:"banner-close"},t("button",{key:"cabd5fa950e125babecc6caf8109c51d05142ec3","aria-label":"Close banner",onClick:this.handleClose},t("tds-icon",{key:"2ec160b7e458fc4e99528c390f6190dea039f02a",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return n(this)}};r.style=":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--banner-background-error)}:host(.information){background-color:var(--banner-background-info)}:host{display:flex;background-color:var(--banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--banner-prefix-default)}:host .banner-icon.error{color:var(--banner-prefix-error)}:host .banner-icon.information{color:var(--banner-prefix-info)}:host .content{color:var(--banner-text);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font-family:var(--headline-06-font-family);font-size:var(--headline-06-font-size);line-height:var(--headline-06-line-height);font-weight:var(--headline-06-font-weight);letter-spacing:var(--headline-06-letter-spacing);text-transform:var(--headline-06-text-transform)}:host .subheader,:host slot[name=subheader]{display:block;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--banner-close-icon)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--banner-close-icon)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}";export{r as tds_banner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as b,H as r}from"./p-2049fab2.js";const d=class{constructor(b){e(this,b)}render(){return b(r,{key:"7ec01704950bdb48cbc48251e5cb4ad0e4b8babf"},b("tds-header-dropdown-list-item",{key:"2274d354403ca35178bad010cfcec06f716ac24c",size:"lg"},b("slot",{key:"35a3c7cdb933bb9bb1be32770b74d3ae9441b1ff"})))}};d.style=":host{display:block;border-bottom:1px solid var(--
|
|
1
|
+
import{r as e,h as b,H as r}from"./p-2049fab2.js";const d=class{constructor(b){e(this,b)}render(){return b(r,{key:"7ec01704950bdb48cbc48251e5cb4ad0e4b8babf"},b("tds-header-dropdown-list-item",{key:"2274d354403ca35178bad010cfcec06f716ac24c",size:"lg"},b("slot",{key:"35a3c7cdb933bb9bb1be32770b74d3ae9441b1ff"})))}};d.style=":host{display:block;border-bottom:1px solid var(--header-nav-dropdown-item-border)}";export{d as tds_header_launcher_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as t,H as n,g as r}from"./p-2049fab2.js";import{h as c}from"./p-ae110fc2.js";const s=class{constructor(t){o(this,t),this.text=void 0,this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.animation="none",this.tdsAriaLabel=void 0,this.name=void 0,this.value=void 0,this.onlyIcon=!1}connectedCallback(){this.onlyIcon&&!this.tdsAriaLabel&&console.warn("Tegel button component: please specify the tdsAriaLabel prop when you have the onlyIcon attribute set to true")}render(){const o=c("label",this.host),r=c("icon",this.host);return this.text||o||(this.onlyIcon=!0),t(n,{key:"d6f3f193c3050d8eab6220cadd05847cbb528f3e",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant),disabled:Boolean(this.disabled),fullbleed:Boolean(this.fullbleed)},disabled:this.disabled},t("button",Object.assign({key:"4b548051c9eeaf43d63a5173e08f0263896626b9",type:this.type,name:this.name?this.name:void 0,value:this.value?this.value:void 0,disabled:this.disabled,class:{primary:"primary"===this.variant,secondary:"secondary"===this.variant,ghost:"ghost"===this.variant,danger:"danger"===this.variant,lg:"lg"===this.size,md:"md"===this.size,sm:"sm"===this.size,xs:"xs"===this.size,disabled:this.disabled,fullbleed:this.fullbleed,icon:r,"only-icon":this.onlyIcon,[`animation-${this.animation}`]:"none"!==this.animation}},this.onlyIcon&&this.tdsAriaLabel&&{"aria-label":this.tdsAriaLabel}),this.text,o&&!this.onlyIcon&&t("slot",{key:"0f85ffc90d0328c14ffd4696a3b305a1ff144253",name:"label"}),r&&t("slot",{key:"a0434202a202f7996174233b18eff6e4361df146",name:"icon"})))}get host(){return r(this)}};s.style="button.sc-tds-button{box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:inline-flex;align-items:center;border-radius:var(--button-radius);border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid transparent}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:focus{outline:1px solid var(--scania-blue-400)}button.primary.sc-tds-button{background:var(--button-primary-background);border-color:var(--button-primary-border-color);color:var(--button-primary-color);outline-color:var(--button-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.primary.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button.primary:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.secondary.sc-tds-button{background:var(--button-secondary-background);border-color:var(--button-secondary-border-color);color:var(--button-secondary-color);outline-color:var(--button-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.secondary.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.ghost.sc-tds-button{background:var(--button-ghost-background);border-color:var(--button-ghost-border-color);color:var(--button-ghost-color);outline-color:var(--button-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.ghost.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.danger.sc-tds-button{background:var(--button-danger-background);border-color:var(--button-danger-border-color);color:var(--button-danger-color);outline-color:var(--button-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.danger.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button.danger:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:hover.primary{background:var(--button-primary-background-hover);border-color:var(--button-primary-border-color-hover);color:var(--button-primary-color-hover);outline-color:var(--button-primary-outline-color-hover)}button.sc-tds-button:hover.primary.icon{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:hover.primary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:hover.primary:not(.disabled).sc-tds-button-s>[slot=icon],button:hover.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:hover.secondary{background:var(--button-secondary-background-hover);border-color:var(--button-secondary-border-color-hover);color:var(--button-secondary-color-hover);outline-color:var(--button-secondary-outline-color-hover)}button.sc-tds-button:hover.secondary.icon{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:hover.secondary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:hover.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button:hover.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:hover.ghost{background:var(--button-ghost-background-hover);border-color:var(--button-ghost-border-color-hover);color:var(--button-ghost-color-hover);outline-color:var(--button-ghost-outline-color-hover)}button.sc-tds-button:hover.ghost.icon{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:hover.ghost.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:hover.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button:hover.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:hover.danger{background:var(--button-danger-background-hover);border-color:var(--button-danger-border-color-hover);color:var(--button-danger-color-hover);outline-color:var(--button-danger-outline-color-hover)}button.sc-tds-button:hover.danger.icon{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:hover.danger.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:hover.danger:not(.disabled).sc-tds-button-s>[slot=icon],button:hover.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:focus-visible{outline:var(--button-outline-width) solid var(--color-foreground-border-accent-focus);outline-offset:calc(var(--button-outline-width) * -1)}button.sc-tds-button:focus-visible.primary{background:var(--button-primary-background-focus);border-color:var(--button-primary-border-color-focus);color:var(--button-primary-color-focus);outline-color:var(--button-primary-outline-color-focus)}button.sc-tds-button:focus-visible.primary.icon{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:focus-visible.primary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:focus-visible.primary:not(.disabled).sc-tds-button-s>[slot=icon],button:focus-visible.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:focus-visible.secondary{background:var(--button-secondary-background-focus);border-color:var(--button-secondary-border-color-focus);color:var(--button-secondary-color-focus);outline-color:var(--button-secondary-outline-color-focus)}button.sc-tds-button:focus-visible.secondary.icon{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:focus-visible.secondary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:focus-visible.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button:focus-visible.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:focus-visible.ghost{background:var(--button-ghost-background-focus);border-color:var(--button-ghost-border-color-focus);color:var(--button-ghost-color-focus);outline-color:var(--button-ghost-outline-color-focus)}button.sc-tds-button:focus-visible.ghost.icon{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:focus-visible.ghost.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:focus-visible.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button:focus-visible.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:focus-visible.danger{background:var(--button-danger-background-focus);border-color:var(--button-danger-border-color-focus);color:var(--button-danger-color-focus);outline-color:var(--button-danger-outline-color-focus)}button.sc-tds-button:focus-visible.danger.icon{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:focus-visible.danger.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button:focus-visible.danger:not(.disabled).sc-tds-button-s>[slot=icon],button:focus-visible.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:focus-visible.primary{background:var(--button-primary-background-focus);border-color:var(--button-primary-border-color-focus);color:var(--button-primary-color-focus);outline-color:var(--button-primary-outline-color-focus)}button:focus-visible.primary.sc-tds-button-s>[slot=icon],button:focus-visible.primary .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill-focus);color:var(--button-icon-primary-fill-focus);fill:var(--button-icon-primary-color-focus);color:var(--button-icon-primary-color-focus)}button.sc-tds-button:focus-visible.secondary{background:var(--button-secondary-background-focus);border-color:var(--button-secondary-border-color-focus);color:var(--button-secondary-color-focus);outline-color:var(--button-secondary-outline-color-focus)}button:focus-visible.secondary.sc-tds-button-s>[slot=icon],button:focus-visible.secondary .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill-focus);color:var(--button-icon-secondary-fill-focus);fill:var(--button-icon-secondary-color-focus);color:var(--button-icon-secondary-color-focus)}button.sc-tds-button:focus-visible.ghost{background:var(--button-ghost-background-focus);border-color:var(--button-ghost-border-color-focus);color:var(--button-ghost-color-focus);outline-color:var(--button-ghost-outline-color-focus)}button:focus-visible.ghost.sc-tds-button-s>[slot=icon],button:focus-visible.ghost .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill-focus);color:var(--button-icon-ghost-fill-focus);fill:var(--button-icon-ghost-color-focus);color:var(--button-icon-ghost-color-focus)}button.sc-tds-button:focus-visible.danger{background:var(--button-danger-background-focus);border-color:var(--button-danger-border-color-focus);color:var(--button-danger-color-focus);outline-color:var(--button-danger-outline-color-focus)}button:focus-visible.danger.sc-tds-button-s>[slot=icon],button:focus-visible.danger .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill-focus);color:var(--button-icon-danger-fill-focus);fill:var(--button-icon-danger-color-focus);color:var(--button-icon-danger-color-focus)}button.sc-tds-button:active.primary,button.active.primary.sc-tds-button{background:var(--button-primary-background-active);border-color:var(--button-primary-border-color-active);color:var(--button-primary-color-active);outline-color:var(--button-primary-outline-color-active)}button.sc-tds-button:active.primary.icon,button.active.primary.icon.sc-tds-button{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:active.primary.icon.disabled,button.active.primary.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button:active.primary:not(.disabled).sc-tds-button-s>[slot=icon],button:active.primary:not(.disabled) .sc-tds-button-s>[slot=icon],button.active.primary:not(.disabled).sc-tds-button-s>[slot=icon],button.active.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.sc-tds-button:active.secondary,button.active.secondary.sc-tds-button{background:var(--button-secondary-background-active);border-color:var(--button-secondary-border-color-active);color:var(--button-secondary-color-active);outline-color:var(--button-secondary-outline-color-active)}button.sc-tds-button:active.secondary.icon,button.active.secondary.icon.sc-tds-button{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:active.secondary.icon.disabled,button.active.secondary.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button:active.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button:active.secondary:not(.disabled) .sc-tds-button-s>[slot=icon],button.active.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button.active.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.sc-tds-button:active.ghost,button.active.ghost.sc-tds-button{background:var(--button-ghost-background-active);border-color:var(--button-ghost-border-color-active);color:var(--button-ghost-color-active);outline-color:var(--button-ghost-outline-color-active)}button.sc-tds-button:active.ghost.icon,button.active.ghost.icon.sc-tds-button{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:active.ghost.icon.disabled,button.active.ghost.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button:active.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button:active.ghost:not(.disabled) .sc-tds-button-s>[slot=icon],button.active.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button.active.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.sc-tds-button:active.danger,button.active.danger.sc-tds-button{background:var(--button-danger-background-active);border-color:var(--button-danger-border-color-active);color:var(--button-danger-color-active);outline-color:var(--button-danger-outline-color-active)}button.sc-tds-button:active.danger.icon,button.active.danger.icon.sc-tds-button{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.sc-tds-button:active.danger.icon.disabled,button.active.danger.icon.disabled.sc-tds-button{color:var(--button-icon-secondary-color-disabled)}button:active.danger:not(.disabled).sc-tds-button-s>[slot=icon],button:active.danger:not(.disabled) .sc-tds-button-s>[slot=icon],button.active.danger:not(.disabled).sc-tds-button-s>[slot=icon],button.active.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.disabled.primary.sc-tds-button,button.sc-tds-button:disabled.primary{background:var(--button-primary-background-disabled);border-color:var(--button-primary-border-color-disabled);color:var(--button-primary-color-disabled);outline-color:var(--button-primary-outline-color-disabled)}button.disabled.primary.icon.sc-tds-button,button.sc-tds-button:disabled.primary.icon{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.disabled.primary.icon.disabled.sc-tds-button,button.sc-tds-button:disabled.primary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button.disabled.primary:not(.disabled).sc-tds-button-s>[slot=icon],button.disabled.primary:not(.disabled) .sc-tds-button-s>[slot=icon],button:disabled.primary:not(.disabled).sc-tds-button-s>[slot=icon],button:disabled.primary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-primary-fill);color:var(--button-icon-primary-fill);fill:var(--button-icon-primary-color);color:var(--button-icon-primary-color)}button.disabled.secondary.sc-tds-button,button.sc-tds-button:disabled.secondary{background:var(--button-secondary-background-disabled);border-color:var(--button-secondary-border-color-disabled);color:var(--button-secondary-color-disabled);outline-color:var(--button-secondary-outline-color-disabled)}button.disabled.secondary.icon.sc-tds-button,button.sc-tds-button:disabled.secondary.icon{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.disabled.secondary.icon.disabled.sc-tds-button,button.sc-tds-button:disabled.secondary.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button.disabled.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button.disabled.secondary:not(.disabled) .sc-tds-button-s>[slot=icon],button:disabled.secondary:not(.disabled).sc-tds-button-s>[slot=icon],button:disabled.secondary:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-secondary-fill);color:var(--button-icon-secondary-fill);fill:var(--button-icon-secondary-color);color:var(--button-icon-secondary-color)}button.disabled.ghost.sc-tds-button,button.sc-tds-button:disabled.ghost{background:var(--button-ghost-background-disabled);border-color:var(--button-ghost-border-color-disabled);color:var(--button-ghost-color-disabled);outline-color:var(--button-ghost-outline-color-disabled)}button.disabled.ghost.icon.sc-tds-button,button.sc-tds-button:disabled.ghost.icon{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.disabled.ghost.icon.disabled.sc-tds-button,button.sc-tds-button:disabled.ghost.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button.disabled.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button.disabled.ghost:not(.disabled) .sc-tds-button-s>[slot=icon],button:disabled.ghost:not(.disabled).sc-tds-button-s>[slot=icon],button:disabled.ghost:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-ghost-fill);color:var(--button-icon-ghost-fill);fill:var(--button-icon-ghost-color);color:var(--button-icon-ghost-color)}button.disabled.danger.sc-tds-button,button.sc-tds-button:disabled.danger{background:var(--button-danger-background-disabled);border-color:var(--button-danger-border-color-disabled);color:var(--button-danger-color-disabled);outline-color:var(--button-danger-outline-color-disabled)}button.disabled.danger.icon.sc-tds-button,button.sc-tds-button:disabled.danger.icon{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.disabled.danger.icon.disabled.sc-tds-button,button.sc-tds-button:disabled.danger.icon.disabled{color:var(--button-icon-secondary-color-disabled)}button.disabled.danger:not(.disabled).sc-tds-button-s>[slot=icon],button.disabled.danger:not(.disabled) .sc-tds-button-s>[slot=icon],button:disabled.danger:not(.disabled).sc-tds-button-s>[slot=icon],button:disabled.danger:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--button-icon-danger-fill);color:var(--button-icon-danger-fill);fill:var(--button-icon-danger-color);color:var(--button-icon-danger-color)}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.animation-fade.sc-tds-button{transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.disabled.sc-tds-button-h:active{pointer-events:none}.disabled.sc-tds-button-h button.sc-tds-button{cursor:not-allowed}.fullbleed.sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0}";export{s as tds_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as a,H as s,g as i}from"./p-2049fab2.js";const d=["multiselect","expandableRows","verticalDividers","compactDesign","noMinWidth"],o=class{constructor(a){e(this,a),this.tdsSelectAll=t(this,"tdsSelectAll",6),this.allSelected=!1,this.selected=void 0,this.disabled=!1,this.indeterminate=!1,this.multiselect=!1,this.expandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>d.includes(e))).forEach((t=>{if(void 0===this[t])throw new Error(`Table prop is not supported: ${t}`);this[t]=e.detail[t]}))}internalTdsRowExpandedListener(e){this.tableId===e.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){const e=this.host.parentElement.querySelector("tds-table-body").getElementsByClassName("tds-table__row-extend--active").length,t=this.host.parentElement.querySelector("tds-table-body").getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=t===e}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){d.forEach((e=>{this[e]=this.tableEl[e]}))}componentWillRender(){this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}async handleCheckboxChange(e){this.allSelected=e.detail.checked,this.tdsSelectAll.emit({tableId:this.tableId,checked:e.detail.checked,selectedRows:await this.tableEl.getSelectedRows()})}render(){return a(s,{key:"75f1971a9e5da0235c05bd6df404e00ef5e00ebe",class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},a("tr",{key:"b5a11da2da4150e10670bd337d54a52ff374f0c4"},this.multiselect&&a("th",{key:"4e3306cac508165e6275f1d25003ded464f46d96",class:"tds-table__header-cell tds-table__header-cell--checkbox"},a("div",{key:"3a56745e002253a5c5600f84c1ca5079a7f3b337",class:"tds-form-label tds-form-label--table"},a("tds-checkbox",{key:"fdcaf57c308efe9fef3ac0769903cd0803b48b71",checked:this.allSelected||this.selected,disabled:this.disabled,indeterminate:this.indeterminate,onTdsChange:e=>this.handleCheckboxChange(e)}))),this.expandableRows&&a("th",{key:"fa98bc0ad7ae71ab5e0dc68aee1d75ca36b1e83a",class:"tds-table__header-cell tds-table__header-cell--checkbox"}),a("slot",{key:"0b5f62c41e92984f42db820a57a89be2f5a57993"})))}get host(){return i(this)}};o.style=":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);background-color:var(--table-header);border-bottom:1px solid var(--table-divider);color:var(--table-text);display:table-cell;text-align:left;height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--table-header-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";export{o as tds_table_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as d,H as s,g as a}from"./p-2049fab2.js";import{h as i}from"./p-ae110fc2.js";import{g as e}from"./p-11648030.js";const l=class{constructor(d){t(this,d),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.handleClose=t=>{const o=this.tdsClose.emit(t);this.returnFocusOnClose(),o.defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0)},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.header=void 0,this.prevent=!1,this.size="md",this.actionsPosition="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0}async showModal(){this.isShown=!0,requestAnimationFrame((()=>{const t=this.getFocusableElements();t.length>0&&(t[0].focus(),this.activeElementIndex=0)}))}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;let o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);if(!o)return;const d=["BUTTON","A","INPUT"];if(d.includes(o.tagName))o.focus();else{const t=o.querySelector(d.join(","));t&&t.focus()}}getFocusableElements(){const t=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(this.host.shadowRoot.querySelectorAll(t)),...Array.from(this.host.querySelectorAll(t))]}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),a=this.header?`tds-modal-header-${e()}`:void 0,l=`tds-modal-body-${e()}`;return d(s,{key:"2d39760de58fd957585e4370aa88447d85249eca",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":l,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},d("div",{key:"5eeaf5c29529bf77ddde4892067f13d312d1bba7",class:"tds-modal-backdrop"}),d("div",{key:"8a6ccd911dfec947a809320a0631d5f9904ef78d",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},d("div",{key:"b7c760ebded4e98319cec75c161002a579316902",id:a,class:"header"},this.header&&d("div",{key:"db14e71913052ba5367ab95a41a366c7f2dea4a3",class:"header-text"},this.header),t&&d("slot",{key:"62b394718c78e564fd50e7ff3328e637a63679e6",name:"header"}),this.closable&&d("button",{key:"9ff8ad81be4f72ee6a298a9ba39a1024269d3ec2",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},d("tds-icon",{key:"b34b8a55c7f5c65ce7a3fdee6114c66ee4ab82c3",name:"cross",size:"20px"}))),d("div",{key:"ab04e506dd94c69d8f91fb774fa85f355f3629d4",id:l,class:"body"},d("slot",{key:"f4a8e2377b4cae3a9c4fa1032e896b0b0c58a06a",name:"body"})),o&&d("slot",{key:"09137d7c8b81f91dbf419b10c8a085de25df1272",name:"actions"})))}get host(){return a(this)}};l.style=".tds-modal{box-sizing:border-box;background-color:var(--modal-background);box-shadow:var(--modal-shadow);margin:auto;position:relative;border-radius:4px;max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:6px;background-color:transparent}.tds-modal::-webkit-scrollbar-track{background-color:transparent}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--modal-scroll-bar-thumb);border-radius:3px}.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(--modal-background);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--modal-background);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(--modal-background);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(--modal-text);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(--modal-text);overflow-y:visible;padding:0 16px 16px}.body::-webkit-scrollbar{width:6px;background-color:transparent}.body::-webkit-scrollbar-track{background-color:transparent}.body::-webkit-scrollbar-thumb{background-color:var(--modal-scroll-bar-thumb);border-radius:3px}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--modal-backdrop);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(--modal-text);cursor:pointer}.tds-modal-close:focus{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}@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(--modal-cross-svg)}.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{l as tds_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,H as o,g as i}from"./p-2049fab2.js";const d=["multiselect","verticalDividers","compactDesign"],l=class{constructor(s){t(this,s),this.tdsSelect=e(this,"tdsSelect",6),this.tdsClick=e(this,"tdsClick",6),this.selected=!1,this.disabled=!1,this.clickable=!1,this.multiselect=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}async handleCheckboxChange(t){this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await this.tableEl.getSelectedRows()})}handleRowClick(t){if(!this.clickable)return;let e=Array.from(this.host.parentElement.children).indexOf(this.host);this.tdsClick.emit({event:t,tableId:this.tableId,rowIndex:e})}handleKeyDown(t){!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRowClick(t))}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&d.forEach((t=>{this[t]=this.tableEl[t]}))}render(){return s(o,{key:"7ba4597616440e7767243890c79864259f494809",tabindex:this.clickable?"0":null,class:{"tds-table__row":!0,"tds-table__row--selected":this.selected,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table__row--clickable":this.clickable},onClick:t=>this.handleRowClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"row"},this.multiselect&&s("td",{key:"d21a3062ed62bf5f3ecfbcf0fdecf09164b51a2f",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},s("tds-checkbox",{key:"c77ff16d0a994cc06ea7cb2268e519b86d64f085",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),s("slot",{key:"f17bed1fc5675e091e18d51745f654189773f11d"}))}get host(){return i(this)}};l.style=":host(.tds-table__row){box-sizing:border-box;background-color:var(--table-body-row);border-bottom:1px solid var(--table-divider);color:var(--table-text);display:table-row;transition:background-color 200ms ease}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){background-color:var(--table-body-row-hover)}:host(.tds-table__row--selected){background-color:var(--table-body-row-selected)}:host(.tds-table__row--selected:hover){background-color:var(--table-body-row-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}";export{l as tds_table_body_row}
|