@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 s,c as t,h as e,g as i}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const r=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.resetEventListenerAdded=!1,this.ariaLiveElement=null,this.announcementDebounceTimeout=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()},this.label="",this.value="0",this.min="0",this.max="100",this.state="default",this.modeVariant=null,this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel=""}roundToStep(s){const t=parseFloat(this.step);if(!t)return parseFloat(s.toFixed());const e=Math.round(s/t)*t,i=(t.toString().split(".")[1]||"").length;return parseFloat(e.toFixed(i))}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){this.thumbGrabbed?(this.thumbGrabbed=!1,this.thumbInnerElement.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),this.trackElement.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),this.trackElement.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){const t=parseInt(this.ticks),e=this.trackElement.getBoundingClientRect();let i=0;"mousemove"===s.type||"mouseup"===s.type?i=s.clientX-e.left:"touchmove"===s.type?i=s.touches[0].clientX-e.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&t>0&&(i=this.updateSupposedValueSlot(i)),this.thumbLeft=this.constrainThumb(i),this.thumbElement.style.left=`${this.thumbLeft}px`,this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=this.roundToStep(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(d.toString())}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){this.readOnly||(this.thumbGrabbed=!0,this.thumbInnerElement.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){return this.max.length}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=`${i}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=(parseFloat(this.step).toString().split(".")[1]||"").length;for(let i=1;i<=s;i++){const s=parseFloat(this.min)+t*i;this.tickValues.push(parseFloat(s.toFixed(e)))}this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return e("div",{key:"bd4183c7e9ab8598f2f1e00ff7d6d395847400d5",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly,"slider-default":"default"===this.state,"slider-success":"success"===this.state,"slider-primary":"primary"===this.modeVariant,"slider-secondary":"secondary"===this.modeVariant}},e("input",{key:"26336c8cae0fa98a4afd3971c85d606bc19ef1d8",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),e("div",{key:"81b4037332a2cd014499aab8e0a736f6b29466ad",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),e("div",{key:"45076b1377c6ed50ca30bb54ea6813e0bbe86823",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},e("label",{key:"986444a64e1254c9fe7e48d92439dfbf68e1cd9c",id:`${this.sliderId}-label`,class:this.showTickNumbers&&"offset"},this.label),this.useInput&&e("div",{key:"78958c70f9f18a68e5a652cab122ce69390a7638",class:"tds-slider__input-values"},e("div",{key:"7488b615ae3f989e89819418e95a0e50f6870f39",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"b13a12af4fa8b1256bff7df615f870295604fcb8",class:"tds-slider__controls"},e("div",{key:"6d8f516d30ef263971969b2034d132e47254e7a8",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"29be5d68dc58887ca806d2e871e21abd49f8bc6b",name:"minus",size:"16px"}))),e("div",{key:"2082aa0ebf30e5e32c9d5f2dcfc092cf51f486f7",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&e("div",{key:"78894f9a5ec898237bad37507ceb0e719829e835",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"28b5650b22efe479753a15585266daba70e8fe99",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"4c3345c0729d8b2fc8dc41d7d341649a3456e431",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},e("div",{key:"93c0ab45f73c0c2ee8dbdaf75dcc0b36a5d8c5e6",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"0ad854c25663ba050dc1aedb737a209d43046e50",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&e("div",{key:"b80b3f6e542820507f5b75cc458475ded9f3d917",class:"tds-slider__value"},this.value,e("svg",{key:"e3144dc00d812cb4ea7c2b1be1ac5e79e70d9022",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"940b3dc10755cb6b66d793e1fe03201a4661dbfd",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),e("div",{key:"a6da99482099afd5b4a36f51e43cd83184a80e4f",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"c80e10049d55a5457ddbfdbccc107e26a48d44b1",class:"tds-slider__input-values"},e("div",{key:"31892d55b7ffb5db331bbb273ff9ade5ff5ce187",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"5cfd66b7016d413a52b884d61ba585e25e6d8e53",class:"tds-slider__input-field-wrapper"},e("input",{key:"0110bd5e6bf77baf28e621145fa4b683b488ee62",size:this.calculateInputSizeFromMax(),class:"tds-slider__input-field",value:this.value,"aria-label":this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onBlur:s=>this.updateSliderValueOnInputChange(s),onKeyDown:s=>this.handleInputFieldEnterPress(s),type:"number",min:this.min,max:this.max,step:this.step}))),this.useControls&&e("div",{key:"b4acf1abc7c3ec847e385ce3e71c396975efbbc0",class:"tds-slider__controls"},e("div",{key:"41d053f1471824dc3e6acdd143dc15a3b29dcb62",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"9f78191d97f05e5e3ee1dc10243beb5435671116",name:"plus",size:"16px"})))))}get host(){return i(this)}static get watchers(){return{value:["handleValueUpdate"]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}tds-slider .slider-primary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background)}tds-slider .slider-secondary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background-secondary)}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{box-shadow:var(--slider-input-field-box-shadow-success);color:var(--slider-input-success-text)}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:var(--slider-input-field-box-shadow-success)}.tds-slider-wrapper:focus-within{border-radius:var(--tds-spacing-element-4);outline:2px solid var(--tds-blue-400);outline-offset:2px}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{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(--slider-input-value);padding:18px;user-select:none}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background);border-radius:var(--slider-border-radius);display:flex;align-items:center;justify-content:center}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{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);border-left:1px solid var(--slider-border-left);border-right:1px solid var(--slider-border-right);border-bottom:1px solid var(--slider-border-bottom);border-top:1px solid var(--slider-border-top);border-radius:var(--slider-border-radius);box-shadow:var(--slider-input-field-box-shadow);color:var(--slider-input-inputfield);border:0;background-color:transparent;text-align:center;padding:12px;transition:box-shadow 200ms ease}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:var(--slider-input-field-box-shadow-hover)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:var(--slider-input-field-box-shadow-focus);outline:var(--slider-border-outline)}.tds-slider label{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(--slider-label);user-select:none;position:absolute;padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font-family:var(--detail-01-font-family);font-size:var(--detail-01-font-size);line-height:var(--detail-01-line-height);font-weight:var(--detail-01-font-weight);letter-spacing:var(--detail-01-letter-spacing);text-transform:var(--detail-01-text-transform);background-color:var(--slider-value-tooltip-background);color:var(--slider-value-tooltip);z-index:2;user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px}.tds-slider .tds-slider__value svg{color:var(--slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--slider-thumb);width:20px;height:20px;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{background-color:var(--slider-thumb);content:" ";display:none;width:48px;height:48px;position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;opacity:0.16 !important}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--slider-divider);color:var(--slider-divider-values);transform:translateY(-50%);height:16px;width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{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);letter-spacing:var(--tds-detail-05-ls);display:block;user-select:none;color:var(-tds-grey-700);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{background-color:var(--slider-track);width:100%;height:2px;border-radius:1px;position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--slider-track-fill);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--slider-disabled-text)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--slider-disabled);pointer-events:none;box-shadow:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--slider-controls)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--slider-disabled)}';export{r as tds_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-2049fab2.js";const
|
|
1
|
+
import{r as t,h as s}from"./p-2049fab2.js";const e=class{constructor(s){t(this,s),this.value="",this.hidden=!1,this.size="lg",this.tdsAriaLive="polite",this.tdsAriaLabel="",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size||(this.shape=this.value.length>=2?"pill":"",this.size="lg",this.text=t.toString().length>=3?"99+":t.toString())}render(){return s("host",{key:"718d8c1583ad75a49fb5f24bb8efbdad4e3228a7",role:"status",class:{"tds-badge":!0,[`tds-badge-${this.size}`]:!0,"tds-badge-pill":"pill"===this.shape,"tds-badge-hidden":this.hidden},"aria-label":this.tdsAriaLabel,"aria-live":this.tdsAriaLive},s("div",{key:"d76ae168c4f5926a170472162ecd611b5e6e4639",class:"tds-badge-text","aria-hidden":"true"},this.text))}static get watchers(){return{value:["watchProps"],size:["watchProps"]}}};e.style=":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--badge-color-text);font-weight:bold}";export{e as tds_badge}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as d,h as c,H as i}from"./p-2049fab2.js";import{g as t}from"./p-11648030.js";const a=class{constructor(c){o(this,c),this.tdsToggle=d(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1,this.ariaLevelValue="6"}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}async expand(){this.tdsToggle.emit({expanded:!0}).defaultPrevented||(this.expanded=!0)}async collapse(){this.tdsToggle.emit({expanded:!1}).defaultPrevented||(this.expanded=!1)}async isExpanded(){return this.expanded}render(){const o=t(),d=t();return c(i,{key:"066522a77c41f0ca6c49ee77d5f34623c42d00e2"},c("div",{key:"cd3abb9da939e81404eaf6175ba62ce2d709de71",class:`tds-accordion-item\n ${this.disabled?"disabled":""}\n ${this.expanded?"expanded":""}\n `},c("div",{key:"85647602e5644c8908240d5dfb492ce60695a50c",role:"heading","aria-level":this.ariaLevelValue},c("button",{key:"e74a1cc68af901a1acae4cf2d49708499af1e044",id:d,"aria-controls":o,type:"button","aria-expanded":this.expanded?"true":"false","aria-disabled":this.disabled,class:`tds-accordion-header-icon-${this.expandIconPosition}`,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},c("div",{key:"2f757e9e1369381f95497c5833bd3a0e25a297f3",class:"tds-accordion-title"},this.header,c("slot",{key:"1bf9cb769629414c763218b1a3772642b19b4ce4",name:"header"})),c("div",{key:"b2f1cf14059d134502db363f442b4914b435a72f",class:"tds-accordion-icon"},c("tds-icon",{key:"aca038cd8915bd7bc0c152e37820e53f1d692041",tdsAriaHidden:!0,svgTitle:"Chevron Down",name:"chevron_down",size:"16px"})))),c("div",{key:"76aa6973dac5bf9c8203c37d047f4e466a6e9fc7",role:"region","aria-live":"polite","aria-labelledby":d,id:o,class:`tds-accordion-panel\n ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n `},c("slot",{key:"274f9aff706adceb82aea35db3a91494e798ab2c"}))))}};a.style=".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--accordion-text);position:relative;border-top:1px solid var(--accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;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);cursor:pointer;display:flex;align-items:center;width:100%;padding:var(--tds-spacing-element-16);background-color:var(--accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--accordion-icon)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--accordion-text-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--accordion-text-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:focus-within,.tds-accordion-item.disabled:focus-within *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:focus-within .tds-accordion-header-icon-start,.tds-accordion-item.disabled:focus-within .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:focus-within .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:focus-within .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:first-child{margin-bottom:-1px;border-bottom:1px solid var(--accordion-border)}.tds-accordion-item:has(.tds-accordion-header-icon-start:focus),.tds-accordion-item:has(.tds-accordion-header-icon-end:focus){border-top:1px solid var(--accordion-border-focus)}.tds-accordion-item[disabled=true]:focus-within{border-color:var(--accordion-border)}:host(:focus-within) .tds-accordion-item:has(.tds-accordion-header-icon-start:focus),:host(:focus-within) .tds-accordion-item:has(.tds-accordion-header-icon-end: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(:focus-within) .tds-accordion-item .tds-accordion-header-icon-start,:host(:focus-within) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--accordion-background-focus);outline:none}:host(:hover) .tds-accordion-header-icon-start,:host(:hover) .tds-accordion-header-icon-end{background-color:var(--accordion-background-hover)}:host(:focus-within:hover) .tds-accordion-item:has(.tds-accordion-header-icon-start:focus),:host(:focus-within:hover) .tds-accordion-item:has(.tds-accordion-header-icon-end: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(:focus-within:hover) .tds-accordion-item .tds-accordion-header-icon-start,:host(:focus-within:hover) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--accordion-background-hover);outline:none}.tds-accordion-item:has(:hover){background-color:var(--accordion-background-hover)}.tds-accordion-item:has(.tds-accordion-header-icon-start:active),.tds-accordion-item:has(.tds-accordion-header-icon-end:active){background-color:var(--accordion-background-active)}:host(:hover) .tds-accordion-item:has(.tds-accordion-header-icon-start:active) .tds-accordion-header-icon-start,:host(:hover) .tds-accordion-item:has(.tds-accordion-header-icon-end:active) .tds-accordion-header-icon-end{background-color:var(--accordion-background-active)}.tds-accordion-header-icon-start:active,.tds-accordion-header-icon-end:active{outline:none}";export{a as tds_accordion_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as i,H as s,g as e}from"./p-2049fab2.js";import{g as r}from"./p-11648030.js";const d=t=>null==t?"":t.toString(),a=t=>t.map((t=>d(t))),l=class{constructor(i){t(this,i),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));return 0===t.length&&console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously."),t},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>d(o.value)===d(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.trim()))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,i,s,e;if("auto"===this.openDirection||!this.openDirection){const r=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(s=(i=this.host).getBoundingClientRect)||void 0===s?void 0:s.call(i).top)&&void 0!==e?e:0)+r+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase(),i=this.getChildren();""===o?(i.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=i.filter((t=>(this.normalizeString(t.textContent).toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFilterReset=()=>{this.reset(),this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.internalValue=""},this.handleFocus=t=>{this.open=!0,this.filterFocus=!0,this.multiselect&&this.inputElement&&(this.inputElement.value=""),this.tdsFocus.emit(t),this.filter&&this.handleFilter({target:{value:""}})},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.value=null,this.tdsAriaLabel=void 0,this.open=!1,this.internalValue=void 0,this.filterResult=void 0,this.filterFocus=void 0,this.internalDefaultValue=void 0,this.selectedOptions=[]}handleValueChange(t){const o=this.normalizeValue(t);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?a(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[d(t[0])]:[d(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const i=this.validateValues(t);this.selectedOptions=[...i],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const i=o.some((o=>d(o.value)===d(t)));return i||console.warn(`Option with value "${t}" does not exist`),i})):(console.warn("No dropdown options found"),t)}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(d(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,o){let i;return i=Array.isArray(t)?a(t):[d(t)],this.updateDropdownStateFromUser(i),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}this.handleFocus({})}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){var o;const{activeElement:i}=document;if(!i)return;const s=this.getChildren();if("ArrowDown"===t.key){const t=i.nextElementSibling?s.findIndex((t=>t===i.nextElementSibling)):0;s[((t,o)=>{if(void 0===t[o])return 0;for(let i=o;i<t.length;i++)if(!t[i].disabled)return i})(s,t)].focus()}else if("ArrowUp"===t.key)s[((t,o)=>{if(void 0===t[o])return t.length-1;for(let i=o;i>=0;i--)if(!t[i].disabled)return i})(s,i.nextElementSibling?this.getChildren().findIndex((t=>t===i.previousElementSibling)):0)].focus();else if("Escape"===t.key)if(this.open=!1,this.filter)null===(o=this.inputElement)||void 0===o||o.focus();else{const t=this.host.shadowRoot.querySelector("button");null==t||t.focus()}}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():"")),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=d(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=d(this.defaultValue),o=this.multiselect?t.split(",").map(d):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Dropdown component: tdsAriaLabel prop is missing")}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){((t,o,i,s)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e.disabled=s,e.name=o,e.value=i||""})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const t=this.label?`dropdown-label-${this.name||r()}`:void 0,o=this.helper?`dropdown-helper-${this.name||r()}`:void 0;return i(s,{key:"676f9d61c5fd8488cedbc949757e992be13e49eb",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&i("div",{key:"ac4f3c9ca2719acc72f06ae977bf032d05913c6d",id:t,class:"label-outside "+(this.disabled?"disabled":"")},this.label),i("div",{key:"c9d4142f63e315c73daef5038f266a32b05559a1",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?i("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},i("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&i("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&i("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),i("input",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,ref:t=>this.inputElement=t,class:{placeholder:"inside"===this.labelPosition},type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?"":this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.multiselect&&(this.inputElement.value=this.getValue()),this.handleBlur(t)},onFocus:t=>this.handleFocus(t),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),i("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear filter",svgTitle:"Clear filter",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.open&&""!==this.inputElement.value),disabled:this.disabled},name:"cross",size:"16px"}),i("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:`menu-icon ${this.open?"open":"closed"} ${this.disabled?"disabled":""}`,name:"chevron_down",size:"16px"})):i("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},i("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&i("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&i("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),i("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),i("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:`menu-icon ${this.open?"open":"closed"} ${this.disabled?"disabled":""}`,name:"chevron_down",size:"16px"})))),i("div",{key:"dfd39c165ccaef43bb3b1f3e5fd2793d771b773a",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{this.dropdownList=t},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":this.label&&"outside"===this.labelPosition,open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},i("slot",{key:"2f4b44fbea4d047dda71d057d89303fcb6f5e9da",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&i("div",{key:"157d60c6f3c99c8cf4467ad060e570ce09311d60",class:`no-result ${this.size}`},this.noResultText)),this.helper&&i("div",{key:"c8d18fbec1bf442178bd5b37e75b58cb2bfe4ec6",id:o,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&i("tds-icon",{key:"c13ddefa45a3e5a80cac6298d13953ca24b4f397",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"],defaultValue:["handleDefaultValueChange"]}}};l.style='@charset "UTF-8";: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}@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)}}:host{padding-bottom:1px}:host button{all:unset;box-shadow:var(--dropdown-box-shadow);height:100%;width:100%;background-color:var(--dropdown-background);border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host button:hover{box-shadow:var(--dropdown-box-shadow-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--dropdown-placeholder);line-height:1.3}:host button.value{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(--dropdown-text);line-height:1.3}:host button:focus{box-shadow:var(--dropdown-box-shadow-focus)}:host button:active{box-shadow:var(--dropdown-box-shadow-active)}:host button.error{box-shadow:var(--dropdown-box-shadow-error)}:host button.error:hover{box-shadow:var(--dropdown-box-shadow-error-hover)}:host button.error:focus{box-shadow:var(--dropdown-box-shadow-error-focus)}:host button:disabled{box-shadow:var(--dropdown-box-shadow-disabled);color:var(--dropdown-disabled)}:host button .menu-icon{margin-right:0}: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}@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)}}:host{padding-bottom:1px}:host .filter{box-shadow:var(--dropdown-box-shadow);display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--dropdown-background);padding-left:16px;border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .filter:hover{box-shadow:var(--dropdown-box-shadow-hover)}:host .filter.disabled{box-shadow:var(--dropdown-box-shadow-disabled)}:host .filter.disabled .value-wrapper input{color:var(--dropdown-disabled)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--dropdown-text)}:host .filter .label-inside-as-placeholder{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(--dropdown-placeholder);position:absolute;line-height:1.3}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{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);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{box-shadow:var(--dropdown-box-shadow-focus)}:host .filter.error{box-shadow:var(--dropdown-box-shadow-error)}:host .filter.error.focus{box-shadow:var(--dropdown-box-shadow-error-focus)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--dropdown-placeholder)}:host .filter input:disabled::placeholder{color:var(--dropdown-disabled)}:host .filter tds-icon{cursor:pointer}:host .filter tds-icon.disabled{color:var(--dropdown-disabled)}:host .filter .menu-icon{margin-right:16px}:host .filter .menu-icon.disabled{color:var(--dropdown-disabled)}:host .filter .clear-icon{margin:0 8px;padding-right:8px;border-right:1px solid var(--dropdown-icon);color:var(--dropdown-clear-icon)}:host .filter .clear-icon:hover{color:var(--dropdown-icon)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host .filter .clear-icon.disabled{color:var(--dropdown-disabled)}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{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:block;position:relative}:host .label-outside{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(--dropdown-text);margin-bottom:8px}:host .label-outside.disabled{color:var(--dropdown-disabled)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--dropdown-disabled)}:host .dropdown-select .label-inside{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);position:absolute;color:var(--dropdown-text)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm,:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--dropdown-placeholder)}:host .dropdown-select .label-inside-as-placeholder.selected{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);position:absolute;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{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);padding-top:var(--tds-spacing-element-4);color:var(--dropdown-helper-text);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--dropdown-error)}:host .helper.disabled{color:var(--dropdown-disabled)}:host .dropdown-list{z-index:100;position:absolute;margin-top:2px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm,:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{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:flex;align-items:center;padding:0 16px;background-color:var(--dropdown-background)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm,:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--dropdown-icon)}:host .menu-icon.disabled{color:var(--dropdown-disabled)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const n=class{constructor(i){t(this,i),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.parentElement=null,this.label="",this.componentWillRender=()=>{var t,o,i;this.host.parentElement&&(this.parentElement="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentElement&&(this.multiselect=null!==(o=this.parentElement.multiselect)&&void 0!==o&&o,this.size=this.parentElement.size||"lg"),this.label=(null===(i=this.host.textContent)||void 0===i?void 0:i.trim())||"")},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.internalValue),this.parentElement.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(this.parentElement.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.value=void 0,this.internalValue=void 0,this.disabled=!1,this.tdsAriaLabel=void 0,this.selected=!1,this.multiselect=!1,this.size="lg"}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=d(t)}componentWillLoad(){this.internalValue=d(this.value)}connectedCallback(){this.tdsAriaLabel||this.multiselect||console.warn("Tegel Dropdown option component: tdsAriaLabel prop is missing")}render(){return i(s,{key:"52827112a3060a8858978c3e65c284358f923539"},i("div",{key:"edf5262e5dbbfadf34ff6faa164e58b7fec1e561",class:`dropdown-option\n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?i("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},i("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},i("div",{slot:"label"},i("slot",null)))):i("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},i("div",{class:"single-select"},i("slot",null),this.selected&&i("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:["valueWatcher"]}}};n.style=":host{box-sizing:border-box;display:block;background-color:var(--dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{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(--dropdown-text);border-bottom:1px solid var(--dropdown-option-border);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--dropdown-option-background-selected)}:host .dropdown-option button: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;outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{background-color:var(--dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";export{l as tds_dropdown,n as tds_dropdown_option}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as o,H as t,g as d}from"./p-2049fab2.js";const s=["multiselect","expandableRows","zebraMode"],b=class{constructor(o){e(this,o),this.bodyCheckBoxClicked=()=>{const e=this.host.getElementsByClassName("tds-table__row").length,o=this.host.getElementsByClassName("tds-table__row--selected").length;this.mainCheckboxStatus=e===o},this.multiselect=!1,this.enablePaginationTableBody=!1,this.expandableRows=!1,this.multiselectArray=[],this.multiselectArrayJSON=void 0,this.mainCheckboxStatus=!1,this.columnsNumber=0,this.zebraMode="none",this.tableId=""}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>s.includes(e))).forEach((o=>{if(void 0===this[o])throw new Error(`Table prop is not supported: ${o}`);this[o]=e.detail[o]}))}bodyCheckboxListener(){this.bodyCheckBoxClicked()}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){s.forEach((e=>{this[e]=this.tableEl[e]}))}componentWillRender(){const e=this.host.parentElement.querySelector("tds-table-header").children.length;this.columnsNumber=this.multiselect||this.expandableRows?e+1:e}render(){return o(t,{key:"1a7e07924ed9f36b8c4359789148963ab3851ae7","data-selected-rows":this.multiselectArrayJSON,class:{"tds-table--zebra-mode-rows-odd":"rows-odd"===this.zebraMode,"tds-table--zebra-mode-rows-even":"rows-even"===this.zebraMode,"tds-table--zebra-mode-columns-odd":"columns-odd"===this.zebraMode,"tds-table--zebra-mode-columns-even":"columns-even"===this.zebraMode}},o("slot",{key:"a8da63114252a56f50b4823baf90a9eae0eb414b"}))}get host(){return d(this)}};b.style=":host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd){background-color:var(--table-zebra-mode)}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd):hover{background-color:var(--table-body-row-hover)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even){background-color:var(--table-zebra-mode)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even):hover{background-color:var(--table-body-row-hover)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell:nth-child(odd){background-color:var(--table-zebra-mode)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell.tds-table__body-cell--hover:nth-child(odd){background-color:var(--table-body-cell-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell:nth-child(even){background-color:var(--table-zebra-mode)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell.tds-table__body-cell--hover:nth-child(even){background-color:var(--table-body-cell-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-table-body-row:hover tds-body-cell,tds-table-body.tds-table--zebra-mode-columns-odd tds-table-body-row:hover tds-body-cell{background-color:transparent}";export{b as tds_table_body}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,F as s,H as d,g as o}from"./p-2049fab2.js";const a=class{constructor(t){e(this,t),this.defaultOpen=!1,this.buttonLabel=void 0,this.selected=!1,this.open=!1,this.hoverState=void 0,this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)||void 0===e?void 0:e.isHovered:this.open}connectedCallback(){this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=this.sideMenuEl.collapsed,this.open=this.defaultOpen}render(){return t(d,{key:"ae900d67fe5245f219b2fb71a41eeb78ad497bea"},t("div",{key:"b5cfdc40e8583e35e2657e931a497a61479e32ca",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},t("tds-side-menu-item",{key:"9a55c1f32267e429114830c0f062585be1767819",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},t("button",{key:"a97466a591926c54747faebe3faa60c5ef3c0bdf"},t("slot",{key:"1120e0cd904ee2238f6ff9b6c6d0879323f3e2bb",name:"icon"}),!this.collapsed&&t(s,{key:"3c6853db5e528e45af5a135fff10dace17249862"},this.buttonLabel,t("slot",{key:"7be68064ccd582bbcc270aae27645ad83258cc80",name:"label"}),t("tds-icon",{key:"ab532e6d71f82bae89c06739d3d2f7b3abe1c8b5",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),t("div",{key:"3b44c7d907275fdd06fae056c2b1cb70f1aa2ae9",class:"menu",tabindex:this.collapsed?"0":null},this.collapsed&&t("h3",{key:"8138edd8dcb7aac405ed2283962b921da8f4e8ef",class:"heading-collapsed"},this.buttonLabel,t("slot",{key:"23618d87dbb1bcc0c2be9e0e3785fb522e6d9c2f",name:"label"})),t("slot",{key:"f69c3b01c24bc5fb74313a9d3429a49902b0ae99"}))))}get host(){return o(this)}};a.style=":host{display:block;--side-menu-dropdown-list-item-custom-background:var(--side-menu-background-cover);--side-menu-dropdown-list-item-custom-background-hover:var(--side-menu-item-state-hover);--side-menu-dropdown-list-item-custom-background-active:var(--side-menu-item-state-active);--side-menu-dropdown-list-item-custom-background-selected:var(--side-menu-item-state-selected)}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed{--side-menu-dropdown-list-item-custom-background:var(\n --side-menu-collapsed-dropdown-background\n );--side-menu-dropdown-list-item-custom-background-hover:var(\n --side-menu-collapsed-dropdown-background-hover\n );--side-menu-dropdown-list-item-custom-background-active:var(\n --side-menu-collapsed-dropdown-background-active\n );--side-menu-dropdown-list-item-custom-background-selected:var(\n --side-menu-collapsed-dropdown-background-selected\n )}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--side-menu-subnav-box-shadow);background-color:var(--side-menu-subnav-background);padding:var(--side-menu-space-top-level-left);padding-top:0;border-radius:var(--side-menu-subnav-border-radius)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px var(--side-menu-collapsed-dropdown-heading-padding-left) 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--side-menu-bottom-menu-border-top);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 :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";export{a as tds_side_menu_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as o,g as s}from"./p-2049fab2.js";import{g}from"./p-11648030.js";const l=class{constructor(o){t(this,o),this.tdsToggle=e(this,"tdsToggle",6),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})},this.checked=!1,this.required=!1,this.size="lg",this.name=void 0,this.headline=void 0,this.disabled=!1,this.toggleId=g(),this.tdsAriaLabel=void 0}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}componentWillLoad(){this.labelSlot=this.host.querySelector("[slot='label']")}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Toggle component: tdsAriaLabel prop is missing")}render(){return o("div",{key:"16b67a2023e378db67b07944509321477250e060",class:"tds-toggle"},this.headline&&o("div",{key:"b53aa2ef5f2bcd19121cbae1fdb53f50ec4dc2bd",class:{"toggle-headline":!0,disabled:this.disabled}},this.headline),o("input",{key:"a6c65460f886d564a1182ad89598a91ad46ed73d",ref:t=>this.inputElement=t,"aria-label":this.tdsAriaLabel,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:`${this.size}`,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),this.labelSlot&&o("label",{key:"a1d7b3d6e3262d0b5a36295c39f8dfd18c63f025",class:{disabled:this.disabled},htmlFor:this.toggleId},o("slot",{key:"51ab9bbe5b140291bedda6b50ec4e923d120306b",name:"label"})))}get host(){return s(this)}};l.style='tds-toggle.sc-tds-toggle{--toggle-switch:var(--color-brand-neutral-white);--toggle-text:var(--color-foreground-text-strong);--toggle-disabled:var(--color-foreground-icon-disabled);--toggle-background-on:var(--color-system-success-default);--toggle-background-off:var(--color-foreground-icon-subtle);--toggle-border-focus:var(--color-foreground-border-accent-focus)}.tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{pointer-events:none}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{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(--toggle-text);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--toggle-disabled);user-select:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania);content:"";position:absolute;box-sizing:border-box}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{background-color:var(--toggle-background-off);border:2px solid transparent;border-radius:16px;left:0;height:24px;width:44px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{background-color:var(--toggle-switch);border-radius:50%;left:4px;top:4px;width:16px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle: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;border-radius:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus::before{background-color:var(--toggle-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--toggle-background-off)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--toggle-background-on)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{pointer-events:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--toggle-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--toggle-switch)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--toggle-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--toggle-switch)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--toggle-background-on)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--toggle-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--toggle-switch)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{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(--toggle-text);cursor:pointer;user-select:none;display:inline-block;vertical-align:middle;padding-left:8px}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--toggle-disabled);pointer-events:none}';export{l as tds_toggle}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as r,H as e}from"./p-2049fab2.js";const t=class{constructor(r){i(this,r),this.orientation="horizontal",this.variant="subtle"}render(){return r(e,{key:"fb332ff6d8b15e2451266bb9051113819ac770ab",role:"separator","aria-orientation":"vertical"===this.orientation?"vertical":void 0},r("div",{key:"a0a6e9037f259f3d4ecff62744a8b31875241901",class:{divider:!0,vertical:"vertical"===this.orientation,horizontal:"horizontal"===this.orientation,discrete:"discrete"===this.variant,subtle:"subtle"===this.variant,soft:"soft"===this.variant,defined:"defined"===this.variant,"dark-blue":"dark-blue"===this.variant}}))}};t.style=".divider{box-sizing:border-box;background-color:var(--divider-color)}.divider *{box-sizing:border-box}.divider.horizontal{width:100%;height:1px}.divider.vertical{height:100%;width:1px}";export{t as tds_divider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as
|
|
1
|
+
import{r as t,c as o,h as r,H as s,g as a}from"./p-2049fab2.js";import{g as l}from"./p-11648030.js";const e=class{constructor(r){t(this,r),this.internalTdsTablePropChange=o(this,"internalTdsTablePropChange",6),this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=void 0,this.multiselect=!1,this.expandableRows=!1,this.responsive=!1,this.modeVariant=null,this.zebraMode="none",this.horizontalScrollWidth=null,this.tableId=l(),this.enableHorizontalScrollToolbarDesign=!1,this.enableHorizontalScrollFooterDesign=!1}emitInternalTdsPropChange(t,o){this.internalTdsTablePropChange.emit({tableId:this.tableId,changed:[t],[t]:o})}async getSelectedRows(){let t=[];const o=this.host.querySelector("tds-table-body");return Array.from(o.querySelectorAll("tds-table-body-row")).filter((t=>t.selected)).forEach((o=>{let r=[];Array.from(o.getElementsByTagName("tds-body-cell")).forEach((t=>{var o;const s={cellKey:null,cellValue:null};s.cellKey=t.cellKey,s.cellValue=null!==(o=t.cellValue)&&void 0!==o?o:t.innerText,r=[...r,s]})),t=[...t,r]})),t}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}multiselectChanged(t){this.emitInternalTdsPropChange("multiselect",t)}enableExpandableRowsChanged(t){this.emitInternalTdsPropChange("expandableRows",t)}compactDesignChanged(t){this.emitInternalTdsPropChange("compactDesign",t)}verticalDividersChanged(t){this.emitInternalTdsPropChange("verticalDividers",t)}noMinWidthChanged(t){this.emitInternalTdsPropChange("noMinWidth",t)}zebraModeChanged(t){this.emitInternalTdsPropChange("zebraMode",t)}modeVariantChanged(t){this.emitInternalTdsPropChange("modeVariant",t)}widthChanged(t){this.emitInternalTdsPropChange("horizontalScrollWidth",t)}componentWillRender(){this.horizontalScrollWidth&&(this.enableHorizontalScrollToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1,this.enableHorizontalScrollFooterDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-footer").length>=1)}render(){return r(s,{key:"7a9b7fb545f7c4cd4c0f118910ce8af6d407851e",class:{"tds-table--responsive":this.responsive,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},r("table",{key:"8a1c7e74c38a55e17d7cf322997f6690d6b29f3f",style:this.getStyles(),class:{"tds-table":!0,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--responsive":this.responsive,"tds-table--horizontal-scroll":!!this.horizontalScrollWidth,"tds-table--horizontal-scroll-toolbar":this.enableHorizontalScrollToolbarDesign&&!this.compactDesign,"tds-table--horizontal-scroll-toolbar-compact":this.enableHorizontalScrollToolbarDesign&&this.compactDesign,"tds-table--horizontal-scroll-footer":this.enableHorizontalScrollFooterDesign&&!this.compactDesign,"tds-table--horizontal-scroll-footer-compact":this.enableHorizontalScrollFooterDesign&&this.compactDesign}},r("slot",{key:"a47351a50dbd07b15f969ffaeb75f62045693968"})))}get host(){return a(this)}static get watchers(){return{multiselect:["multiselectChanged"],expandableRows:["enableExpandableRowsChanged"],compactDesign:["compactDesignChanged"],verticalDividers:["verticalDividersChanged"],noMinWidth:["noMinWidthChanged"],zebraMode:["zebraModeChanged"],modeVariant:["modeVariantChanged"],horizontalScrollWidth:["widthChanged"]}}};e.style=":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host,.tds-table{box-sizing:border-box;border-collapse:collapse;display:table}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}.tds-table--horizontal-scroll{display:block;overflow-x:scroll;white-space:nowrap}.tds-table--horizontal-scroll:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--color-background-layer-01)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-table--horizontal-scroll{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-table--horizontal-scroll-toolbar{margin-top:64px}.tds-table--horizontal-scroll-toolbar-compact{margin-top:56px}.tds-table--horizontal-scroll-footer{margin-bottom:49px}.tds-table--horizontal-scroll-footer-compact{margin-bottom:33px}";export{e as tds_table}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as d,g as r}from"./p-2049fab2.js";import{g as i}from"./p-11648030.js";const s=class{constructor(d){t(this,d),this.tdsChange=o(this,"tdsChange",6),this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})},this.name=void 0,this.value=void 0,this.radioId=i(),this.checked=!1,this.required=!1,this.disabled=!1,this.tdsAriaLabel=void 0,this.tdsTabIndex=void 0}async focusElement(){this.inputElement&&this.inputElement.focus()}render(){return d("div",{key:"6f44a40cb5ccf890bdee47d36f47a79d5f8b603c",class:"tds-radio-button"},d("input",{key:"9f40ae91078cf4ebaff05897d792423b95e5b123",ref:t=>{this.inputElement=t},"aria-label":this.tdsAriaLabel,class:"tds-form-input",type:"radio",role:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange(),tabIndex:this.tdsTabIndex}),d("label",{key:"7309cddb34f1e3bb734e26d534f330d1f7b18fd1",htmlFor:this.radioId},d("slot",{key:"068c0375f5f8c66bbe8159533a629c8adb21d152",name:"label"})))}get host(){return r(this)}};s.style='.tds-radio-button.sc-tds-radio-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);color:var(--radio-button-label);display:flex;align-items:center;margin-left:-4px}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:24px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--radio-button-spacing-4);cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:22px;height:22px;left:1px;top:1px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{background-color:var(--radio-button-background-inverse);border:1px solid var(--radio-button-border);width:16px;height:16px;left:4px;top:4px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::after{outline:2px solid var(--radio-button-background-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus::before{background-color:var(--radio-button-focus);animation:rb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus::after{outline:1px solid var(--tds-radio-button-interaction-outline)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::before{outline:1px solid var(--radio-button-border-disabled);outline-offset:-4px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{background-color:var(--radio-button-background-disabled);border-color:var(--radio-button-background-disabled)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--radio-button-label-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::after{outline:none}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:focus::after{outline:4px solid var(--radio-button-focus)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--radio-button-border)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before{border:1px solid var(--radio-button-border-disabled);display:block;width:16px;height:16px;left:3px;top:3px;box-sizing:content-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after{border:4px solid var(--radio-button-background-disabled);background-color:var(--radio-button-checked-disabled);left:4px;top:4px}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}';export{s as tds_radio_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,H as s,g as o}from"./p-2049fab2.js";const i=["compactDesign","horizontalScrollWidth"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const r=class{constructor(a){t(this,a),this.tdsPagination=e(this,"tdsPagination",7),this.emitTdsPagination=()=>{this.tdsPagination.emit(this.rowsperpage?{tableId:this.tableId,paginationValue:Number(this.paginationValue),rowsPerPage:this.rowsPerPageValue}:{tableId:this.tableId,paginationValue:Number(this.paginationValue)})},this.previousPage=()=>{this.paginationValue>=2&&this.paginationValue--,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.nextPage=()=>{this.paginationValue<=this.pages&&this.paginationValue++,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.lastPage=()=>{this.paginationValue=this.pages,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.firstPage=()=>{this.paginationValue=1,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.pagination=!1,this.paginationValue=1,this.rowsperpage=!0,this.rowsPerPageValues=[10,25,50],this.pages=null,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.lastCorrectValue=void 0,this.tableId="",this.horizontalScrollWidth=null,this.rowsPerPageValue=this.rowsPerPageValues[0]}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]})),this.storeLastCorrectValue(this.paginationValue);const t=this.host.parentElement.querySelector("tds-table-header").childElementCount;this.columnsNumber=this.cols?this.cols:t}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=String(this.lastCorrectValue),this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.paginationValue>this.pages&&(this.paginationValue=this.pages),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){var t;return a(s,{key:"ef10157de8bd21d020eab709b8b1cfbd0497cf12",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},a("tr",{key:"25987ea6cf6cdb1116fa1a18303553e168675a26",class:"tds-table__footer-row"},a("td",{key:"dc2e516eb866d3f8618593cb902b1616be26702e",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&a("div",{key:"1f72626867f49dd3dfb6a75d1c5c9ae442a5dca0",class:"tds-table__pagination"},a("div",{key:"46c99c1e03eaa2c72b01b5476097f67542dcf873",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&a("div",{key:"4126adc0bc4629e7f9244c5f74fa9c03b8ca9475",class:"rows-per-page"},a("p",{key:"795fe282730d46353c66c3aca916760d7bf5ad56"},"Rows per page"),a("tds-dropdown",{key:"43e70ffc5418c48d87fb69c7b070d84ac78b4a2e",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",defaultValue:`${this.rowsPerPageValues[0]}`,onTdsChange:t=>this.rowsPerPageChange(t)},this.rowsPerPageValues.map((t=>a("tds-dropdown-option",{value:`${t}`},t)))))),a("div",{key:"8e5ad50f7acde8786633ae3e1bfc743e3dcff64c",class:"tds-table__page-selector"},a("input",{key:"fd91b13f5c9c9ef0a6ecce7613cf9e1805c90a60",ref:t=>this.inputElement=t,class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"rtl",onChange:t=>this.paginationInputChange(t),onAnimationEnd:l}),a("p",{key:"6a14f3235cf6d95e7b733b424c94a91304ea9a6e",class:"tds-table__footer-text"},"of ",a("span",{key:"b844edce0c9d68ba0a4b3bcf95be7b6acbb17616"},this.pages)," pages"),a("button",{key:"f808fa27c7ce60ec963355442550b2ee4b684254",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},a("tds-icon",{key:"8b795215e40ff0f5dffd3c053c791b9bc19035aa",name:"skip_backwards",size:"20px"})),a("button",{key:"f30422518268f30195f8411b70c91dd58cd8ea3c",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},a("tds-icon",{key:"2d024cea17fd5a7e021fc0c7e244ffaecdb10062",name:"chevron_left",size:"20px"})),a("button",{key:"c6e8733c92c9d36fe807916c1af69e2f0e3a9604",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},a("tds-icon",{key:"23e0c5bd4c97ded51a5d346e1492997dedf77fa5",name:"chevron_right",size:"20px"})),a("button",{key:"81fcc39bbf208f610d06151614c90fbd0bb1951e",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},a("tds-icon",{key:"ce19da46b8345c9ceb69ff2e775a85d78ad3b6fb",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}};r.style=":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--table-footer);color:var(--table-text)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{margin-right:var(--tds-spacing-element-16);display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font-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);background-color:var(--table-footer-page-selector-input);border-radius:var(--tds-spacing-element-4);color:var(--table-text);margin-right:var(--tds-spacing-element-4);padding-right:var(--tds-spacing-element-8);width:74px;height:30px;border:none;transition:background-color 250ms ease}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--table-footer-page-selector-input-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font-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:1px 22px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{border-radius:var(--tds-spacing-element-4);color:var(--table-icon);height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;transition:background-color 250ms ease}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--table-footer-button-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{color:var(--table-icon-disabled);cursor:default}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{fill:var(--table-text);height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}";export{r as tds_table_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as r,H as a}from"./p-2049fab2.js";const e=class{constructor(r){s(this,r),this.size="lg",this.variant="standard"}render(){return r(a,{key:"258284f4a0e66ef317ebf68f1e84535bf4525b2f","aria-live":"assertive",role:"status","aria-label":"loading"},r("svg",{key:"4c5543d50a45c97f658d9328df8ed957d1e074c9",class:`tds-spinner-svg tds-spinner-svg-${this.size}`,"aria-hidden":"true"},r("circle",{key:"ccf4e40860c20df27d693e2c613a965278ac1d6c",class:`tds-spinner-circle tds-spinner-circle-${this.variant}`})))}};e.style=":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-spinner-svg{--radius:var(--radius-lg);--stroke-width:var(--stroke-width-lg);--animation-speed:var(--speed-lg);--PI:3.14159265358979;display:block;width:calc(var(--radius) * 2);height:calc(var(--radius) * 2);transform:scale(-1, 1) rotate(-90deg);}.tds-spinner-svg-xs{--radius:8px;--stroke-width:3px;--animation-speed:1.8s}.tds-spinner-svg-sm{--radius:12px;--stroke-width:4px;--animation-speed:1.8s}.tds-spinner-svg-md{--radius:26px;--stroke-width:6px;--animation-speed:1.8s}.tds-spinner-svg-lg{--radius:42px;--stroke-width:8px;--animation-speed:2s}.tds-spinner-circle{animation:dash var(--animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;cx:var(--radius);cy:var(--radius);r:calc(var(--radius) - var(--stroke-width) / 2);fill:none;--stroke-dash:calc((2 * var(--PI)) * var(--radius));stroke-dasharray:var(--stroke-dash);stroke-width:var(--stroke-width);}.tds-spinner-circle-standard{stroke:var(--spinner-background)}.tds-spinner-circle-inverted{stroke:var(--spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--stroke-dash))}to{stroke-dashoffset:var(--stroke-dash)}}";export{e as tds_spinner}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as s,g as a}from"./p-2049fab2.js";import{i as o}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const b=class{constructor(t){e(this,t)}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const e=this.host.closest("tds-side-menu"),a=e?e.id:"",r=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},a&&{"aria-controls":a}),o(this.host)),{onClick:b.handleClick});return t(s,{key:"06e72329fe5335cc157d67b961f32c0e2b14b15c"},t("tds-side-menu-item",{key:"b8a4ee2860eb2f437d76870eb7bbcbe8bc167c88",class:{button:!0}},t("a",{key:"2718a01f4435e774b4ad9589ef6f43db7a6783e2"},t("div",Object.assign({key:"4e9f558601da7ff35084cb52a9c8bc55abef66b0",role:"button"},r),t("tds-icon",{key:"745174357d1844f6378027f2b9145a0f4f4a2d30",name:"cross",size:"20px",svgTitle:"Cross"})))))}get host(){return a(this)}};b.style=":host{margin:0 var(--side-menu-space-top-level-left);border-bottom:1px solid var(--side-menu-bottom-menu-border-top);height:var(--side-menu-close-button-wrapper-height)}";export{b as tds_side_menu_close_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as r,g as
|
|
1
|
+
import{r as t,h as o,H as r,g as e}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";import{h as a}from"./p-ae110fc2.js";const d=class{constructor(o){t(this,o),this.uuid=s(),this.handleSlottedItemClick=t=>{const o=t.target.tagName.toLowerCase();["a","button"].includes(o)&&(this.open=!1)},this.label=void 0,this.noDropdownIcon=!1,this.selected=!1,this.tdsAriaLabel=void 0,this.open=!1,this.buttonEl=void 0}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){"Escape"===t.key&&this.open&&(this.open=!1,this.buttonEl.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{const t="a, [tabindex='0']",o=this.host.shadowRoot.querySelector(t)||this.host.querySelector(t);o instanceof HTMLElement&&o.focus()}))}connectedCallback(){const t=a("label",this.host);this.tdsAriaLabel||t||console.warn("Tegel Header Dropdown component: use label slot or specify tdsAriaLabel prop")}render(){return o(r,{key:"6ab1d0f1d475d6d0a486e1909cad300d89eb39a0"},o("div",{key:"bfe11cdc8c2bf592cec7f3cf8888555071781afe",class:{"state-open":this.open}},o("tds-header-item",{key:"27b6d2680858443a26d7108b5318386df76db788",class:"button",active:this.open,selected:this.selected},o("button",{key:"09d0ccb3bc5a31a897af65f5fcf4d47ee8b35192",ref:t=>{this.buttonEl=t},"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},o("slot",{key:"50c872c297116ece9dd5da41398aac3bd88cd529",name:"icon"}),this.label,o("slot",{key:"141a43cdc4c8aeade4d547bbb91a28f62542bb98",name:"label"}),!this.noDropdownIcon&&o("tds-icon",{key:"13f2f8d6b264f09dea45e9b7809adab1b83db683",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&o("tds-popover-canvas",{key:"10b18c15ae1d2c0fbafaa82bed4ae7759c857c54",id:`tds-dropdown-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?o("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},o("slot",null)):null)))}get host(){return e(this)}};d.style=":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}";export{d as tds_header_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as o,g as a}from"./p-2049fab2.js";import{d as s}from"./p-52bf0fdf.js";const r=class{constructor(e){t(this,e)}render(){return e(o,{key:"61b64a52364893a5b67de5797ae49b3c238086ac"},e("div",{key:"29a46213b10ea291137b2fa7e2f28594177da0fb",class:"item"},e("slot",{key:"a844cb74962112475d6da8d1598f0fa7e1fa0b64"})))}};r.style=":host{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-nav-item)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";const i=class{constructor(e){t(this,e),this.active=!1,this.selected=!1}updateSlotted(t,e){const o=this.slotEl.assignedElements({flatten:!0})[0];if(o){const a=s(o,t);a&&e(a)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.slotEl.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"4a9d013ab3abde506f9992453cae793db9a652cf"},e("tds-core-header-item",{key:"359634d0bca7720c8a9bfd5c696a89c97df76a75",class:{"component-active":this.active,"component-selected":this.selected}},e("slot",{key:"7318ad6ea4d1dfa0f16b70c6f305ece087aeea2e"})))}get host(){return a(this)}};i.style=":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--header-background);border-right:var(--header-item-border-right);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--header-item-hover)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){outline:2px solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px;z-index:10}:host ::slotted(button:active),:host ::slotted(a:active){padding-top:2px;padding-bottom:2px;background-color:var(--header-basic-element-background-selected);border:2px solid var(--header-nav-item-border-active)}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--header-basic-element-background-pressed);color:var(--header-nav-item-dropdown-opened)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){padding-top:4px;border-bottom-style:solid;border-bottom-width:4px;border-bottom-color:var(--header-nav-item-border-active)}";export{r as tds_core_header_item,i as tds_header_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as r}from"./p-2049fab2.js";const o=class{constructor(t){e(this,t),this.current=!1}render(){return t(r,{key:"f1a223cf44e435b547b42382e8b3d47979c71793",role:"listitem"},t("div",Object.assign({key:"41baa33ae1474121ae4512ddf89fb960670d1cea",class:{current:this.current}},this.current?{"aria-current":"page"}:{}),t("slot",{key:"8f14f28f7e9824e76886a1d49f15d3404666771a"})))}};o.style='@charset "UTF-8";:host([role=listitem]) div ::slotted(*){color:var(--breadcrumb-label);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--breadcrumb-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*: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.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--breadcrumb-current)}:host([role=listitem]) div.current:hover ::slotted(*),:host([role=listitem]) div [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}:host([role=listitem]) div::after{content:"›";color:var(--breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host([role=listitem]) .current::after{display:none}';export{o as tds_breadcrumb}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as o,g as i}from"./p-2049fab2.js";const s=["compactDesign"],n=class{constructor(e){t(this,e),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>s.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error(`Table prop is not supported: ${e}`),new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?s.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-BODY-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1})),e.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.preventDefault(),this.moveToNextEditableCell())}))}}moveToNextEditableCell(){const t=Array.from(document.querySelectorAll("tds-table-body-input-wrapper")),e=t.indexOf(this.host);if(-1!==e&&e<t.length-1){const o=t[e+1].querySelector("input");o&&o.focus()}}render(){return e(o,{key:"9fabe030017ee975b37b1d0c26adbffa092bb739",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot&&e("slot",{key:"bf8e229f4e82bf5cfff7f10e6a42122c55c571a3",onSlotchange:()=>this.handleSlotChange()}),this.showIcon&&e("tds-icon",{key:"1f03e14af874769b376c3fb3c631791d80bb8eef",class:"edit-icon",slot:"icon",size:"16px",name:"edit"}))}get host(){return i(this)}};n.style=":host{position:relative}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) tds-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--table-input-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(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);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);box-sizing:border-box;background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--table-text)}::slotted(input:disabled){background-color:var(--table-input-disabled);color:var(--table-input-text-disabled);cursor:not-allowed}::slotted(input:focus){background-color:var(--table-input-focus);border-bottom:2px solid var(--tds-text-field-bar);outline:none}:host(.tds-table__compact) ::slotted(input){height:32px;}";export{n as tds_table_body_input_wrapper}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as t,g as r}from"./p-2049fab2.js";const e=class{constructor(t){o(this,t),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,t=this.host.parentElement;for(;t;)"tds-block"===t.tagName.toLowerCase()&&o++,t=t.parentElement;return o}render(){const o=this.componentTag,r=this.getNestingLevel();let e="";const a=Array.from(this.host.querySelectorAll("tds-block")).length>0;return null===this.modeVariant&&(r>0||a)&&(e=r%2==0?"tds-block-even":"tds-block-odd"),t(o,{key:"3f595ff59e8957fdc7bbb3680545d293e4c9628a",class:`tds-block ${e} ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},t("slot",{key:"13cf4ac7582e31558780e39e0ef1610edf79331b"}))}get host(){return r(this)}};e.style=".tds-block{box-sizing:border-box;font-family:var(--detail-01-font-family);font-size:var(--detail-01-font-size);line-height:var(--detail-01-line-height);font-weight:var(--detail-01-font-weight);letter-spacing:var(--detail-01-letter-spacing);text-transform:var(--detail-01-text-transform);background-color:var(--block-background);color:var(--block-text-color);border-radius:4px;padding:16px}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--block-background-mode-primary)}.tds-mode-variant-secondary{background-color:var(--block-background-mode-secondary)}.tds-block-even{background-color:var(--block-background-even)}.tds-block-odd{background-color:var(--block-background-odd)}";export{e as tds_block}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as t,g as r}from"./p-2049fab2.js";const d=class{constructor(a){e(this,a)}render(){return this.host.querySelector("a").hasAttribute("aria-label")||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(t,{key:"c7b01660c7757298ff64d90b19df0cc45ebb62fc"},a("tds-header-item",{key:"2e5f25c5b22a4779146ad6b8c76a8ac625d616dc"},a("slot",{key:"110c74312136176f396af1010731a886d2d986aa"})))}get host(){return r(this)}};d.style=":host tds-header-item{display:none;width:var(--header-brand-item-width)}:host tds-header-item ::slotted(*){background-image:var(--header-logotype-local), var(--header-logotype-cdn);background-size:var(--header-brand-logo-size) auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{d as tds_header_brand_symbol}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as a,g as r}from"./p-2049fab2.js";import{g as i}from"./p-11648030.js";const s=class{constructor(t){e(this,t),this.uuid=i()}render(){return t(a,{key:"c280ad56213dd6f54b3c4eac8695e2ecef6819f8"},t("h3",{key:"a1e4c17cb97f27bb882de8c8092593e654168e02",class:"tds-header-launcher-list-title",id:`tds-header-launcher-${this.uuid}`},t("slot",{key:"eaf2effb5d779e1faaa030a2e2df2b6afde51d66"})))}get host(){return r(this)}};s.style=".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font-family:var(--detail-06-font-family);font-size:var(--detail-06-font-size);line-height:var(--detail-06-line-height);font-weight:var(--detail-06-font-weight);letter-spacing:var(--detail-06-letter-spacing);text-transform:var(--detail-06-text-transform);color:var(--header-app-launcher-category-title);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--header-nav-dropdown-item-border);margin:0}";export{s as tds_header_launcher_list_title}
|
|
@@ -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.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children=Array.from(this.host.children),this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(e,{key:"7ea7321faa7f49a67383dfd9629d2ee679a004fc",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"294c6e7522ca34a4eae1bd379870af84e72366f9",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"e932cd2540b51a1a452b11c1d0630a68d79d818f","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"de83215d0aa0526d6bc6f37fe922b1e0b79b9fe9",name:"chevron_left",size:"20px"})),i("slot",{key:"187bb660c592992e98ce1eb73671e641e7f25642",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"0285a00869154edba228b473609f555964570690","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"2e7fccd7823e47105248ee1e97aba623409f7e3c",name:"chevron_right",size:"20px"}))))}get host(){return h(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};o.style=':host{box-sizing:border-box;display:flex;position:relative}:host *{box-sizing:border-box}:host::after{border-bottom:1px solid var(--inline-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(--inline-tabs-scroll-button);color:var(--inline-tabs-scroll-button-text);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(--inline-tabs-scroll-button-text)}';export{o as tds_inline_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as d}from"./p-2049fab2.js";import{g as i}from"./p-11648030.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsInput=e(this,"tdsInput",6),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw new Error("Invalid type.")}},this.type="datetime-local",this.value="",this.min=void 0,this.max=void 0,this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name=`datetime-${i()}`,this.state=void 0,this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.tdsAriaLabel=void 0,this.focusInput=void 0}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.focusInput=!1}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}connectedCallback(){this.tdsAriaLabel||this.label||console.warn("Tegel Datetime component: provide the label or tdsAriaLabel prop for improved accessibility")}render(){let t=" tds-datetime-input";"md"===this.size&&(t+=`${t}-md`),"sm"===this.size&&(t+=`${t}-sm`);const e={"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"tds-datetime-focus":this.focusInput,"tds-datetime-data":this.value.length>0,"tds-form-datetime-disabled":this.disabled,[`tds-form-datetime-${this.size}`]:["md","sm"].includes(this.size),[`tds-form-datetime-${this.state}`]:["error","success"].includes(this.state),[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant,"tds-datetime-container-label-inside":this.label&&"inside"===this.labelPosition&&"sm"!==this.size},i=navigator.userAgent.toLowerCase().includes("iphone");return d("div",{key:"28c414fb800bb7e1411feb93b03b4ec4732e60fb",class:e,onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&d("label",{key:"8498489db26eeffef963d57dd8aaaa27903e3e98",htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{key:"e62f09d543d12a3d9578bee5249171c85c7e3f03",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{key:"0d083993b8f447918d0110ba78f18586d5afac1c",class:`tds-datetime-input-container type-${this.type}`},d("input",{key:"cdec8e9e1c8f355858031f34799fac7dd8d03c4b",ref:t=>{this.textInput=t},class:t,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,id:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&d("label",{key:"f5ab00bd2a3dca4a46981da7e54ff6dcacfb6529",class:`tds-datetime-label-inside ${i&&"iphone"}`,htmlFor:this.name},this.label),d("div",{key:"ce7799142c01703e7d3add1bc3d0fb474dec25e3",class:"datetime-icon icon-datetime-local"},d("tds-icon",{key:"189b60ff034d2e0bc49e9461fc9970846a7e10a2",size:"20px",name:"calendar",svgTitle:"Calendar"})),d("div",{key:"192c46c706e8d8ca8613e832df2f77e981b64e2a",class:"datetime-icon icon-time"},d("tds-icon",{key:"e0cb4c98ccd40cb6d5b82d313aa48da8e4564b57",size:"20px",name:"clock",svgTitle:"Clock"}))),d("div",{key:"5a677ae45553060d459e1002741c0bed7ae1cefa",class:"tds-datetime-bar"})),this.helper&&d("div",{key:"0b132b2f580c3dffcfceff2ba8b4c2315ca8cd50",class:"tds-datetime-helper"},d("div",{key:"b17e1f96757072c8092e4cbe6e66b45b209a16ae",class:"tds-helper"},"error"===this.state&&d("tds-icon",{key:"8afde58643e719da112bad1dcdc47f363c85490c",name:"error",size:"16px",svgTitle:"error"}),this.helper)))}};s.style='.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:var(--datetime-border-radius);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--datetime-text);background-color:var(--datetime-background);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)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime::placeholder{opacity:1;color:var(--datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--datetime-placeholder-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--datetime-background-disabled);color:var(--datetime-text-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime{padding:var(--tds-spacing-element-16)}.tds-datetime-container.sc-tds-datetime{border-radius:var(--datetime-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--datetime-background);transition:border-bottom-color 200ms ease;border-left:1px solid var(--datetime-border-color-left);border-right:1px solid var(--datetime-border-color-right);border-bottom:1px solid var(--datetime-border-color-bottom);border-top:1px solid var(--datetime-border-color-top)}.tds-datetime-container.sc-tds-datetime:hover{border-left:1px solid var(--datetime-border-color-left-hover);border-right:1px solid var(--datetime-border-color-right-hover);border-bottom:1px solid var(--datetime-border-color-bottom-hover);border-top:1px solid var(--datetime-border-color-top-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--datetime-icon)}.tds-datetime-label.sc-tds-datetime{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;margin-bottom:var(--tds-spacing-element-8);color:var(--datetime-label)}.tds-datetime-label-inside.sc-tds-datetime{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);position:absolute;pointer-events:none;color:var(--datetime-label-inside);left:16px}.tds-datetime-label-inside.iphone.sc-tds-datetime{left:8px !important}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{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);transition:0.1s ease all}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:12px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:8px}.tds-datetime-bar.sc-tds-datetime{position:absolute;width:100%}.tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-bar.sc-tds-datetime::after{content:"";height:2px;width:0;position:absolute;background:var(--datetime-highlight);transition:0.35s ease all;top:54px}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:46px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:40px}.tds-datetime-bar.sc-tds-datetime::before{left:50%}.tds-datetime-bar.sc-tds-datetime::after{right:50%}.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{width:50%}.tds-datetime-helper.sc-tds-datetime{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;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{cursor:not-allowed;border-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-left:1px solid var(--datetime-border-color-left-success);border-right:1px solid var(--datetime-border-color-right-success);border-bottom:1px solid var(--datetime-border-color-bottom-success);border-top:1px solid var(--datetime-border-color-top-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-sucess)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-left:1px solid var(--datetime-border-color-left-error);border-right:1px solid var(--datetime-border-color-right-error);border-bottom:1px solid var(--datetime-border-color-bottom-error);border-top:1px solid var(--datetime-border-color-top-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--datetime-highlight-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--datetime-icon-error)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator,input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator,input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator,input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator,input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}.tds-form-datetime.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-left:1px solid var(--datetime-border-color-left-focus);border-right:1px solid var(--datetime-border-color-right-focus);border-bottom:1px solid var(--datetime-border-color-bottom-focus);border-top:1px solid var(--datetime-border-color-top-focus);outline:2px solid var(--datetime-outline-color-focus);outline-offset:-1px}';export{s as tds_datetime}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as e,H as t,g as n}from"./p-2049fab2.js";const s=class{constructor(e){o(this,e),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}connectedCallback(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=null===(o=this.sideMenuEl)||void 0===o?void 0:o.collapsed}componentDidLoad(){var o;const e=this.host.closest("tds-side-menu-dropdown"),t=null==e?void 0:e.querySelector("tds-side-menu-user"),n=e.shadowRoot.querySelector('slot[name="icon"]').assignedElements(),s=(null==n?void 0:n.length)>0,d="tds-side-menu-user-image"===(null===(o=null==n?void 0:n[0])||void 0===o?void 0:o.tagName.toLowerCase());s&&!d&&(this.dropdownHasIcon=!0),t&&(this.dropdownHasUser=!0)}render(){return e(t,{key:"20b0ec5c4a2ee927f242a65e328329dc16ac6c2c",role:"listitem"},e("div",{key:"4b3a9be7eab12fac5366837ca48599005ab6c923",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},e("div",{key:"c8fbacf9ef59a42e30ab95f2805c04ede3a90955",class:"slot-wrapper"},e("slot",{key:"502c7ab22655b45d07dfa5e7bd256d69be7fd28c"}))))}get host(){return n(this)}};s.style=':host{display:block;box-sizing:border-box;height:var(--side-menu-dropdown-list-item-height);width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 var(--side-menu-space-sub-page-left-no-icon);width:100%;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);background-color:var(--side-menu-dropdown-list-item-custom-background);color:var(--side-menu-dropdown-list-item-color);border:none;border-radius:var(--side-menu-radius-corner)}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--side-menu-dropdown-list-item-custom-background-hover);cursor:pointer}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--side-menu-dropdown-list-item-custom-background-active);cursor:pointer}:host .component ::slotted(a: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.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--side-menu-dropdown-list-item-custom-background-selected);font-weight:var(--text-component-title-01-font-weight);color:var(--color-foreground-text-strong)}:host .slot-wrapper{position:relative;height:100%}:host .component.component-selected .slot-wrapper::before{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--side-menu-space-sub-page-selected-marker-width);height:var(--side-menu-space-sub-page-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)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:var(--side-menu-space-sub-page-top-bottom) 48px var(--side-menu-space-sub-page-top-bottom) var(--side-menu-space-sub-page-left-with-icon)}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:var(--side-menu-space-sub-page-top-bottom) 48px var(--side-menu-space-sub-page-top-bottom) var(--side-menu-space-sub-page-left-profile)}';export{s as tds_side_menu_dropdown_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,H as a,g as o}from"./p-2049fab2.js";import{g as r}from"./p-11648030.js";import{h as i}from"./p-ae110fc2.js";const n=class{constructor(s){t(this,s),this.tdsClose=e(this,"tdsClose",7),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.handleClose=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!1)},this.toastId=r(),this.header=void 0,this.subheader=void 0,this.variant="information",this.hidden=!1,this.closable=!0,this.toastRole="alert",this.tdsCloseAriaLabel=void 0,this.tdsAriaLive="polite"}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}connectedCallback(){this.tdsCloseAriaLabel||console.warn("tds-toast: tdsCloseAriaLabel is required")}render(){const t=i("header",this.host),e=i("subheader",this.host),o=i("actions",this.host);return s(a,{key:"6ba5732a3ff93b97c613bffcda2f493811061e83","aria-live":this.tdsAriaLive,toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:{hide:this.hidden,show:!this.hidden}},s("div",{key:"f2b76363d71329f1d50df18edf89c9dbc3525a90",class:`\n wrapper\n ${this.variant}`},s("tds-icon",{key:"460999b742319606c71ade27ca7ea36a9be120e8",name:this.getIconName(),size:"20px",svgTitle:this.getIconName()}),s("div",{key:"e74fccf191bfaa0960ccb2e0f2842541e2f949ad",class:"content"},s("div",{key:"3a605ab1c0f3a76eaec449c7607c74777a56adfc",class:"header-subheader"},this.header&&s("div",{key:"daf02dda1974caee9c258ef70fec52c6d1e96a53",class:"header"},this.header),t&&s("slot",{key:"3a9c06a7cf24b0f9fec95968ab0dfa0d5a684dc2",name:"header"}),this.subheader&&s("div",{key:"2373839829e1c97095aea731d25e3b315f2713ad",class:"subheader"},this.subheader),e&&s("slot",{key:"d657efc02c25f78b1f39fcfb2bd384eda20388d8",name:"subheader"})),o&&s("div",{key:"9dfd4d788b63deb66f01d81cb1518c7cd397d43b",class:"toast-bottom "+(e||this.subheader?"subheader":"no-subheader")},s("slot",{key:"a015e97271bab5c61d42bf1538823e5fd7d3366a",name:"actions"}))),this.closable&&s("button",{key:"0721073183ed1e9380c89baea3d3b1e4a6cb4636",id:"my-button","aria-label":this.tdsCloseAriaLabel,onClick:this.handleClose,class:"close"},s("tds-icon",{key:"ce4f5a872d4a380e532db1fffc88c2e56c032be2",name:"cross",size:"20px",svgTitle:"cross"}))))}get host(){return o(this)}};n.style=":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{background-color:var(--toast-background);display:flex;width:348px;border-radius:4px}:host .wrapper.information{border-left:4px solid var(--toast-icon-info)}:host .wrapper.information tds-icon{color:var(--toast-icon-info)}:host .wrapper.success{border-left:4px solid var(--toast-icon-success)}:host .wrapper.success tds-icon{color:var(--toast-icon-success)}:host .wrapper.error{border-left:4px solid var(--toast-icon-error)}:host .wrapper.error tds-icon{color:var(--toast-icon-error)}:host .wrapper.warning{border-left:4px solid var(--toast-icon-warning)}:host .wrapper.warning tds-icon{color:var(--toast-icon-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 22px;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.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}:host .wrapper button.close tds-icon{color:var(--toast-dissmiss);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1;max-width:250px;word-break:break-word}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){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(--toast-headline)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){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(--toast-subheadline)}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{padding-top:12px}:host .tds-mode-variant-primary{--toast-background:var(--toast-background-primary)}:host .tds-mode-variant-secondary{--toast-background:var(--toast-background-secondary)}";export{n as tds_toast}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c,h as t,g as o}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";const d=class{constructor(t){e(this,t),this.tdsChange=c(this,"tdsChange",6),this.tdsFocus=c(this,"tdsFocus",6),this.tdsBlur=c(this,"tdsBlur",6),this.handleChange=()=>{this.checked=!this.checked,this.indeterminate=!1,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,indeterminate:this.indeterminate,value:this.value})},this.name=void 0,this.checkboxId=s(),this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.value=void 0,this.tdsAriaLabel=void 0,this.tdsAriaDescribedby=void 0}async toggleCheckbox(){return this.checked=!this.checked,this.indeterminate=!1,{checkboxId:this.checkboxId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}handleIndeterminateState(){this.inputElement.indeterminate=this.indeterminate}handleFocus(e){this.tdsFocus.emit(e)}handleBlur(e){this.tdsBlur.emit(e)}handleFormReset(e){this.host.closest("form")===e.target&&(this.checked=!1,this.indeterminate=!1)}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Checkbox component: tdsAriaLabel prop is missing")}render(){return t("div",{key:"97afce57b6f6ce0d66dabd227f7271b5dc8fe707",class:"tds-checkbox"},t("input",{key:"18b283a21ff649b9a4935a7b3e6f489cde16073d",ref:e=>this.inputElement=e,indeterminate:this.indeterminate,"aria-checked":this.checked,"aria-required":this.required,"aria-label":this.tdsAriaLabel,"aria-describedby":this.tdsAriaDescribedby,required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e),onChange:()=>{this.handleChange()}}),t("label",{key:"51d15b0eea1fd0f7517ca8d0f669bc02ac59781c",htmlFor:this.checkboxId},t("slot",{key:"bb10126c57b177f825ef8cd75da505465b2d6ae3",name:"label"})))}get host(){return o(this)}static get watchers(){return{indeterminate:["handleIndeterminateState"]}}};d.style='.sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font-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(--checkbox-label);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--checkbox-label);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:22px;height:22px;left:1px;top:1px;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--checkbox-border);background-color:var(--checkbox-fill);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--checkbox-border-hover);opacity:var(--checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus::before{background-color:var(--checkbox-border-focus);opacity:var(--checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after{border-color:var(--checkbox-border-disabled)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox{color:var(--checkbox-label-disabled);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--checkbox-background-image);background-color:var(--checkbox-border);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--checkbox-border-hover);opacity:var(--checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after{background-image:var(--checkbox-background-image-disabled);background-color:var(--checkbox-fill-disabled);color:var(--checkbox-border-disabled)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--checkbox-background-image-indeterminate);background-color:var(--checkbox-border);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--checkbox-background-image-indeterminate-disabled);background-color:var(--checkbox-fill-disabled);color:var(--checkbox-border-disabled)}';export{d as tds_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as d,H as r}from"./p-2049fab2.js";const a=class{constructor(d){o(this,d),this.modeVariant=null,this.hideLastBorder=!1}render(){return d(r,{key:"c9ecf1a636d34f69a433aa6adac976623739b631",class:{"tds-accordion":!0,[`tds-mode-variant-${this.modeVariant||""}`]:Boolean(this.modeVariant),"hide-last-border":this.hideLastBorder}},d("slot",{key:"4dd6d46024e918a3cd5e7594449147a94d07d6a0"}))}};a.style=":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(: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(:focus) .tds-accordion-item .tds-accordion-header-icon-start,:host(:focus) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--accordion-background-focus);outline:none}:host(:focus) .tds-accordion-item .tds-accordion-header-icon-start::after,:host(:focus) .tds-accordion-item .tds-accordion-header-icon-end::after{border-color:var(--accordion-border-focus)}:host(:focus) .disabled,:host(:focus) .disabled *{cursor:not-allowed}:host(:focus) .disabled .tds-accordion-header-icon-start,:host(:focus) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:focus) .disabled .tds-accordion-header-icon-start::after,:host(:focus) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host(:active) .tds-accordion-header-icon-start,:host(:active) .tds-accordion-header-icon-end{background-color:var(--accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host(:last-child){border-bottom:1px solid var(--accordion-border)}:host(.hide-last-border:last-child){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--accordion-background)}";export{a as tds_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,g as s}from"./p-2049fab2.js";const i=["compactDesign"],a=class{constructor(e){t(this,e),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error(`Table prop is not supported: ${e}`),new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?i.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-HEADER-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1}))}}render(){return e(o,{key:"
|
|
1
|
+
import{r as t,h as e,H as o,g as s}from"./p-2049fab2.js";const i=["compactDesign"],a=class{constructor(e){t(this,e),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error(`Table prop is not supported: ${e}`),new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?i.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-HEADER-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1}))}}render(){return e(o,{key:"13e05f7cd1dbe0a06611ffacc4e4b842d6469eba",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?e("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?e("tds-icon",{svgTitle:"search",class:"search-icon",slot:"icon",size:"16px",name:"search"}):null)}get host(){return s(this)}};a.style=":host{position:relative}:host(:hover) tds-icon{display:inline-block}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.focused-input-wrapper) ::slotted(input:not(:focus)){background-color:var(--table-input-hover)}:host(.show-icon) ::slotted(input){padding-left:35px}tds-icon.search-icon{color:var(--table-input-header-icon);position:absolute;left:15px;top:1px}::slotted(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);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);box-sizing:border-box;height:48px;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent}::slotted(input)::placeholder{color:var(--table-input-header-placeholder)}::slotted(input:focus){background-color:var(--table-input-header-focus);border-bottom:2px solid var(--tds-text-field-bar);outline:none}:host(.tds-table__compact) ::slotted(input){height:32px;}";export{a as tds_table_header_input_wrapper}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as s,H as t,g as a}from"./p-2049fab2.js";const o=class{constructor(s){e(this,s),this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed}render(){return s(t,{key:"8a2c452334c7d90e214bf2f0aa591dbe9191b7b7",role:"list","aria-expanded":this.collapsed?"false":"true"},s("div",{key:"91808cb38226166fcbbb14da4f873bf58e210d10",class:{"state-collapsed":this.collapsed}},s("slot",{key:"6e82fe0b35eb8959687ffb27ce12434571fae83a"})))}get host(){return a(this)}};o.style=":host{display:block;width:190px;margin-top:var(--side-menu-space-sub-page-top-group)}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host>div{display:flex;flex-direction:column;gap:var(--side-menu-space-top-level-vertical-gap-padding)}:host .state-collapsed ::slotted(*){border-bottom:var(--side-menu-bottom-menu-border-top-collapsed)}";export{o as tds_side_menu_dropdown_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,h as d,H as r,g as t}from"./p-2049fab2.js";import{g as i}from"./p-11648030.js";import{h as s}from"./p-ae110fc2.js";const o=class{constructor(r){e(this,r),this.tdsClick=a(this,"tdsClick",6),this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=s("header",this.host),a=s("subheader",this.host),r=s("thumbnail",this.host);return d("div",{class:"card-header"},r&&d("slot",{name:"thumbnail"}),d("div",{class:"header-subheader",id:`header-${this.cardId}`},this.header&&d("span",{class:"header"},this.header),e&&d("slot",{name:"header"}),this.subheader&&d("span",{class:"subheader"},this.subheader),a&&d("slot",{name:"subheader"})))},this.getCardContent=()=>{const e=s("body",this.host),a=s("body-image",this.host),r=s("actions",this.host),t=`body-${this.cardId}`;return d("div",{class:this.stretch&&"stretch","aria-describedby":e?t:null},"below-header"===this.imagePlacement&&this.getCardHeader(),d("div",{class:"card-body",id:t},a&&d("slot",{name:"body-image"}),this.bodyImg&&d("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&d("tds-divider",null),e&&d("slot",{name:"body"})),r&&d("slot",{name:"actions"}))},this.modeVariant=null,this.imagePlacement="below-header",this.header=void 0,this.subheader=void 0,this.bodyImg=void 0,this.bodyImgAlt=void 0,this.bodyDivider=!1,this.clickable=!1,this.stretch=!1,this.cardId=i()}render(){const e={card:!0,clickable:this.clickable,[this.imagePlacement]:!this.stretch,[`${this.imagePlacement}-stretch`]:this.stretch};return d(r,{key:"39dde374a44320884af4b8a0da33e24c983417c5",class:this.modeVariant&&`tds-mode-variant-${this.modeVariant}`},this.clickable?d("button",{class:e,onClick:this.handleClick,"aria-label":this.header?this.header:`Card ${this.cardId}`,"aria-describedby":`header-${this.cardId}`},this.getCardContent()):d("div",{class:e},this.getCardContent()))}get host(){return t(this)}};o.style=".card{box-sizing:border-box;box-shadow:var(--card-box);background-color:var(--card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--card-box-hover);cursor:pointer}.card .card-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);padding:var(--card-header-padding);display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .header-subheader{display:flex;flex-direction:column;width:100%;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--card-sub-headline)}.card .card-body-img{width:100%}.card tds-divider{display:block;margin:16px 16px 0;background-color:var(--card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform);color:var(--card-body-color);padding:var(--card-body-padding);margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:var(--card-slotted-padding);color:var(--card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}";export{o as tds_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as c,c as s,h as t,H as i,g as e}from"./p-2049fab2.js";import{g as o}from"./p-11648030.js";import{h as d}from"./p-ae110fc2.js";const p=class{constructor(t){c(this,t),this.tdsChange=s(this,"tdsChange",6),this.internalRadioOnChange=s(this,"internalRadioOnChange",6),this.tdsClick=s(this,"tdsClick",6),this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?(this.checked=!0,this.internalRadioOnChange.emit({chipId:this.chipId,checked:this.checked,groupName:this.name})):console.error("Unsupported type in Chip component!"),this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value}))},this.handleClick=()=>{this.disabled||this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=o(),this.checked=!1,this.name=void 0,this.value=void 0,this.disabled=!1,this.tdsAriaLabel=void 0}handleInternaRadioChange(c){const{chipId:s,checked:t,groupName:i}=c.detail;s!==this.chipId&&i===this.name&&this.checked&&t&&(this.checked=!1)}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Chip component: tdsAriaLabel prop is missing")}render(){const c=this.renderInputAttributes(),s=d("prefix",this.host),e=d("label",this.host),o=d("suffix",this.host);return t(i,{key:"bec32d74f1e0a42f98fb431d5988ba1d78c57b43"},t("div",{key:"af67d86bbf22be341cc816d72dad135cf04a9002",class:"component"},t("div",{key:"ee91bc58ca35ba6307e270f63bbb3da65e16b4f9",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:s,suffix:o,disabled:this.disabled}},t("input",Object.assign({key:"a5e723793a8f8c749f6d54937bbde888788115e0",type:this.type,id:this.chipId,"aria-checked":"button"===this.type?void 0:String(this.checked),role:this.type,"aria-label":this.tdsAriaLabel},c)),t("label",{key:"f0a219c8f5c462e3ec626551aeea054ead479d2b",onClick:c=>c.stopPropagation(),htmlFor:this.chipId},s&&t("slot",{key:"9169b3a496fa6648873811a3ca9eb5d51d110a6f",name:"prefix"}),e&&t("slot",{key:"932e06fe8be85d7588d11024ebc87000c887e9c0",name:"label"}),o&&t("slot",{key:"3f159f17de790ec17b64a596b9f88dbbda7d1429",name:"suffix"})))))}get host(){return e(this)}};p.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{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);background-color:var(--chips-background);color:var(--chips-text);display:inline-flex;align-items:center;border-radius:var(--chips-border-radius);cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--chips-background-hover)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--chips-background-disabled);color:var(--chips-text-disabled);cursor:default;pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--chips-background-active);color:var(--chips-text-checked-disabled)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--chips-background-active);color:var(--chips-text-checked-disabled)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:0 16px;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:0 12px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:0 12px 0 6px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px 0 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:0 16px 0 8px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px 0 16px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{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;background-color:var(--chips-background-focus)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked:focus-visible+label.sc-tds-chip{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;background-color:var(--chip-focused-on-selected)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--chips-background-active);color:var(--chips-text-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--chips-background-active-hover)}";export{p as tds_chip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as o,g as i}from"./p-2049fab2.js";import{h as s}from"./p-ae110fc2.js";const l=class{constructor(e){t(this,e),this.slotPosition=null,this.topPartGroup=!1,this.titleText=void 0,this.tdsListAriaLabel=void 0,this.open=!1,this.isMobile=void 0}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){this.updateIsMobile(),this.topPartGroup="top"===this.host.parentElement.slot,this.topPartGroup||(this.slotPosition="end"===this.host.parentElement.slot?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),s("title",this.host)&&this.titleText&&console.warn("Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.")}handleResize(){this.updateIsMobile()}render(){const t=s("title",this.host);return e(o,{key:"ee2e585154e56bba76c1e30aff640bda58dd401e","aria-expanded":this.open?"true":"false"},e("div",{key:"d29f4a28742993315e7514516fa057def61f0cf6",class:this.isMobile?"mobile-view":""},this.topPartGroup&&(this.isMobile?e("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button "+(this.open?"expanded":"closed")},t?e("slot",{name:"title"}):this.titleText,e("tds-icon",{name:"chevron_down",size:"20px","aria-hidden":"true"})):e("div",{class:"footer-top-title"},t?e("slot",{name:"title"}):this.titleText)),e("nav",{key:"e6e37cfa8d99c76b551c95140cca24829fd74244","aria-label":this.tdsListAriaLabel},e("div",{key:"680ada977f2d1b82e9dda9250e4423cc4040c7c4",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},e("slot",{key:"6748ed2033c34e3f34a11a391713413ad28fc7dc"})))))}get host(){return i(this)}};l.style=":host{display:block}:host .footer-top-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);color:var(--footer-top-links-desktop);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-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);border:none;width:100%;color:var(--footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--footer-top-button-active)}:host button.footer-top-title-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 button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:8px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}";export{l as tds_footer_group}
|