@scania/tegel 1.18.0-1.18.0-tdsheaderitembeta.2 → 1.18.0-beta.2
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/findClosestComponent-64302a79.js +14 -0
- package/dist/cjs/getDirectChildHTMLElementOfKind-6e210da2.js +11 -0
- package/dist/cjs/index-ca8040ad.js +58 -46
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tagName-3399a06c.js +120 -0
- package/dist/cjs/tds-accordion-item.cjs.entry.js +7 -4
- package/dist/cjs/tds-badge.cjs.entry.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +5 -3
- package/dist/cjs/tds-block.cjs.entry.js +2 -2
- package/dist/cjs/tds-body-cell.cjs.entry.js +5 -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 +3 -3
- package/dist/cjs/tds-card.cjs.entry.js +4 -2
- package/dist/cjs/tds-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/tds-chip.cjs.entry.js +1 -1
- package/dist/cjs/tds-core-header-item.cjs.entry.js +20 -0
- package/dist/cjs/tds-datetime.cjs.entry.js +6 -3
- package/dist/cjs/tds-divider.cjs.entry.js +1 -1
- package/dist/cjs/tds-dropdown-option.cjs.entry.js +95 -0
- package/dist/cjs/{tds-dropdown_2.cjs.entry.js → tds-dropdown.cjs.entry.js} +12 -98
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +4 -2
- package/dist/cjs/tds-footer-group.cjs.entry.js +6 -4
- package/dist/cjs/tds-footer-item.cjs.entry.js +6 -2
- package/dist/cjs/tds-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-cell.cjs.entry.js +9 -4
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +4 -4
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +5 -3
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +4 -2
- package/dist/cjs/{tds-core-header-item_2.cjs.entry.js → tds-header-item.cjs.entry.js} +6 -17
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +4 -2
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +4 -4
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +4 -1
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +4 -1
- package/dist/cjs/tds-header-launcher.cjs.entry.js +6 -3
- package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header.cjs.entry.js +2 -15
- package/dist/cjs/tds-icon.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +4 -2
- package/dist/cjs/tds-link.cjs.entry.js +2 -2
- package/dist/cjs/tds-message.cjs.entry.js +6 -3
- package/dist/cjs/tds-modal.cjs.entry.js +3 -1
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -2
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +4 -2
- package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-popover-menu.cjs.entry.js +5 -3
- package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +3 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +8 -5
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +7 -5
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +5 -3
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +7 -4
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +8 -5
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user-image.cjs.entry.js +22 -0
- package/dist/cjs/tds-side-menu-user-label.cjs.entry.js +22 -0
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +5 -2
- package/dist/cjs/tds-slider.cjs.entry.js +11 -8
- package/dist/cjs/tds-step.cjs.entry.js +7 -4
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +8 -5
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +12 -9
- package/dist/cjs/tds-table-body-row.cjs.entry.js +6 -3
- package/dist/cjs/tds-table-body.cjs.entry.js +12 -6
- package/dist/cjs/tds-table-footer.cjs.entry.js +12 -8
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +8 -5
- package/dist/cjs/tds-table-header.cjs.entry.js +13 -7
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +6 -3
- package/dist/cjs/tds-table.cjs.entry.js +13 -9
- package/dist/cjs/tds-text-field.cjs.entry.js +8 -6
- package/dist/cjs/tds-textarea.cjs.entry.js +6 -3
- package/dist/cjs/tds-toast.cjs.entry.js +9 -6
- package/dist/cjs/tds-tooltip.cjs.entry.js +4 -2
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion-item/accordion-item.css +1 -6
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +6 -3
- package/dist/collection/components/badge/badge.js +1 -1
- package/dist/collection/components/banner/banner.css +1 -1
- package/dist/collection/components/banner/banner.js +4 -2
- package/dist/collection/components/block/block.js +2 -2
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +1 -1
- package/dist/collection/components/button/button.css +58 -187
- package/dist/collection/components/button/button.js +2 -2
- package/dist/collection/components/card/card.js +4 -2
- package/dist/collection/components/checkbox/checkbox.js +2 -2
- package/dist/collection/components/chip/chip.js +1 -1
- package/dist/collection/components/datetime/datetime.css +2 -2
- package/dist/collection/components/datetime/datetime.js +6 -3
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +7 -7
- package/dist/collection/components/dropdown/dropdown.css +3 -3
- package/dist/collection/components/dropdown/dropdown.js +11 -8
- package/dist/collection/components/footer/footer-group/footer-group.css +2 -2
- package/dist/collection/components/footer/footer-group/footer-group.js +5 -3
- package/dist/collection/components/footer/footer-item/footer-item.js +5 -2
- package/dist/collection/components/footer/footer.js +1 -1
- package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.css +3 -3
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +5 -3
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +2 -2
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
- package/dist/collection/components/header/header-hamburger/header-hamburger.css +3 -3
- package/dist/collection/components/header/header-hamburger/header-hamburger.js +3 -1
- package/dist/collection/components/header/header-item/header-item.js +6 -3
- package/dist/collection/components/header/header-launcher/header-launcher.js +6 -3
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.css +1 -1
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +3 -1
- package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
- package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +4 -1
- package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +4 -1
- package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
- package/dist/collection/components/header/header-title/header-title.js +1 -1
- package/dist/collection/components/header/header.css +7 -7
- package/dist/collection/components/header/header.js +1 -14
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/link/link.js +2 -2
- package/dist/collection/components/message/message.css +5 -5
- package/dist/collection/components/message/message.js +5 -2
- package/dist/collection/components/modal/modal.js +3 -1
- package/dist/collection/components/popover-canvas/popover-canvas.js +4 -2
- package/dist/collection/components/popover-core/popover-core.js +1 -1
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.css +2 -2
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
- package/dist/collection/components/popover-menu/popover-menu.css +1 -5
- package/dist/collection/components/popover-menu/popover-menu.js +4 -2
- package/dist/collection/components/radio-button/radio-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +3 -1
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +8 -5
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +7 -4
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +4 -3
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +6 -5
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +1 -1
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +6 -4
- 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 -1
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +4 -1
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
- package/dist/collection/components/slider/slider.css +5 -5
- package/dist/collection/components/slider/slider.js +11 -8
- package/dist/collection/components/stepper/step/step.css +1 -1
- package/dist/collection/components/stepper/step/step.js +6 -3
- package/dist/collection/components/table/table/table.js +20 -9
- package/dist/collection/components/table/table-body/table-body.css +12 -12
- package/dist/collection/components/table/table-body/table-body.js +10 -5
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +4 -3
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.css +3 -3
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +7 -4
- package/dist/collection/components/table/table-body-row/table-body-row.js +6 -3
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +11 -9
- package/dist/collection/components/table/table-footer/table-footer.css +1 -1
- package/dist/collection/components/table/table-footer/table-footer.js +11 -7
- package/dist/collection/components/table/table-header/table-header.js +13 -7
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +9 -4
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.css +3 -3
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +7 -4
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +6 -3
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +4 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +4 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -2
- package/dist/collection/components/text-field/text-field.css +3 -3
- package/dist/collection/components/text-field/text-field.js +7 -5
- package/dist/collection/components/textarea/textarea.js +6 -3
- package/dist/collection/components/toast/toast.css +6 -6
- package/dist/collection/components/toast/toast.js +8 -5
- package/dist/collection/components/tooltip/tooltip.js +4 -2
- package/dist/collection/utils/findClosestComponent.js +9 -0
- package/dist/collection/utils/getDirectChildHTMLElementOfKind.js +6 -0
- package/dist/collection/utils/tagName.js +29 -0
- package/dist/collection/utils/tagNames.js +91 -0
- package/dist/components/p-875e2e9c.js +12 -0
- package/dist/components/{p-0676aa23.js → p-93414e58.js} +7 -10
- package/dist/components/p-b33f8162.js +116 -0
- package/dist/components/p-d18575db.js +9 -0
- package/dist/components/tds-accordion-item.js +8 -11
- package/dist/components/tds-badge.js +1 -1
- package/dist/components/tds-banner.js +6 -10
- package/dist/components/tds-block.js +2 -2
- package/dist/components/tds-body-cell.js +4 -3
- package/dist/components/tds-breadcrumb.js +1 -1
- package/dist/components/tds-breadcrumbs.js +1 -1
- package/dist/components/tds-button.js +3 -3
- package/dist/components/tds-card.js +5 -9
- package/dist/components/tds-checkbox.js +89 -1
- package/dist/components/tds-chip.js +1 -1
- package/dist/components/tds-core-header-item.js +30 -1
- package/dist/components/tds-datetime.js +7 -10
- package/dist/components/tds-divider.js +33 -1
- package/dist/components/tds-dropdown-option.js +112 -1
- package/dist/components/tds-dropdown.js +516 -1
- package/dist/components/tds-folder-tabs.js +5 -9
- package/dist/components/tds-footer-group.js +7 -11
- package/dist/components/tds-footer-item.js +5 -2
- package/dist/components/tds-footer.js +1 -1
- package/dist/components/tds-header-brand-symbol.js +4 -10
- package/dist/components/tds-header-cell.js +10 -11
- package/dist/components/tds-header-dropdown-list-item.js +39 -1
- package/dist/components/tds-header-dropdown-list-user.js +1 -1
- package/dist/components/tds-header-dropdown-list.js +99 -1
- package/dist/components/tds-header-dropdown.js +6 -34
- package/dist/components/tds-header-hamburger.js +5 -21
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +39 -1
- package/dist/components/tds-header-launcher-grid-item.js +1 -1
- package/dist/components/tds-header-launcher-grid-title.js +1 -1
- package/dist/components/tds-header-launcher-grid.js +1 -1
- package/dist/components/tds-header-launcher-list-item.js +5 -8
- package/dist/components/tds-header-launcher-list-title.js +1 -1
- package/dist/components/tds-header-launcher-list.js +5 -8
- package/dist/components/tds-header-launcher.js +7 -40
- package/dist/components/tds-header-title.js +1 -1
- package/dist/components/tds-header.js +2 -15
- package/dist/components/tds-icon.js +63 -1
- package/dist/components/tds-inline-tabs.js +5 -9
- package/dist/components/tds-link.js +2 -2
- package/dist/components/tds-message.js +7 -10
- package/dist/components/tds-modal.js +4 -8
- package/dist/components/tds-navigation-tabs.js +5 -9
- package/dist/components/tds-popover-canvas.js +66 -1
- package/dist/components/tds-popover-core.js +1998 -1
- package/dist/components/tds-popover-menu-item.js +3 -3
- package/dist/components/tds-popover-menu.js +6 -10
- package/dist/components/tds-radio-button.js +1 -1
- package/dist/components/tds-side-menu-close-button.js +4 -8
- package/dist/components/tds-side-menu-collapse-button.js +9 -12
- package/dist/components/tds-side-menu-dropdown-list-item.js +6 -5
- package/dist/components/tds-side-menu-dropdown-list.js +4 -3
- package/dist/components/tds-side-menu-dropdown.js +8 -17
- package/dist/components/tds-side-menu-item.js +90 -1
- package/dist/components/tds-side-menu-overlay.js +1 -1
- package/dist/components/tds-side-menu-user-image.js +35 -1
- package/dist/components/tds-side-menu-user-label.js +35 -1
- package/dist/components/tds-side-menu-user.js +6 -15
- package/dist/components/tds-slider.js +13 -16
- package/dist/components/tds-step.js +8 -11
- package/dist/components/tds-table-body-input-wrapper.js +9 -12
- package/dist/components/tds-table-body-row-expandable.js +11 -9
- package/dist/components/tds-table-body-row.js +7 -10
- package/dist/components/tds-table-body.js +11 -6
- package/dist/components/tds-table-footer.js +13 -33
- package/dist/components/tds-table-header-input-wrapper.js +9 -12
- package/dist/components/tds-table-header.js +14 -14
- package/dist/components/tds-table-toolbar.js +7 -10
- package/dist/components/tds-table.js +12 -9
- package/dist/components/tds-text-field.js +9 -13
- package/dist/components/tds-textarea.js +7 -10
- package/dist/components/tds-toast.js +10 -13
- package/dist/components/tds-tooltip.js +5 -9
- package/dist/esm/findClosestComponent-884d0262.js +12 -0
- package/dist/esm/getDirectChildHTMLElementOfKind-96e23d9f.js +9 -0
- package/dist/esm/index-51d04e39.js +58 -46
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tagName-2e4b5836.js +116 -0
- package/dist/esm/tds-accordion-item.entry.js +8 -5
- package/dist/esm/tds-badge.entry.js +1 -1
- package/dist/esm/tds-banner.entry.js +5 -3
- package/dist/esm/tds-block.entry.js +2 -2
- package/dist/esm/tds-body-cell.entry.js +5 -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 +3 -3
- package/dist/esm/tds-card.entry.js +4 -2
- package/dist/esm/tds-checkbox.entry.js +2 -2
- package/dist/esm/tds-chip.entry.js +1 -1
- package/dist/esm/tds-core-header-item.entry.js +16 -0
- package/dist/esm/tds-datetime.entry.js +7 -4
- package/dist/esm/tds-divider.entry.js +1 -1
- package/dist/{components/p-1c256b8d.js → esm/tds-dropdown-option.entry.js} +15 -50
- package/dist/{components/p-f5531179.js → esm/tds-dropdown.entry.js} +20 -66
- package/dist/esm/tds-folder-tabs.entry.js +4 -2
- package/dist/esm/tds-footer-group.entry.js +6 -4
- package/dist/esm/tds-footer-item.entry.js +6 -2
- package/dist/esm/tds-footer.entry.js +1 -1
- package/dist/esm/tds-header-brand-symbol.entry.js +2 -2
- package/dist/esm/tds-header-cell.entry.js +9 -4
- package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list.entry.js +3 -3
- package/dist/esm/tds-header-dropdown.entry.js +5 -3
- package/dist/esm/tds-header-hamburger.entry.js +4 -2
- package/dist/esm/{tds-core-header-item_2.entry.js → tds-header-item.entry.js} +7 -17
- package/dist/esm/tds-header-launcher-button.entry.js +4 -2
- package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid.entry.js +2 -2
- package/dist/esm/tds-header-launcher-list-item.entry.js +5 -2
- package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list.entry.js +5 -2
- package/dist/esm/tds-header-launcher.entry.js +6 -3
- package/dist/esm/tds-header-title.entry.js +1 -1
- package/dist/esm/tds-header.entry.js +2 -15
- package/dist/esm/tds-icon.entry.js +1 -1
- package/dist/esm/tds-inline-tabs.entry.js +4 -2
- package/dist/esm/tds-link.entry.js +2 -2
- package/dist/esm/tds-message.entry.js +7 -4
- package/dist/esm/tds-modal.entry.js +3 -1
- package/dist/esm/tds-navigation-tabs.entry.js +4 -2
- package/dist/esm/tds-popover-canvas.entry.js +4 -2
- package/dist/esm/tds-popover-core.entry.js +1 -1
- package/dist/esm/tds-popover-menu-item.entry.js +3 -3
- package/dist/esm/tds-popover-menu.entry.js +5 -3
- package/dist/esm/tds-radio-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-close-button.entry.js +3 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +8 -5
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +7 -5
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +5 -3
- package/dist/esm/tds-side-menu-dropdown.entry.js +7 -4
- package/dist/esm/tds-side-menu-item.entry.js +8 -5
- package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
- package/dist/esm/tds-side-menu-user-image.entry.js +18 -0
- package/dist/esm/tds-side-menu-user-label.entry.js +18 -0
- package/dist/esm/tds-side-menu-user.entry.js +6 -3
- package/dist/esm/tds-slider.entry.js +12 -9
- package/dist/esm/tds-step.entry.js +7 -4
- package/dist/esm/tds-table-body-input-wrapper.entry.js +8 -5
- package/dist/esm/tds-table-body-row-expandable.entry.js +12 -9
- package/dist/esm/tds-table-body-row.entry.js +6 -3
- package/dist/esm/tds-table-body.entry.js +12 -6
- package/dist/esm/tds-table-footer.entry.js +12 -8
- package/dist/esm/tds-table-header-input-wrapper.entry.js +8 -5
- package/dist/esm/tds-table-header.entry.js +13 -7
- package/dist/esm/tds-table-toolbar.entry.js +6 -3
- package/dist/esm/tds-table.entry.js +13 -9
- package/dist/esm/tds-text-field.entry.js +8 -6
- package/dist/esm/tds-textarea.entry.js +7 -4
- package/dist/esm/tds-toast.entry.js +9 -6
- package/dist/esm/tds-tooltip.entry.js +4 -2
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-01dc0370.entry.js +1 -0
- package/dist/tegel/p-06431096.entry.js +1 -0
- package/dist/tegel/p-07e3a645.entry.js +1 -0
- package/dist/tegel/p-082d6de9.entry.js +1 -0
- package/dist/tegel/p-0a228d69.entry.js +1 -0
- package/dist/tegel/p-0d80429b.entry.js +1 -0
- package/dist/tegel/p-136c978a.entry.js +1 -0
- package/dist/tegel/p-13f14f71.entry.js +1 -0
- package/dist/tegel/p-15638893.entry.js +1 -0
- package/dist/tegel/p-16d3d938.entry.js +1 -0
- package/dist/tegel/p-191a6e60.entry.js +1 -0
- package/dist/tegel/p-19cda6ca.entry.js +1 -0
- package/dist/tegel/p-1c4b7a7d.entry.js +1 -0
- package/dist/tegel/p-2094ccde.entry.js +1 -0
- package/dist/tegel/p-26603eef.entry.js +1 -0
- package/dist/tegel/p-2b5871d5.entry.js +1 -0
- package/dist/tegel/p-304a4c84.entry.js +1 -0
- package/dist/tegel/p-3cc3e9f1.entry.js +1 -0
- package/dist/tegel/p-3cf784a4.entry.js +1 -0
- package/dist/tegel/p-400d5972.entry.js +1 -0
- package/dist/tegel/p-4132bc7c.entry.js +1 -0
- package/dist/tegel/{p-de540cc0.entry.js → p-416d8080.entry.js} +1 -1
- package/dist/tegel/p-43a74ec0.entry.js +1 -0
- package/dist/tegel/p-448fef57.entry.js +1 -0
- package/dist/tegel/p-45aa4dca.entry.js +1 -0
- package/dist/tegel/p-48148b7d.entry.js +1 -0
- package/dist/tegel/p-4a2000f2.entry.js +1 -0
- package/dist/tegel/{p-f9325536.entry.js → p-4b23a02f.entry.js} +1 -1
- package/dist/tegel/p-4eea4c8f.entry.js +1 -0
- package/dist/tegel/p-54a87c06.entry.js +1 -0
- package/dist/tegel/p-5be505ca.entry.js +1 -0
- package/dist/tegel/p-5f5fb18b.entry.js +1 -0
- package/dist/tegel/p-62196862.entry.js +1 -0
- package/dist/tegel/p-6542a541.entry.js +1 -0
- package/dist/tegel/p-6aea533d.entry.js +1 -0
- package/dist/tegel/p-6bc339db.entry.js +1 -0
- package/dist/tegel/p-718a5428.entry.js +1 -0
- package/dist/tegel/{p-fe9b385f.entry.js → p-73d72704.entry.js} +1 -1
- package/dist/tegel/{p-ede11de8.entry.js → p-7639adea.entry.js} +1 -1
- package/dist/tegel/p-79a4da37.entry.js +1 -0
- package/dist/tegel/p-7e989008.entry.js +1 -0
- package/dist/tegel/p-807d3a4e.entry.js +1 -0
- package/dist/tegel/p-81dc1e2f.entry.js +1 -0
- package/dist/tegel/p-854dcbe4.entry.js +1 -0
- package/dist/tegel/p-859e3ebf.js +1 -0
- package/dist/tegel/p-875e2e9c.js +1 -0
- package/dist/tegel/p-876a3b13.entry.js +1 -0
- package/dist/tegel/p-8a5df7a0.entry.js +1 -0
- package/dist/tegel/{p-50fcdc56.entry.js → p-8ccf3a15.entry.js} +1 -1
- package/dist/tegel/p-91072613.entry.js +1 -0
- package/dist/tegel/{p-bda3d846.entry.js → p-938f3efa.entry.js} +1 -1
- package/dist/tegel/p-985a2d37.entry.js +1 -0
- package/dist/tegel/{p-6b405a0f.entry.js → p-9a120de1.entry.js} +1 -1
- package/dist/tegel/p-9ac97508.entry.js +1 -0
- package/dist/tegel/{p-1ce239bf.entry.js → p-9d00bc5e.entry.js} +1 -1
- package/dist/tegel/p-9e49e118.entry.js +1 -0
- package/dist/tegel/p-a056ecbf.entry.js +1 -0
- package/dist/tegel/p-a66dcbc0.entry.js +1 -0
- package/dist/tegel/p-abe194db.entry.js +1 -0
- package/dist/tegel/p-ae0d0422.entry.js +1 -0
- package/dist/tegel/{p-c3513f1f.entry.js → p-b1fcdbd1.entry.js} +1 -1
- package/dist/tegel/p-b33f8162.js +1 -0
- package/dist/tegel/{p-9bf7f5cd.entry.js → p-b36fafa5.entry.js} +1 -1
- package/dist/tegel/{p-e65dba91.entry.js → p-b7cb84d1.entry.js} +1 -1
- package/dist/tegel/{p-cd289e17.entry.js → p-c026cd40.entry.js} +1 -1
- package/dist/tegel/p-ca19d259.entry.js +1 -0
- package/dist/tegel/{p-0df92ce7.entry.js → p-cc2524ea.entry.js} +1 -1
- package/dist/tegel/p-cdd4acb0.entry.js +1 -0
- package/dist/tegel/p-d023830f.entry.js +1 -0
- package/dist/tegel/p-d18575db.js +1 -0
- package/dist/tegel/{p-a464920f.entry.js → p-db250bc9.entry.js} +1 -1
- package/dist/tegel/p-ddb96690.entry.js +1 -0
- package/dist/tegel/p-e455db38.entry.js +1 -0
- package/dist/tegel/p-ef49682d.entry.js +1 -0
- package/dist/tegel/p-efc72ccb.entry.js +1 -0
- package/dist/tegel/p-f7c4f098.entry.js +1 -0
- package/dist/tegel/{p-137929b7.entry.js → p-fb026b94.entry.js} +1 -1
- package/dist/tegel/p-fc844498.entry.js +1 -0
- package/dist/tegel/tegel.css +1 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +1 -0
- package/dist/types/components/datetime/datetime.d.ts +1 -0
- package/dist/types/components/header/header-launcher-list/header-launcher-list.d.ts +1 -0
- package/dist/types/components/header/header-launcher-list-item/header-launcher-list-item.d.ts +1 -0
- package/dist/types/components/header/header.d.ts +0 -2
- package/dist/types/components/message/message.d.ts +1 -0
- package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts +1 -0
- package/dist/types/components/slider/slider.d.ts +1 -0
- package/dist/types/components/stepper/step/step.d.ts +1 -1
- package/dist/types/components/table/table/table.d.ts +1 -1
- package/dist/types/components/table/table-footer/table-footer.d.ts +1 -1
- package/dist/types/components/textarea/textarea.d.ts +1 -0
- package/dist/types/utils/findClosestComponent.d.ts +9 -0
- package/dist/types/utils/getDirectChildHTMLElementOfKind.d.ts +2 -0
- package/dist/types/utils/tagName.d.ts +6 -0
- package/dist/types/utils/tagNames.d.ts +4 -0
- package/package.json +1 -1
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +0 -38
- package/dist/components/p-09d36119.js +0 -37
- package/dist/components/p-0c3cab16.js +0 -90
- package/dist/components/p-30de8ac4.js +0 -32
- package/dist/components/p-3e74be57.js +0 -65
- package/dist/components/p-8e74bb22.js +0 -57
- package/dist/components/p-a9609e88.js +0 -72
- package/dist/components/p-cfb1b588.js +0 -41
- package/dist/components/p-dc461e7b.js +0 -2000
- package/dist/components/p-dddaa520.js +0 -37
- package/dist/components/p-e46088d9.js +0 -35
- package/dist/components/p-e4d7c655.js +0 -91
- package/dist/components/p-fcec766c.js +0 -101
- package/dist/esm/tds-dropdown_2.entry.js +0 -560
- package/dist/esm/tds-side-menu-user-image_2.entry.js +0 -33
- package/dist/tegel/p-06d2fa56.entry.js +0 -1
- package/dist/tegel/p-088bfcd4.entry.js +0 -1
- package/dist/tegel/p-0f38bea7.entry.js +0 -1
- package/dist/tegel/p-0f486a7c.entry.js +0 -1
- package/dist/tegel/p-1634247e.entry.js +0 -1
- package/dist/tegel/p-1a2f3852.entry.js +0 -1
- package/dist/tegel/p-1bc2c73c.entry.js +0 -1
- package/dist/tegel/p-285d7485.entry.js +0 -1
- package/dist/tegel/p-2b030cef.entry.js +0 -1
- package/dist/tegel/p-2e44b4e9.entry.js +0 -1
- package/dist/tegel/p-46fe6712.entry.js +0 -1
- package/dist/tegel/p-4ab7461e.entry.js +0 -1
- package/dist/tegel/p-4bab99d5.entry.js +0 -1
- package/dist/tegel/p-51e49417.entry.js +0 -1
- package/dist/tegel/p-52be41ce.entry.js +0 -1
- package/dist/tegel/p-54a105a4.entry.js +0 -1
- package/dist/tegel/p-588a05aa.entry.js +0 -1
- package/dist/tegel/p-5a891dd2.entry.js +0 -1
- package/dist/tegel/p-5d0e8f1e.entry.js +0 -1
- package/dist/tegel/p-6938329a.entry.js +0 -1
- package/dist/tegel/p-6aabf7e1.entry.js +0 -1
- package/dist/tegel/p-6c26e66f.entry.js +0 -1
- package/dist/tegel/p-73dd2dbb.entry.js +0 -1
- package/dist/tegel/p-7a83cf55.entry.js +0 -1
- package/dist/tegel/p-7d83ba98.entry.js +0 -1
- package/dist/tegel/p-831111e9.entry.js +0 -1
- package/dist/tegel/p-8ae952b6.entry.js +0 -1
- package/dist/tegel/p-91225c7a.entry.js +0 -1
- package/dist/tegel/p-91dcddd5.entry.js +0 -1
- package/dist/tegel/p-930e767e.entry.js +0 -1
- package/dist/tegel/p-9332c225.js +0 -1
- package/dist/tegel/p-959a6780.entry.js +0 -1
- package/dist/tegel/p-987084a5.entry.js +0 -1
- package/dist/tegel/p-9c2dfecc.entry.js +0 -1
- package/dist/tegel/p-9de400f4.entry.js +0 -1
- package/dist/tegel/p-a5a67770.entry.js +0 -1
- package/dist/tegel/p-a642c800.entry.js +0 -1
- package/dist/tegel/p-a9654cd4.entry.js +0 -1
- package/dist/tegel/p-aed1c5cf.entry.js +0 -1
- package/dist/tegel/p-b21eb276.entry.js +0 -1
- package/dist/tegel/p-b4c7099f.entry.js +0 -1
- package/dist/tegel/p-b9ac3122.entry.js +0 -1
- package/dist/tegel/p-b9e37cf2.entry.js +0 -1
- package/dist/tegel/p-bb129d43.entry.js +0 -1
- package/dist/tegel/p-bcae4d3a.entry.js +0 -1
- package/dist/tegel/p-c18b2746.entry.js +0 -1
- package/dist/tegel/p-c790ef93.entry.js +0 -1
- package/dist/tegel/p-c917d8be.entry.js +0 -1
- package/dist/tegel/p-cd5219ac.entry.js +0 -1
- package/dist/tegel/p-d1cbe5be.entry.js +0 -1
- package/dist/tegel/p-db00f607.entry.js +0 -1
- package/dist/tegel/p-dcbd977f.entry.js +0 -1
- package/dist/tegel/p-e7108828.entry.js +0 -1
- package/dist/tegel/p-ed02ad2b.entry.js +0 -1
- package/dist/tegel/p-f0d46e61.entry.js +0 -1
- package/dist/tegel/p-f841f094.entry.js +0 -1
- package/dist/tegel/p-ff5cd75f.entry.js +0 -1
- package/dist/cjs/{isHeadingElement-4f06b688.js → getPreviousNestedChildOfSiblingsMatching-4e700df1.js} +12 -12
- package/dist/esm/{isHeadingElement-8efea284.js → getPreviousNestedChildOfSiblingsMatching-a6fcb512.js} +12 -12
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as s}from"./p-2049fab2.js";const a=class{constructor(t){e(this,t)}render(){return t(s,{key:"e8885c807a38e63ef3f3f63f35b3206abeed40c8"},t("div",{key:"a0c9f17a4734f6b986ea5786d588584f046afae2",class:"item"},t("slot",{key:"f5c8f00bd84083437cd6568d338df99085b2f0c7"})))}};a.style=":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}: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}";export{a as tds_core_header_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,g as e}from"./p-2049fab2.js";import{f as l}from"./p-875e2e9c.js";import"./p-b33f8162.js";const i=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){this.parentIsTopPart="top"===l(this.host,"tdsFooterGroup").parentElement.slot}render(){return o("div",{key:"75eee4dd92e6a0c4b40e209bf49ebfb20d3d18e2",role:"listitem",class:this.parentIsTopPart?"top-part-child":""},o("slot",{key:"f8b89029499c402ff61948cc5fdcbab5d7939125"}))}get host(){return e(this)}};i.style="[role=listitem] ::slotted(a),[role=listitem] ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-main-links);opacity:var(--tds-footer-main-links-opacity);text-decoration:none}[role=listitem] ::slotted(a:focus-visible),[role=listitem] ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}[role=listitem] ::slotted(a:hover),[role=listitem] ::slotted(button:hover){text-decoration:underline}[role=listitem].top-part-child ::slotted(a),[role=listitem].top-part-child ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links)}[role=listitem].top-part-child ::slotted(a:focus-visible),[role=listitem].top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media all and (max-width: 992px){[role=listitem].top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}[role=listitem].top-part-child ::slotted(a),[role=listitem].top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}[role=listitem].top-part-child ::slotted(a:hover),[role=listitem].top-part-child ::slotted(button:hover){text-decoration:underline;background-color:var(--tds-footer-top-links-background-hover)}[role=listitem].top-part-child ::slotted(a:focus-visible),[role=listitem].top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}}";export{i as tds_footer_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,H as o,g as e}from"./p-2049fab2.js";import{g as h}from"./p-b33f8162.js";const l=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children.length>0&&(this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last"))}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){const t=h(this.host);return i(o,{key:"3fc213fbbd4aca3a8cf174c54bbd3bc5592081d8",role:"list",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"2ea4a81415f97413972248073d3662b8570556d8",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"755cb2e82df972679f60bd970a8c109b598102c3",class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i(t.tdsIcon,{key:"464442e41ffb43d78fb43addea3f889021399f42",name:"chevron_left",size:"20px"})),i("slot",{key:"b9f6b22e2b3aee60c722f164b0604e06b27eff63",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"a8ba2569f8c6fa3368a32567cde0203489ac393d",class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i(t.tdsIcon,{key:"afd428866b64952394eec13bd378da3ed5424a3f",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};l.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);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{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{l as tds_navigation_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as e,H as s,g as a}from"./p-2049fab2.js";import{g as t}from"./p-b33f8162.js";const d=class{constructor(e){r(this,e),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.header=void 0,this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1}render(){const r=t(this.host);return e(s,{key:"8658fa43c508ef6b60fd3f6a6cbcdaf892f769ed"},e("div",{key:"d38d9f83f5d179bd899badd00f1f504988da8deb",class:`\n wrapper ${this.variant}\n ${this.minimal?"minimal":""}\n ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},!this.noIcon&&e(r.tdsIcon,{key:"a4b4bd55fe53acd7549284d4bb805569d61ccd5a",class:"icon",name:this.getIconName(),size:"20px"}),e("div",{key:"e9e24d412635b3e2d43da64d9dfcdc8d837698de",class:"content"},this.header&&e("div",{key:"b939d197c8d6dfacf092006b4820b9d29b83ae9b",class:"header"},this.header),!this.minimal&&e("div",{key:"9bf431350378dfd70cfa22f120ab3ccee7bfcc48",class:"extended-message"},e("slot",{key:"4533896d9fc5916dca6a8dcadda502dbbda60ce1"})))))}get host(){return a(this)}};d.style=":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information .icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success .icon{color:var(--tds-positive)}:host .wrapper.error{background-color:var(--tds-message-type-error-background);border-left:4px solid var(--tds-negative)}:host .wrapper.error .icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning .icon{color:var(--tds-warning)}:host .wrapper.minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .wrapper.minimal .header{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .wrapper.minimal.error .header{color:var(--tds-negative)}:host .icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--tds-message-color);padding:2px 0}:host .content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .content .extended-message{color:var(--tds-message-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .tds-mode-variant-primary{--tds-message-background:var(--tds-message-background-primary)}:host .tds-mode-variant-secondary{--tds-message-background:var(--tds-message-background-secondary)}";export{d as tds_message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,g as d}from"./p-2049fab2.js";const s=class{constructor(o){t(this,o),this.selected=!1,this.size="md"}render(){return o(e,{key:"
|
|
1
|
+
import{r as t,h as o,H as e,g as d}from"./p-2049fab2.js";const s=class{constructor(o){t(this,o),this.selected=!1,this.size="md"}render(){return o(e,{key:"9d785b73d93abb62d29226c2f00a5daa890533f4"},o("div",{key:"55c56f2feaecbfbd5af46172a4b08025184727af",class:{component:!0,"component-selected":this.selected}},o("slot",{key:"431787db451e299cbc7e03165228d6eaf7af9be0"})))}get host(){return d(this)}};s.style=":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";export{s as tds_header_dropdown_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,F as s,H as a,g as o}from"./p-2049fab2.js";import{g as d}from"./p-b33f8162.js";import{f as i}from"./p-875e2e9c.js";const n=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()}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=i(this.host,"tdsSideMenu"),this.collapsed=this.sideMenuEl.collapsed,this.open=this.defaultOpen}render(){const e=d(this.host);return t(a,{key:"1827847b06f291279e4a87ed69fa894900dea6d8"},t("div",{key:"ce4001ca5f54358b124a6e799d4b8575e8585e9d",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},t(e.tdsSideMenuItem,{key:"647d047735e07ce10ff1b29a769d7bbf4ee552e3",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open}},t("button",{key:"315f640f09e65851e148f378ba3b38d70b0ff732"},t("slot",{key:"5929de731189625ebe18ee80a5883c795bc9ee77",name:"icon"}),!this.collapsed&&t(s,{key:"a1ed66961510c1b36f1c158327c46e9bd834f5cb"},this.buttonLabel,t("slot",{key:"f772910c872e31659b651c05a972b8225517b94a",name:"label"}),t(e.tdsIcon,{key:"a9d5576a057243415b4d1f527e742a7e2812b50b",class:"dropdown-icon",name:"chevron_down",size:"16px"})))),t("div",{key:"109d2a4f7cec66a68e937a1922c4a5a8ddb16505",class:"menu"},this.collapsed&&t("h3",{key:"08e7f464e230a6d8e0caa3088749d679be1343f9",class:"heading-collapsed"},this.buttonLabel,t("slot",{key:"8f0c0377d46f965bab22c44dd69d0090d2e2ca4a",name:"label"})),t("slot",{key:"0e83ab1aa8c07f19a25e24c1c6be0c2fcb639c15"}))))}get host(){return o(this)}};n.style=":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";export{n as tds_side_menu_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as t,H as e}from"./p-2049fab2.js";const d=class{constructor(t){s(this,t),this.src=void 0,this.alt=void 0}render(){return t(e,{key:"b3106a36d68732fb20b70d691da5f4b903568b18"},t("slot",{key:"a685eed98b4dd1c5a7fd26e5255bb1b91fba2427"}),this.src&&t("img",{key:"0e671356961fa6cb1613f7695b575ce40086e064",src:this.src,alt:this.alt}))}};d.style=":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";export{d as tds_side_menu_user_image}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as o,H as t,g as a}from"./p-2049fab2.js";import{i as e}from"./p-3fe9cbbf.js";import{g as i}from"./p-b33f8162.js";const r=class{constructor(o){s(this,o),this.inheritedAttributes=[],this.selector="",this.referenceEl=void 0,this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.childRef=void 0}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}render(){var s;const a=i(this.host);return o(t,{key:"4dfa496e7ce0d92c2575832b8289440fddc1e57a"},o(a.tdsPopoverCore,Object.assign({key:"588b26ceae93946774d39e3aa7382f40b82052fa"},this.inheritedAttributes,{class:{"tds-popover-canvas":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,modifiers:this.modifiers,trigger:"click",ref:s=>{this.childRef=s}}),o("div",{key:"c8fa624a0f6b65f77ea8ddf8f576ade6899b1f7c"},o("slot",{key:"0c91f6654cb2a3e51ffd8f5f66c46fc673313b00"}))))}get host(){return a(this)}};r.style=".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";export{r as tds_popover_canvas}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,h as s,H as i,g as d}from"./p-2049fab2.js";import{g as e}from"./p-b33f8162.js";import{f as n}from"./p-875e2e9c.js";const h=class{constructor(s){o(this,s),this.tdsSelect=t(this,"tdsSelect",6),this.tdsFocus=t(this,"tdsFocus",6),this.tdsBlur=t(this,"tdsBlur",6),this.componentWillRender=()=>{this.parentElement=n(this.host,"tdsDropdown"),this.multiselect=this.parentElement.multiselect,this.size=this.parentElement.size,this.label=this.host.textContent.trim()},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.value),this.parentElement.close(),this.tdsSelect.emit({value:this.value,selected:this.selected}))},this.handleMultiselect=o=>{this.disabled||(o.detail.checked?(this.parentElement.appendValue(this.value),this.selected=!0,this.tdsSelect.emit({value:this.value,selected:this.selected})):(this.parentElement.removeValue(this.value),this.selected=!1,this.tdsSelect.emit({value:this.value,selected:this.selected})),o.stopPropagation())},this.handleFocus=o=>{this.tdsFocus.emit(o)},this.handleBlur=o=>{this.tdsBlur.emit(o)},this.value=void 0,this.disabled=!1,this.selected=!1,this.multiselect=void 0,this.size="lg"}async setSelected(o){this.selected=o}render(){const o=e(this.host);return s(i,{key:"1ae8430247cd5aaa9c1fbaa8a01220bb28352f7e",role:"option","aria-disabled":this.disabled,"aria-selected":this.selected},s("div",{key:"b2bf323c6907de57720cfec607e1d53f6b951cdb",class:`dropdown-option \n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:o=>{"Escape"===o.key&&this.parentElement.close()}},s(o.tdsCheckbox,{onTdsChange:o=>{this.handleMultiselect(o)},disabled:this.disabled,checked:this.selected,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{onClick:()=>{this.handleSingleSelect()},onFocus:o=>this.handleFocus(o),onBlur:o=>this.handleBlur(o),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s(o.tdsIcon,{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return d(this)}};h.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);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(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";export{h as tds_dropdown_option}
|
|
@@ -0,0 +1 @@
|
|
|
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";import{f as e}from"./p-875e2e9c.js";import{g as i}from"./p-d18575db.js";import"./p-b33f8162.js";const d=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__row")).filter((t=>t.selected)).forEach((o=>{let r=[];Array.from(o.querySelectorAll(".tds-table__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)}componentDidRender(){if(this.horizontalScrollWidth){const t=e(this.host,"tdsTable");this.enableHorizontalScrollToolbarDesign=i(t,"tds-table-toolbar").length>=1,this.enableHorizontalScrollFooterDesign=i(t,"tds-table-footer").length>=1}}render(){return r(s,{key:"55301935993e5fc7a526a7132df15cbcd0107206",class:{"tds-table--responsive":this.responsive,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},r("table",{key:"970da50a6e4990808c846975dafc79de1263c8e6",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:"df9ef8fd03af6a5e43b6b2681b3c8de4d6711853"})))}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"]}}};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,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}.tds-table--horizontal-scroll{display:block;overflow-x:scroll;white-space:nowrap}.tds-table--horizontal-scroll:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-table--horizontal-scroll{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-table--horizontal-scroll-toolbar{margin-top:64px}.tds-table--horizontal-scroll-toolbar-compact{margin-top:56px}.tds-table--horizontal-scroll-footer{margin-bottom:49px}.tds-table--horizontal-scroll-footer-compact{margin-bottom:33px}";export{d as tds_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as d,g as r}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";const i=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=s(),this.checked=!1,this.required=!1,this.disabled=!1}render(){return d("div",{key:"
|
|
1
|
+
import{r as t,c as o,h as d,g as r}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";const i=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=s(),this.checked=!1,this.required=!1,this.disabled=!1}render(){return d("div",{key:"9981b311527401585e8d856efd31d400ef4f04ff",class:"tds-radio-button"},d("input",{key:"42376124bb5c5111034cf33328312417696c1f4f",class:"tds-form-input",type:"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()}),d("label",{key:"dcae7b92564cdc7ffea21bc6962a58c47f4fa7e1",htmlFor:this.radioId},d("slot",{key:"a1d77af8e076cac6d1959dbc393f11b6d4362756",name:"label"})))}get host(){return r(this)}};i.style='.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.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(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) var(--tds-spacing-element-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:24px;height:24px;left:0;top:0}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);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::before{background-color:var(--tds-radio-button-background-hover);opacity:0.12}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus::before{background-color:var(--tds-radio-button-background-focus);opacity:0.24;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: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::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.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(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid var(--tds-radio-button-color-disabled-before);box-sizing:content-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);left:5px;top:5px}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:0.24}}';export{i as tds_radio_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as t,H as e,g as n}from"./p-2049fab2.js";import{f as d}from"./p-875e2e9c.js";import"./p-b33f8162.js";const s=class{constructor(t){o(this,t),this.selected=!1,this.dropdownHasIcon=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}connectedCallback(){var o;this.sideMenuEl=d(this.host,"tdsSideMenu"),this.collapsed=null===(o=this.sideMenuEl)||void 0===o?void 0:o.collapsed}componentDidLoad(){var o;const t=d(this.host,"tdsSideMenuDropdown").shadowRoot.querySelector('slot[name="icon"]').assignedElements(),e=(null==t?void 0:t.length)>0,n=null===(o=null==t?void 0:t[0])||void 0===o?void 0:o.tagName.toLowerCase().endsWith("tds-side-menu-user-image");e&&!n&&(this.dropdownHasIcon=!0)}render(){return t(e,{key:"c47e1fad9e2a430ad64402a8e48af6a7b24a330d",role:"listitem"},t("div",{key:"8647c8716ecbb51c642a257727ec8c48c4a9bd60",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-collapsed":this.collapsed}},t("slot",{key:"8d2c7082086a0854b4990559106f0ef136a40f60"})))}get host(){return n(this)}};s.style=":host{display:block;box-sizing:border-box;height:48px;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 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-header-nav-item-dropdown-opened-background-hover);cursor:pointer}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-header-nav-item-dropdown-opened-background-active) !important;cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){border-left:4px solid var(--tds-nav-item-border-color-active);padding-left:20px;background-color:var(--tds-header-nav-item-dropdown-opened-background-selected)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding-left:56px}";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 i}from"./p-b33f8162.js";import{f as l}from"./p-875e2e9c.js";const r=["compactDesign","horizontalScrollWidth"];function d(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const n=class{constructor(s){t(this,s),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=>r.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=l(this.host,"tdsTable"),this.tableId=this.tableEl.tableId}componentDidLoad(){r.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;const e=i(this.host);return s(a,{key:"da39085487ba931d60e338e75b4dff13481cfaf1",class:{"tds-table__footer":!0,"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},s("tr",{key:"b7de7d5272df212a14b0e873b189abd1a7fae0b8",class:"tds-table__footer-row"},s("td",{key:"c667e0a78cda25e62ea7572628056691c5dce2e7",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{key:"5ace612f33fe8e28730a2d8e2d698b4e8310c2d7",class:"tds-table__pagination"},s("div",{key:"fc2f7fee9ba348087e192531a2f77ddf4ba6393e",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&s("div",{key:"ac6d4d17ace7ec7688ad340eecdeb9d5050f576b",class:"rows-per-page"},s("p",{key:"fba8bf499d2fe16f10a198469095083d963ad6d3"},"Rows per page"),s(e.tdsDropdown,{key:"7c041e6c1d778f0d24bb059fa7e37192d4225bf9",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",defaultValue:`${this.rowsPerPageValues[0]}`,onTdsChange:t=>this.rowsPerPageChange(t)},this.rowsPerPageValues.map((t=>s(e.tdsDropdownOption,{value:`${t}`},t)))))),s("div",{key:"2e32b948d847694ad74f833b5676c804cf6c2157",class:"tds-table__page-selector"},s("input",{key:"901d8d532d200ae0507272c686f90c966bb587ed",ref:t=>this.inputElement=t,class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:d}),s("p",{key:"bb89fdd72f40f31536e82b681083484d1efae714",class:"tds-table__footer-text"},"of ",s("span",{key:"fd449fbd27cc1d3192b51a3a97f8167579e2556f"},this.pages)," pages"),s("button",{key:"e70a18bc1f868944f7c0f264722afd7cee140b42",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},s(e.tdsIcon,{key:"41ddc6f0c58e635c3d4200c55ab7a34fd3288686",name:"skip_backwards",size:"20px"})),s("button",{key:"56c33b756010d733ed3a473b969e70c7a2a5f676",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},s(e.tdsIcon,{key:"8d5a509cbd314765d1633d5e5b32b6f1290b87df",name:"chevron_left",size:"20px"})),s("button",{key:"ab75710a3bcc777f21790ab325c8fcee7bf89dfd",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},s(e.tdsIcon,{key:"9b809581458e37542336b93be50c220024317469",name:"chevron_right",size:"20px"})),s("button",{key:"efa985cfc9a9bbca26a4f95bc9ea6dd073f62ae0",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},s(e.tdsIcon,{key:"db64e73b8acb3a1ae3498d13a5c2c545394f55ce",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}};n.style=':host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:54px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.page-dropdown:focus-within::after{content:"";position:absolute;bottom:0;left:0;height:100%;width:100%;background-color:transparent;border-radius:var(--tds-spacing-element-4);pointer-events:none;outline:2px solid var(--tds-blue-400);outline-offset:-2px}';export{n as tds_table_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,H as d,g as s}from"./p-2049fab2.js";import{g as o}from"./p-11648030.js";import{f as l}from"./p-875e2e9c.js";import"./p-b33f8162.js";const i=["verticalDividers","compactDesign","noMinWidth","modeVariant"],r=class{constructor(a){t(this,a),this.internalTdsRowExpanded=e(this,"internalTdsRowExpanded",6),this.tdsChange=e(this,"tdsChange",6),this.colSpan=null,this.rowId=o(),this.expanded=void 0,this.overflow="auto",this.autoCollapse=!1,this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}handleRowExpand(t){this.autoCollapse&&t.detail.isExpanded&&t.detail.rowId!==this.rowId&&t.detail.tableId===this.tableId&&this.collapse()}watchExpanded(t){t!==this.isExpanded&&(this.isExpanded=t,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId}))}async expand(){this.isExpanded=!0,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}async collapse(){this.isExpanded=!1,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}connectedCallback(){void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=l(this.host,"tdsTable"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.columnsNumber=null!==this.colSpan?this.colSpan:this.tableEl.querySelector(".tds-table__header").childElementCount+1}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded]),this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}render(){return a(d,{key:"e275194131e3b901f08e84674b705b5bd4b73dab",class:{"tds-table__row":!0,"tds-table__row-expandable":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers}},a("tr",{key:"8a488cfb99978c2066d51d0d7eeec350aaf59401",class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded},part:"row"},a("td",{key:"38e261d4dd352b63fda51e5deab4b43e248b0d42",class:{"tds-table__cell-expand":!0}},a("label",{key:"e4082d9ce72f3f6468fde0dcba42e7e7dad89694",class:"tds-table__expand-control-container"},a("input",{key:"14caacf5fce60d40c88a9867ccc6aa65ab64ba7d",class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded}),a("span",{key:"a726e3de3ec5f2d1c428b6b212344f8f9bdf75f4",class:"tds-expendable-row-icon"},a("svg",{key:"8f7bb2b5c774f56af390f0c698ee4b1d856ba91d",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},a("path",{key:"9591cbc63658dff5264e8a71a192f3a2f9433353","fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),a("slot",{key:"835d2581036aa51becf36911bc5f777722cd7e4d"})),a("tr",{key:"d2f07ef2ab2eed65c9fff301bcc371b9000fb6f1",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},a("td",{key:"b98c7704015cc08c0561b591ea0a9c59e5d10d43",class:{"tds-table__cell-expand":!0,"tds-table__cell-expand--overflow-hidden":"hidden"===this.overflow,"tds-table__cell-expand--overflow-visible":"visible"===this.overflow},part:"expand-row-cell",colSpan:this.columnsNumber},a("div",{key:"dd5e53a20718e92dda6ff93d6a715054289bab51",style:{overflow:this.overflow}},a("slot",{key:"7e919ed8681143d6bdf13afe6b94d6a8e23be046",name:"expand-row"})))))}get host(){return s(this)}static get watchers(){return{expanded:["watchExpanded"]}}};r.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--tds-table-divider)}";export{r as tds_table_body_row_expandable}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as e,g as s}from"./p-2049fab2.js";import{d as n}from"./p-52bf0fdf.js";import{f as d}from"./p-875e2e9c.js";import"./p-b33f8162.js";const i=class{constructor(o){t(this,o),this.selected=!1,this.active=!1,this.collapsed=!1}updateSlotted(t,o){const e=this.slotEl.assignedElements({flatten:!0})[0];if(e){const s=n(e,t);s&&o(s)}}updateSlottedElements(){this.slotEl&&this.updateSlotted((t=>t.tagName.toLowerCase().endsWith("tds-icon")||"svg"===t.tagName.toLowerCase()),(t=>{t.classList.add("__tds-side-menu-item-icon"),this.collapsed?t.classList.add("__tds-side-menu-item-icon-collapsed"):t.classList.remove("__tds-side-menu-item-icon-collapsed")}))}connectedCallback(){var t;this.sideMenuEl=d(this.host,"tdsSideMenu"),this.collapsed=null===(t=this.sideMenuEl)||void 0===t?void 0:t.collapsed}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.slotEl.addEventListener("slotchange",this.updateSlottedElements)}collapseSideMenuEventHandler(t){this.collapsed=t.detail.collapsed,this.updateSlottedElements()}render(){return o(e,{key:"386c370ad3c9509d3d357b1a100fc48d3f9179c1"},o("div",{key:"3136d3cd56eb58b6227cb64334ab67dc824698a7",class:{component:!0,"component-selected":this.selected,"component-active":this.active,"component-collapsed":this.collapsed}},o("slot",{key:"c1e0434015361d4fc1f68ba5c33ac35c5741966b"})))}get host(){return s(this)}};i.style=":host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:12px;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component .tds-icon__icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button){background-color:var(--tds-sidebar-item-state-hover)}:host .component:active ::slotted(a),:host .component:active ::slotted(button){background-color:var(--tds-sidemenu-item-state-active)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button){border-left:4px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color);padding-left:20px;background-color:var(--tds-sidebar-item-state-selected)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}";export{i as tds_side_menu_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as d,g as s}from"./p-2049fab2.js";import{g as i}from"./p-b33f8162.js";const a=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(8,10),s=this.defaultValue.slice(11,13),i=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${d}T${s}:${i}`;case"date":return`${t}-${e}-${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="",this.state=void 0,this.autofocus=!1,this.label="",this.helper="",this.focusInput=void 0}async setValue(t){this.value=t}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)}render(){const t=i(this.host);let e=" tds-datetime-input";return"md"===this.size&&(e+=`${e}-md`),"sm"===this.size&&(e+=`${e}-sm`),d("div",{key:"2133b5518351bb4b8a6a82e37b3ef64adc6e98e3",class:`\n ${this.noMinWidth?"tds-form-datetime-nomin":""}\n ${this.focusInput?"tds-form-datetime tds-datetime-focus":" tds-form-datetime"}\n ${this.value.length>0?"tds-datetime-data":""}\n ${this.disabled?"tds-form-datetime-disabled":""}\n ${"md"===this.size?"tds-form-datetime-md":""}\n ${"sm"===this.size?"tds-form-datetime-sm":""}\n ${"error"===this.state||"success"===this.state?`tds-form-datetime-${this.state}`:""}\n ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},this.label&&d("label",{key:"a74df0aa8cfb210eb6d15dc3b1e0a2743ddfbb1b",htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{key:"b6beb7697e9aa94db692644c692790a6c80d18e8",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{key:"b74e3ae0f6ef6bff8fcaa6603b4cb91b0753d16f",class:"tds-datetime-input-container"},d("input",{key:"c80f6949e442242b991712d8256435b3ea91d0fb",ref:t=>this.textInput=t,class:e,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t)}),d("div",{key:"25fe9159c890b94f56bdbcef2167219af063093e",class:"datetime-icon icon-datetime-local"},d(t.tdsIcon,{key:"b9adc2450c44f29fa8e1a84d16a3c999e314f84e",size:"20px",name:"calendar"})),d("div",{key:"3b883bc9fb956f3d53ebc0bb220243a3334baa51",class:"datetime-icon icon-time"},d(t.tdsIcon,{key:"1035445f66725caace6486e042435a6167bf31fb",size:"20px",name:"clock"}))),d("div",{key:"0c2852861c3a90677a060525217fee8348c5e037",class:"tds-datetime-bar"})),this.helper&&d("div",{key:"8bbfab83045c3d9151d5c5d6d17a9a39b8632f3a",class:"tds-datetime-helper"},d("div",{key:"cb4dbf4e14ec82c9c3eb279d427e24d38bf560ce",class:"tds-helper"},"error"===this.state&&d(t.tdsIcon,{key:"0ac05beaffc4bd473d9ee4f388f53383833b939b",name:"error",size:"16px"}),this.helper)))}get host(){return s(this)}};a.style='.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-md.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-md.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-sm.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-sm.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.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{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.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-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-sm.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.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.tds-datetime-data.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-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;top:54px;width:0;position:absolute;background:var(--tds-datetime-bar);transition:0.35s ease all}.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:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-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(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-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(--tds-datetime-bar-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime{color:var(--tds-datetime-icon-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}';export{a as tds_datetime}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as d,h as a,H as t,g as r}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";import{h as i}from"./p-ae110fc2.js";import{g as o}from"./p-b33f8162.js";const h=class{constructor(t){e(this,t),this.tdsClick=d(this,"tdsClick",6),this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=i("header",this.host),d=i("subheader",this.host),t=i("thumbnail",this.host);return a("div",{class:"card-header"},t&&a("slot",{name:"thumbnail"}),a("div",{class:"header-subheader"},this.header&&a("span",{class:"header"},this.header),e&&a("slot",{name:"header"}),this.subheader&&a("span",{class:"subheader"},this.subheader),d&&a("slot",{name:"subheader"})))},this.getCardContent=()=>{const e=i("body",this.host),d=i("body-image",this.host),t=i("actions",this.host),r=o(this.host);return a("div",{class:this.stretch&&"stretch"},"below-header"===this.imagePlacement&&this.getCardHeader(),a("div",{class:"card-body"},d&&a("slot",{name:"body-image"}),this.bodyImg&&a("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&a(r.tdsDivider,null),e&&a("slot",{name:"body"})),t&&a("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=s()}render(){return a(t,{key:"7919fe89b0e312b6f75439d35382d86141f5f3e5",class:this.modeVariant&&`tds-mode-variant-${this.modeVariant}`},this.clickable?a("button",{class:`card ${this.clickable?"clickable":""} ${this.stretch?`${this.imagePlacement}-stretch`:this.imagePlacement}`,onClick:()=>{this.clickable&&this.handleClick()}},this.getCardContent()):a("div",{class:`card ${this.clickable?"clickable":""} ${this.stretch?`${this.imagePlacement}-stretch`:this.imagePlacement}`},this.getCardContent()))}get host(){return r(this)}};h.style=".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;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;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-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(--tds-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{h as tds_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as d,c as t,h as s,H as o,g as a}from"./p-2049fab2.js";import{h as i}from"./p-ae110fc2.js";import{g as e}from"./p-b33f8162.js";const l=class{constructor(s){d(this,s),this.tdsClose=t(this,"tdsClose",7),this.handleClose=d=>{this.tdsClose.emit(d).defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.isShown=!0},this.handleOverlayClick=d=>{const t=d.composedPath()[0];("tds-modal-close"===t.classList[0]||"tds-modal-backdrop"===t.classList[0]&&!1===this.prevent)&&this.handleClose(d)},this.handleReferenceElementClick=d=>{this.isShown?this.handleClose(d):this.handleShow()},this.setShowButton=()=>{var d;if(this.selector||this.referenceEl){const t=null!==(d=this.referenceEl)&&void 0!==d?d:document.querySelector(this.selector);t&&this.initializeReferenceElement(t)}},this.initializeReferenceElement=d=>{d&&d.addEventListener("click",this.handleReferenceElementClick)},this.header=void 0,this.prevent=!1,this.size="md",this.actionsPosition="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.closable=!0,this.isShown=!1}async showModal(){this.isShown=!0}async closeModal(){this.isShown=!1}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ")}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var d;if(this.selector||this.referenceEl){const t=null!==(d=this.referenceEl)&&void 0!==d?d:document.querySelector(this.selector);t&&t.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((d=>{d.removeEventListener("click",this.handleClose)}))}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((d=>{d.addEventListener("click",this.handleClose)}))}render(){const d=i("header",this.host),t=i("actions",this.host),a=e(this.host);return s(o,{key:"d8d4663bf34447a7c437a2548eb5cb7b54966904",class:this.isShown?"show":"hide",onClick:d=>this.handleOverlayClick(d)},s("div",{key:"22deee723aad6d1c6911ac1a4d9fdfb3c49ee9d7",class:"tds-modal-backdrop"}),s("div",{key:"a02ddd0a4c7cc15e3a88ee4afeb9fa11e05a0920",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},s("div",{key:"e5025289a4bc71e088dbae5addfac7283afe4cd4",class:"header"},this.header&&s("div",{key:"0b8036a08d88e61e7a25d718184e78f1662fc71b",class:"header-text"},this.header),d&&s("slot",{key:"e560702407b26f9e87699ad2c88f7767925d95b0",name:"header"}),this.closable&&s("button",{key:"e6ab572230e9cf42aee383082b2471999e59fa84",class:"tds-modal-close","aria-label":"close",onClick:d=>this.handleClose(d)},s(a.tdsIcon,{key:"e7d152b8e78c76eb89bcbd37a951bacdcd1a189d",name:"cross",size:"20px"}))),s("div",{key:"4f60b951463c91015d753e3baaec55a0d2f61557",class:"body"},s("slot",{key:"13fadc6021577e560a8302679ba05c66609992ff",name:"body"})),t&&s("slot",{key:"71d510b8442111c272610d8b6334e7a11e548ebe",name:"actions"})))}get host(){return a(this)}};l.style=".tds-modal{box-sizing:border-box;background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:4px;max-height:85vh;overflow-y:auto;pointer-events:auto;}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-track{background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500);border-radius:0 1em 1em 0}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:var(--tds-spacing-element-24) var(--tds-spacing-element-16) var(--tds-spacing-element-16);display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:var(--tds-spacing-element-16);position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header,slot[name=header]::slotted(*){color:var(--tds-modal-text);font:var(--tds-headline-05) !important;letter-spacing:var(--tds-headline-05-ls) !important;margin:0;flex:1}.body{color:var(--tds-modal-text);font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);overflow-y:visible;padding:0 var(--tds-spacing-element-16) var(--tds-spacing-element-16);}.body::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-track{background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500)}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-icon);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{l as tds_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as e,H as i,g as d}from"./p-2049fab2.js";import{g as r}from"./p-11648030.js";import{g as l}from"./p-b33f8162.js";const a=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.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.sliderId=r()}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s);break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s)}}handleRelease(s){this.thumbGrabbed&&(this.thumbGrabbed=!1,this.thumbInnerElement.classList.remove("pressed"),this.updateValue(s),this.trackElement.focus())}handleMove(s){"touchmove"===s.type&&s.preventDefault(),this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}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?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+"%")}updateValue(s){const t=this.getTrackWidth(),e=parseInt(this.ticks);if(this.useSnapping&&e){const s=this.tickValues[this.supposedValueSlot];this.value=`${s}`,this.calculateThumbLeftFromValue(s)}else{const s=this.thumbLeft/t;this.value=`${Math.trunc(parseFloat(this.min)+s*(parseFloat(this.max)-parseFloat(this.min)))}`}this.updateTrack(),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||this.tdsChange.emit({value:this.value})}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.tdsChange.emit({value:this.value}),this.updateTrack()}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`)}updateSliderValueOnInputChange(s){let t=parseInt(s.target.value);t!==parseInt(this.value)&&(t<parseFloat(this.min)?t=parseFloat(this.min):t>parseFloat(this.max)&&(t=parseFloat(this.max)),this.forceValueUpdate(String(t)))}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){this.readOnly||(this.thumbGrabbed=!0,this.thumbInnerElement.classList.add("pressed"))}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=Math.round(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(-parseInt(this.step),s)}stepRight(s){this.controlsStep(parseInt(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);for(let e=1;e<s+1;e++)this.tickValues.push(parseFloat(this.min)+Math.round(t*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()}render(){const s=l(this.host);return e(i,{key:"f59be8845e333caa7c0af833373649a391563b09",class:"tds-slider__slider"},e("div",{key:"4d7d3ecec1ce3bd44ed141c5022bda6625b8a660",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"a8a54f6b4230cc4f8ef148279725c452df2ef4b6",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,value:this.value,disabled:this.disabled}),e("div",{key:"c0e0208c6caa21a535a4cbb750fed41cb14ef030",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s}},e("label",{key:"606706a15d33ae88a85853b0d5b11bbd51a06f3f",class:this.showTickNumbers&&"offset"},this.label),this.useInput&&e("div",{key:"5ce2a53b1cbcbdce6cb02241023a4eba154fb289",class:"tds-slider__input-values"},e("div",{key:"6db157a82e13fb891795e53f06a6a58992280084",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"548f48afde212ebf1122759ddcfebedc4658f1ac",class:"tds-slider__controls"},e("div",{key:"9a7fb2027e0d59ba880b8eececbc92b657a12450",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s)},e(s.tdsIcon,{key:"d0599b4d7ff1e0346a5b8382c8a76f164dc5a0c2",name:"minus",size:"16px"}))),e("div",{key:"fbfe482a64615d87faa69e506b1299dc04307532",class:"tds-slider-inner"},this.tickValues.length>0&&e("div",{key:"b4dcdf3c127630416df0140af968530cd3ee350d",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"89bcb0d85cfc5a10fe7f556443472655a9e71ffa",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:"c2587f4cd87a37facb581541a8eb5a1fbdae57bf",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0"},e("div",{key:"0a52a7ede85117e2173cfc2d216d90cbbe70d160",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"45501ff0945089133881250aa76ef0d56fd9c7ca",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb()},this.tooltip&&e("div",{key:"e1811ea68007f25f29c03445629367b3caff26fe",class:"tds-slider__value"},this.value,e("svg",{key:"a5a7bb1d10ecfc6db49a81be22193a995d9baef0",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"f91bceaf2cbb9349e1a6d84346e4e5380cf6092d",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:"83db8611dce8cf7320cb90a321b11a76ad96b6c7",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"e9de8343593a63432acd32eff6c2321380c8d5c7",class:"tds-slider__input-values"},e("div",{key:"fb2b211bb8074af560d63e571423f869dc4c1fbd",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"3b57ca9930a560835d3b770043ae0b28bd160956",class:"tds-slider__input-field-wrapper"},e("input",{key:"363feca5141de60ea1d8c04c4b18e8297c7fe22c",size:this.calculateInputSizeFromMax(),class:"tds-slider__input-field",value:this.value,readOnly:this.readOnly,onBlur:s=>this.updateSliderValueOnInputChange(s),onKeyDown:s=>this.handleInputFieldEnterPress(s),type:"number",min:this.min,max:this.max}))),this.useControls&&e("div",{key:"c815745f6a926c6ebc495bd6b0c29f9230076239",class:"tds-slider__controls"},e("div",{key:"d10edf5b472e2bbe6016a9a23885e5f6167da5fd",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s)},e(s.tdsIcon,{key:"7b629d35bf387ca0932f68f537809587963add2d",name:"plus",size:"16px"}))))))}get host(){return d(this)}static get watchers(){return{value:["handleValueUpdate"]}}};a.style='.tds-slider__slider{box-sizing:border-box;width:100%}.tds-slider__slider *{box-sizing:border-box}.tds-slider__slider input[type=range].tds-slider-native-element{display:none}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-grey-700);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--tds-grey-600)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--tds-blue-400);outline:0}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;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{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-disabled)}.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(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-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(--tds-slider-disabled);pointer-events:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-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__icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus .tds-icon__icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus .tds-icon__icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus .tds-icon__icon{color:var(--tds-slider-disabled)}';export{a as tds_slider}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as s,g as e}from"./p-2049fab2.js";import{g as i}from"./p-b33f8162.js";import{f as n}from"./p-875e2e9c.js";const r=["compactDesign"],a=class{constructor(o){t(this,o),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>r.includes(t))).forEach((o=>{if(void 0===this[o])throw console.error(`Table prop is not supported: ${o}`),new Error(`Table prop is not supported: ${o}`);this[o]=t.detail[o]}))}connectedCallback(){const t=n(this.host,"tdsTable");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=n(this.host,"tdsTable");t?r.forEach((o=>{this[o]=t[o]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-BODY-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const o=t[0];o.addEventListener("focus",(()=>{this.inputFocused=!0})),o.addEventListener("blur",(()=>{this.inputFocused=!1}))}}render(){const t=i(this.host);return o(s,{key:"20eb879a6a7699ae79768bd7e99cc5e2c23465a0",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?o("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?o(t.tdsIcon,{class:"edit-icon",slot:"icon",size:"16px",name:"edit"}):null)}get host(){return e(this)}};a.style=":host{position:relative}:host(.focused-input-wrapper) .edit-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) .edit-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--tds-table-color);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--tds-table-color)}::slotted(input:disabled){background-color:var(--tds-table-input-background-disabled)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}";export{a as tds_table_body_input_wrapper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as c,c as s,h as t,H as i,g as p}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";import{h as e}from"./p-ae110fc2.js";const o=class{constructor(t){c(this,t),this.tdsChange=s(this,"tdsChange",6),this.tdsClick=s(this,"tdsClick",6),this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?this.checked=!0: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=d(),this.checked=!1,this.name=void 0,this.value=void 0,this.disabled=!1}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}render(){const c=this.renderInputAttributes(),s=e("prefix",this.host),p=e("label",this.host),d=e("suffix",this.host);return t(i,{key:"
|
|
1
|
+
import{r as c,c as s,h as t,H as i,g as p}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";import{h as e}from"./p-ae110fc2.js";const o=class{constructor(t){c(this,t),this.tdsChange=s(this,"tdsChange",6),this.tdsClick=s(this,"tdsClick",6),this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?this.checked=!0: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=d(),this.checked=!1,this.name=void 0,this.value=void 0,this.disabled=!1}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}render(){const c=this.renderInputAttributes(),s=e("prefix",this.host),p=e("label",this.host),d=e("suffix",this.host);return t(i,{key:"e200e4b70d546e6aa6afe5c5f3c1fd32b8592007"},t("div",{key:"d65350d24487c61af52d46343c6b0d6e69a87000",class:"component"},t("div",{key:"688892e439a0c258d539b2391d7a63606409525d",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:s,suffix:d,disabled:this.disabled}},t("input",Object.assign({key:"4cb5f915bb6c4ec9962daad0c7e969cd2fa06e2c",type:this.type,id:this.chipId},c)),t("label",{key:"103cb30a64c4eb294bd3d1f69cfc7ec931e635f6",onClick:c=>c.stopPropagation(),htmlFor:this.chipId},s&&t("slot",{key:"8461ef357e4c27a202cc9f59b43fccf350974329",name:"prefix"}),p&&t("slot",{key:"f707d5f78e01223d4493728e828abc104eb466d2",name:"label"}),d&&t("slot",{key:"12caf12952cc7ba7ad6b71f55639696d798982dc",name:"suffix"})))))}get host(){return p(this)}};o.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{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:16px;cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background-disabled);color:var(--tds-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(--tds-chips-background-active);color:var(--tds-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(--tds-chips-background-active);color:var(--tds-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:2px solid var(--tds-blue-400);outline-offset:-2px;background-color:var(--tds-chips-background-focus)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover)}";export{o as tds_chip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,H as d,g as t}from"./p-2049fab2.js";const s=class{constructor(a){e(this,a),this.imgUrl=void 0,this.imgAlt=void 0,this.header=void 0,this.subheader=void 0}render(){return a(d,{key:"
|
|
1
|
+
import{r as e,h as a,H as d,g as t}from"./p-2049fab2.js";const s=class{constructor(a){e(this,a),this.imgUrl=void 0,this.imgAlt=void 0,this.header=void 0,this.subheader=void 0}render(){return a(d,{key:"4ac29a9c2fed72a57fb46353622fbbc750ac9cce",role:"listitem"},a("div",{key:"c16801b9e75757b739a1d699dd91397d72f80411",class:"user-box"},this.imgUrl&&a("img",{key:"0ad2f52fc115985ae2c3e6241bb7e66f9a6648df",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"b3ce711b5d5527e9bff7e97e11154c7bbdd9c846",name:"thumbanil"}),a("div",{key:"cecc2455a403a0e801efa9b14ee36082b13d3c12",class:"user-content"},a("div",{key:"c8f9655175a353d88091ee34ab2d292bdfcd3f6e",class:"header"},this.header,a("slot",{key:"dacb842e16fd86f5da747191995a22f5efec6871",name:"header"})),a("div",{key:"8b87e008e1bdce2e8ce492a173b6b6bd18270c2a",class:"subheader"},this.subheader,a("slot",{key:"da8bb0a024fabfdd8f7cb00175c248add24c138c",name:"subheader"})))))}get host(){return t(this)}};s.style=":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";export{s as tds_header_dropdown_list_user}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as o,H as t}from"./p-2049fab2.js";const i=class{constructor(o){e(this,o)}render(){return o(t,{key:"4e5ee559f2210af73350725bb713c3c5a2ec62e7"},o("div",{key:"7b8494f203996e8fbd9cdb0cb8659cc939d974b8"}))}};i.style=":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}";export{i as tds_side_menu_overlay}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as o}from"./p-2049fab2.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"eccc6bdc25cacf555263b9ed5be7fb9a2017f60e"},o("slot",{key:"3ae13db7cb7224eaed0f419e815c245a80c0f845"}))}};t.style="h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";export{t as tds_header_title}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as d,H as t,g as a}from"./p-2049fab2.js";import{i as r}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const s=e=>{e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){const d=e;"li"!==d.tagName.toLowerCase()&&"listitem"!==d.getAttribute("role")&&d.setAttribute("role","listitem")}}))},o=class{constructor(d){e(this,d),this.observer=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&s(e.target)}))}))}componentDidLoad(){const e=this.host.querySelector(".tds-header-component-list");this.observer.observe(e,{childList:!0,subtree:!1}),s(e)}disconnectedCallback(){this.observer.disconnect()}render(){const e=Object.assign({},r(this.host));return d(t,{key:"1e65712e11267defd7590a7f4769e5e553137f04",class:"tds-header__header"},d("slot",{key:"830f824cc36667999b00b947d6589094276b4ca1",name:"hamburger"}),d("slot",{key:"063fca5b8caf0e072443b99bf20a5f344557d838",name:"title"}),d("nav",Object.assign({key:"98a8433a655ca99f2535d71b7b2a1d5ff354ca80"},e),d("ul",{key:"613c6cd171c8fe223e9d82b0f78a0e805676bffb",class:"tds-header-component-list"},d("slot",{key:"a3ec4fe9002960527b77df577e50f4b975f485f7"}),d("li",{key:"19596ec2902daa179731cfab07018d8fd3b525e6",class:"tds-header-middle-spacer"}),d("slot",{key:"291db6f1b534181ad30f87d18e5daf967bd92e55",name:"end"}))))}get host(){return a(this)}};o.style=':host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:"Scania Sans Headline", arial, helvetica, sans-serif}.tds-header__header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav .tds-header__dropdown,nav .tds-header__item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav .tds-header__dropdown,nav .tds-header__item{display:block}}nav .tds-header__item:nth-child(3),nav .tds-header__dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}';export{o as tds_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as o,g as i}from"./p-2049fab2.js";import{g as s}from"./p-b33f8162.js";import{f as r}from"./p-875e2e9c.js";const l={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},a=class{constructor(e){t(this,e),this.index=void 0,this.state="upcoming",this.hideLabels=void 0,this.size=void 0,this.orientation=void 0,this.labelPosition=void 0}componentWillLoad(){this.stepperEl=r(this.host,"tdsStepper"),this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Stepper prop is not supported: ${e}`);e in l&&(this[l[e]]=t.detail[e])}))}render(){const t=s(this.host);return e(o,{key:"29992ccdc6089419be59ca3004a260d001ce09bc"},e("div",{key:"8b357d9c3e503d706b8417afa3cf98bf0afaa2db",role:"listitem",class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},e("span",{key:"a75819750c696683abb1c4ed88256ee65ea2ee4e",class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e(t.tdsIcon,{class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):e("span",{class:"index-container"},this.index)),!this.hideLabels&&e("div",{key:"ae0b4e9fb600402086c0c3840b14cad4743c10c5",class:`label ${this.size} ${this.state}`},e("slot",{key:"529bba8ee45dd888f31550d95bbf1a836d0fab43",name:"label"}))))}get host(){return i(this)}};a.style=':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container .tds-icon__icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 24px);right:0;top:18px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;right:calc(50% + 24px);left:0;top:18px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:auto;right:-10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:-10px;right:auto}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 16px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:0;right:calc(50% + 24px);top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:auto;right:-10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:-10px;right:auto}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-negative);color:var(--tds-negative)}:host [role=listitem] .content-container.success{background-color:var(--tds-positive);border-color:var(--tds-positive);color:var(--tds-white)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal{padding-right:0}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].horizontal{padding-left:0}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}';export{a as tds_step}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,H as s,g as a}from"./p-2049fab2.js";import{g as d,i as t}from"./p-859e3ebf.js";import"./p-52bf0fdf.js";const i=class{constructor(r){e(this,r),this.headingElement=void 0}componentWillLoad(){const e=d(this.host,(e=>t(e)));e?this.headingElement=e:console.warn("Heading element for list not found")}render(){var e;const a={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(e=this.headingElement)||void 0===e?void 0:e.id};return r(s,{key:"3ca92ef28fe905f448679807bba463d8427d2ba1"},r("div",Object.assign({key:"896b03c9f0fdb7cf318600cefe6e0f5aae5007ab"},a),r("slot",{key:"0e6ec5b644c19a1173cc5dcda96dbcac7debfcef"})))}get host(){return a(this)}};i.style=".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";export{i as tds_header_launcher_grid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as r}from"./p-52bf0fdf.js";const n=r=>{const n=r.tagName.toLowerCase(),t=r.getAttribute("role");return["h1","h2","h3","h4","h5","h6"].includes(n)||"heading"===t},t=r=>r.previousElementSibling,o=(n,o)=>function(n,t,o){let e=o(n);for(;e;){const n=r(e,t);if(n)return n;e=o(e)}return null}(n,o,t);export{o as g,n as i}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as o}from"./p-b33f8162.js";const s=(s,f)=>s.closest(o(s)[f]);export{s as f}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as o,H as t,g as e}from"./p-2049fab2.js";import{i as d}from"./p-3fe9cbbf.js";import{g as i}from"./p-b33f8162.js";const r=class{constructor(o){s(this,o),this.inheritedAttributes=[],this.selector="",this.referenceEl=void 0,this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.childRef=void 0}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=d(this.host,["style","class"])}render(){var s;const e=i(this.host);return o(t,{key:"e5f323655f7cbd3a11dd14d9f078d419ff97d3e1"},o(e.tdsPopoverCore,{key:"aa67f812691dcc09f2da0a78a4e6d4b01310f19d",class:{"tds-popover-menu":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:s=>{this.childRef=s}},o("div",{key:"d6e85e1d7c17afc4688cd78b6847dcebc72e7241",role:"list"},o("slot",{key:"34d0991b86c98ea2b33da2f3f5883933aef4921c"}))))}get host(){return e(this)}};r.style=".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:6px 0 !important;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";export{r as tds_popover_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as e,H as t}from"./p-2049fab2.js";const a=class{constructor(e){s(this,e),this.heading=void 0,this.subheading=void 0}render(){return e(t,{key:"8dc22599239ca34fc6d1b63d1409aaf7921c0056"},this.heading,this.subheading&&e("div",{key:"0f408be52713a85c63f9d527cbcc8d6c6c15077f",class:"subheading"},this.subheading))}};a.style=":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}";export{a as tds_side_menu_user_label}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as r,g as a}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";const d=class{constructor(t){e(this,t),this.uuid=s()}render(){return t(r,{key:"
|
|
1
|
+
import{r as e,h as t,H as r,g as a}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";const d=class{constructor(t){e(this,t),this.uuid=s()}render(){return t(r,{key:"cbb9bf06629c54432a690fdd3eeb4031f10504fc"},t("h3",{key:"5dcd1844afce1919882ee63fb27adfd499b844fa",class:"tds-header-launcher-list-title",id:`tds-header-launcher-${this.uuid}`},t("slot",{key:"7f89b60a74c14336cc9ceb1f83199920c78dc87b"})))}get host(){return a(this)}};d.style=".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";export{d as tds_header_launcher_list_title}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,H as o,g as e}from"./p-2049fab2.js";import{g as h}from"./p-b33f8162.js";const l=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.updateScrollButtons()}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant=null,this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.children[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){const t=h(this.host);return i(o,{key:"c7822f3f9e24ee66c3782ed7ea054bf4a8819099",role:"list",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"bbfa39dbe601afde0fdb21f8af42ad2ad7dbae59",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"48308ab796caa64d4c4190fb89d75adb1fbb5a50",class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i(t.tdsIcon,{key:"14d8d684712438a6306535e3cf489ca707d9217a",name:"chevron_left",size:"20px"})),i("slot",{key:"0bc3aa19870d8fb12859256804fcb614b01f32bc",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"25a41c57abd7fb999b1f5983a212c3cec0fb4e0e",class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i(t.tdsIcon,{key:"4eb9c940876ae98ff15db4790e1e1274a96210df",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};l.style=":host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";export{l as tds_folder_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as a,g as e}from"./p-2049fab2.js";import{h as
|
|
1
|
+
import{r as t,h as o,H as a,g as e}from"./p-2049fab2.js";import{h as d}from"./p-ae110fc2.js";const s=class{constructor(o){t(this,o),this.copyrightText=`Copyright © ${(new Date).getFullYear()} Scania`,this.modeVariant=null}render(){const t=d("top",this.host),e=d("start",this.host),s=d("end",this.host),i=d("copyright",this.host);return o(a,{key:"dd3e396bfb048b9226dc787ecfd443e49f60453e",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},o("footer",{key:"37ab67f6b6326f5073d0cfa1b1635eab9e208e34"},t&&o("slot",{key:"bf606048f715e5ee658df47ea0adb4ea6c47fb95",name:"top"}),o("div",{key:"fbec5db90ab083b4b5f0b517dae9f1205746e576",class:"footer-main"},(e||s)&&o("div",{key:"5c14276b2ade3f8a9a9c94869042050162a3feaf",class:"footer-main-top"},e&&o("slot",{key:"bcad4d2ac3984932c8caeb1b34f11167de328412",name:"start"}),s&&o("slot",{key:"abd9f059bbbde2d7cba5a06f9aa9598ab2abcaad",name:"end"})),o("div",{key:"0e6a7ac7766ee8c93a2cd87ab4592558b5b1313d",class:"footer-main-bottom"},o("small",{key:"ef951bdd9587dc914fb26bd550d77c1a932b4c6b",class:"copyright"},i?o("slot",{name:"copyright"}):this.copyrightText),o("div",{key:"b1112dcba36b7c6b8025d07f7af8b89b7344a717",class:"brand"},o("p",{key:"d1673683ee0823962036b9999d7e6ed8f4f554c5"},"Scania"))))))}get host(){return e(this)}};s.style=":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}";export{s as tds_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as s,H as e,g as i}from"./p-2049fab2.js";import{g as r}from"./p-b33f8162.js";import{g as d}from"./p-d18575db.js";const l=class{constructor(s){t(this,s),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.defaultValue){const t=d(this.host,"tds-dropdown-option");if(0===t.length)return void console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously.");const o=this.multiselect?new Set(this.defaultValue.split(",")):[this.defaultValue],s=new Map(t.map((t=>[t.value,t]))),e=Array.from(o).filter((t=>{const o=s.get(t);return!!o&&(o.setSelected(!0),!0)}));e.length>0?(this.value=[...new Set(this.value?[...this.value,...e]:e)],this.setValueAttribute()):console.warn(`TDS DROPDOWN: No matching option found for defaultValue "${this.defaultValue}"`)}},this.getChildren=()=>{const t=d(this.host,"tds-dropdown-option");if(0!==t.length)return t;console.warn("TDS DROPDOWN: Data missing. Disregard if loading data asynchronously.")},this.getOpenDirection=()=>{var t,o,s,e,i;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!==(i=null===(e=(s=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(s).top)&&void 0!==i?i:0)+r+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{this.disabled||(this.open=!this.open,this.open&&this.focusInputElement())},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.getSelectedChildren=()=>{var t;return null===(t=this.value)||void 0===t?void 0:t.map((t=>this.getChildren().find((o=>o.value===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?this.filter?null==t?void 0:t.join(", "):null==t?void 0:t.toString():""},this.setValueAttribute=()=>{var t;this.value&&""!==(null===(t=this.value)||void 0===t?void 0:t.toString())?this.host.setAttribute("value",this.value.map((t=>t)).toString()):this.host.removeAttribute("value")},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase(),s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.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.value}}),this.inputElement.focus()},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.handleChange=()=>{var t,o;this.tdsChange.emit({name:this.name,value:null!==(o=null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString())&&void 0!==o?o:null})},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.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.open=!1,this.value=void 0,this.filterResult=void 0,this.filterFocus=void 0}async reset(){this.dropdownList.scrollTop=0,this.internalReset(),this.handleChange()}async setValue(t,o){let s;s="string"==typeof t?[t]:t,!this.multiselect&&s.length>1&&(console.warn("Tried to select multiple items, but multiselect is not enabled."),s=[s[0]]),s=[...new Set(s)],this.internalReset();for(let t=0;t<s.length;t++)this.getChildren().some((o=>o.value===s[t]))||s.splice(t,1);this.value=s,this.setValueAttribute(),this.selectChildrenAsSelectedBasedOnSelectionProp(),this.handleChange();const e=this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})));return this.filter&&(this.inputElement.value=this.getValue()),e}async appendValue(t){this.setValue(this.multiselect&&this.value?[...this.value,t]:t)}async removeValue(t){var o,s;let e;return this.multiselect?null===(o=this.getChildren())||void 0===o||o.forEach((o=>{var s;return o.value===t&&(this.value=null===(s=this.value)||void 0===s?void 0:s.filter((t=>t!==o.value)),e=o.textContent.trim(),o.setSelected(!1)),o})):this.reset(),this.handleChange(),this.setValueAttribute(),null===(s=this.value)||void 0===s?void 0:s.map((t=>({value:t,label:e})))}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){const{activeElement:o}=document;if(!o)return;const s=this.getChildren();if("ArrowDown"===t.key){const t=o.nextElementSibling?s.findIndex((t=>t===o.nextElementSibling)):0;s[((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(s,t)].focus()}else"ArrowUp"===t.key?s[((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(s,o.nextElementSibling?this.getChildren().findIndex((t=>t===o.previousElementSibling)):0)].focus():"Escape"===t.key&&(this.open=!1)}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.getValue()))}componentWillLoad(){this.setDefaultOption()}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}internalReset(){this.getChildren().forEach((t=>(t.setSelected(!1),t))),this.value=null,this.setValueAttribute()}selectChildrenAsSelectedBasedOnSelectionProp(){this.getChildren().forEach((t=>{this.value.forEach((o=>{t.value!==o?this.multiselect||t.setSelected(!1):t.setSelected(!0)}))}))}render(){var t,o,i,d;((t,o,s,e)=>{let i=t.querySelector("input");t.querySelector("input")||(i=t.ownerDocument.createElement("input"),i.type="hidden",t.appendChild(i)),i.disabled=e,i.name=o,i.value=s||""})(this.host,this.name,null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString(),this.disabled);const l=r(this.host);return s(e,{key:"88d3152b3fe61e1925de953b5dc9213ccd256da3",role:"select",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},this.label&&"outside"===this.labelPosition&&s("div",{key:"9c2168cff564dac81acf4b2920e58fd5a4b0dd5e",class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"5a95664b168f7525354ec6189883ccc26b17108f",class:`dropdown-select ${this.size} ${this.disabled?"disabled":""}`},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${(null===(o=this.value)||void 0===o?void 0:o.length)?"selected":""}\n `},this.label),s("input",{ref:t=>this.inputElement=t,class:"inside"===this.labelPosition?"placeholder":"",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.open=!0,this.filterFocus=!0,this.multiselect&&(this.inputElement.value=""),this.handleFocus(t),this.handleFilter({target:{value:""}})},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s(l.tdsIcon,{tabIndex:0,role:"button","aria-label":"Clear filter",svgTitle:"Clear filter",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:"icon clear-icon "+(this.open&&""!==this.inputElement.value?"":"hide"),name:"cross",size:"16px"}),s(l.tdsIcon,{tabIndex:0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"icon menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.value?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${(null===(i=this.value)||void 0===i?void 0:i.length)?"selected":""}\n `},this.label),s("div",{class:`placeholder ${this.size}`},(null===(d=this.value)||void 0===d?void 0:d.length)?this.getValue():this.placeholder),s(l.tdsIcon,{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"icon menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),s("div",{key:"aa14b7639e4024f42de1d289103bd62a928e30c2",ref:t=>this.dropdownList=t,class:`dropdown-list\n ${this.size}\n ${this.open?"open":"closed"}\n ${this.getOpenDirection()}\n ${this.label&&"outside"===this.labelPosition?"label-outside":""}`},s("slot",{key:"4c9c5de6cd7ea30f3219dd223b05fd7db050b552",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"a97144f77f789287770552a79dbd65f4493eebb3",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"0375133d3dcdc1d38ae01b201f0da965502312a6",class:`helper ${this.error?"error":""} ${this.disabled?"disabled":""}`},this.error&&s(l.tdsIcon,{key:"783196d0c418c8d80a199c3c1ac979c93c63ba32",name:"error",size:"16px"}),this.helper))}get host(){return i(this)}static get watchers(){return{open:["handleOpenState"]}}};l.style='@charset "UTF-8";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom-color:var(--tds-dropdown-border-bottom-open)}:host button:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}: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:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);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{border-bottom-color:transparent}:host .filter.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter.error{border-bottom:1px solid var(--tds-negative)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter .icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}: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{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-negative)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}: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(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}: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{display:none}: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(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);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{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;margin-top:1px;width:100%;transform-origin:top;transition:transform 0.2s ease-in-out;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:0 0 4px 4px;overflow-y:auto}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .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{max-height:260px}: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:4px 4px 0 0}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);visibility:hidden}:host .dropdown-list.open{transform:scaleY(1)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host .icon{transition:transform 0.2s ease-in-out}:host .icon.open{transform:rotateZ(180deg)}';export{l as tds_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as i,H as d}from"./p-2049fab2.js";const o=class{constructor(i){r(this,i),this.orientation="horizontal"}render(){return i(d,{key:"
|
|
1
|
+
import{r,h as i,H as d}from"./p-2049fab2.js";const o=class{constructor(i){r(this,i),this.orientation="horizontal"}render(){return i(d,{key:"5954ae4e797bd954c8f63c185591525783bdd727",role:"separator","aria-orientation":"vertical"===this.orientation?"vertical":void 0},i("div",{key:"9729c0940d33b4ccf5b1c4cb6bc04f6a2804b30d",class:`divider ${this.orientation}`}))}};o.style=".divider{box-sizing:border-box}.divider *{box-sizing:border-box}.divider.horizontal{background-color:var(--tds-divider-background);width:100%;height:1px}.divider.vertical{background-color:var(--tds-divider-background);height:100%;width:1px}";export{o as tds_divider}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as d,g as o}from"./p-2049fab2.js";import{f as s}from"./p-875e2e9c.js";import{g as a}from"./p-d18575db.js";import"./p-b33f8162.js";const b=["multiselect","expandableRows","zebraMode"],l=class{constructor(t){e(this,t),this.bodyCheckBoxClicked=()=>{const e=this.host.getElementsByClassName("tds-table__row").length,t=this.host.getElementsByClassName("tds-table__row--selected").length;this.mainCheckboxStatus=e===t},this.multiselect=!1,this.enablePaginationTableBody=!1,this.expandableRows=!1,this.multiselectArray=[],this.multiselectArrayJSON=void 0,this.mainCheckboxStatus=!1,this.columnsNumber=0,this.zebraMode="none",this.tableId=""}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>b.includes(e))).forEach((t=>{if(void 0===this[t])throw new Error(`Table prop is not supported: ${t}`);this[t]=e.detail[t]}))}bodyCheckboxListener(){this.bodyCheckBoxClicked()}connectedCallback(){this.tableEl=s(this.host,"tdsTable"),this.tableId=this.tableEl.tableId}componentWillLoad(){b.forEach((e=>{this[e]=this.tableEl[e]}))}componentWillRender(){const e=s(this.host,"tdsTable"),t=a(e,"tds-table-header")[0].children.length;this.columnsNumber=this.multiselect||this.expandableRows?t+1:t}render(){return t(d,{key:"d449c07d33d9bee1367b30575ac0235ca4c23c48","data-selected-rows":this.multiselectArrayJSON,class:{"tds-table__body":!0,"tds-table--zebra-mode-rows-odd":"rows-odd"===this.zebraMode,"tds-table--zebra-mode-rows-even":"rows-even"===this.zebraMode,"tds-table--zebra-mode-columns-odd":"columns-odd"===this.zebraMode,"tds-table--zebra-mode-columns-even":"columns-even"===this.zebraMode}},t("slot",{key:"8eb5de644e4aa6d05fdaad9c0cab9baa7c0ad3e0"}))}get host(){return o(this)}};l.style=":host,.tds-table__body{box-sizing:border-box;display:table-row-group}:host *,.tds-table__body *{box-sizing:border-box}:host .tds-table__info-message,.tds-table__body .tds-table__info-message{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}.tds-table__body.tds-table--zebra-mode-rows-odd .tds-table__row:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}.tds-table__body.tds-table--zebra-mode-rows-odd .tds-table__row:nth-child(odd):hover{background-color:var(--tds-table-body-row-background-hover)}.tds-table__body.tds-table--zebra-mode-rows-even .tds-table__row:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}.tds-table__body.tds-table--zebra-mode-rows-even .tds-table__row:nth-child(even):hover{background-color:var(--tds-table-body-row-background-hover)}.tds-table__body.tds-table--zebra-mode-columns-odd .tds-table__body-cell:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}.tds-table__body.tds-table--zebra-mode-columns-odd .tds-table__body-cell.tds-table__body-cell--hover:nth-child(odd){background-color:var(--tds-table-body-cell-background-hover)}.tds-table__body.tds-table--zebra-mode-columns-even .tds-table__body-cell:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}.tds-table__body.tds-table--zebra-mode-columns-even .tds-table__body-cell.tds-table__body-cell--hover:nth-child(even){background-color:var(--tds-table-body-cell-background-hover)}.tds-table__body.tds-table--zebra-mode-columns-even .tds-table__row:hover .tds-table__body-cell,.tds-table__body.tds-table--zebra-mode-columns-odd .tds-table__row:hover .tds-table__body-cell{background-color:transparent}";export{l as tds_table_body}
|