@scania/tegel 1.40.0 → 1.41.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-CxAGLnpY.js +2414 -0
- package/dist/cjs/{inheritAriaAttributes-dedbbc57.js → inheritAriaAttributes-D_xFGssc.js} +1 -1
- package/dist/cjs/{isHeadingElement-4f06b688.js → isHeadingElement-DihKNeqS.js} +1 -1
- package/dist/cjs/loader.cjs.js +3 -6
- package/dist/cjs/tds-accordion-item.cjs.entry.js +9 -6
- package/dist/cjs/tds-accordion.cjs.entry.js +4 -5
- package/dist/cjs/tds-badge.cjs.entry.js +6 -5
- package/dist/cjs/tds-banner.cjs.entry.js +18 -14
- package/dist/cjs/tds-block.cjs.entry.js +4 -5
- package/dist/cjs/tds-body-cell.cjs.entry.js +3 -9
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +3 -5
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +2 -6
- package/dist/cjs/tds-button_2.cjs.entry.js +13 -12
- package/dist/cjs/tds-card.cjs.entry.js +28 -19
- package/dist/cjs/tds-checkbox.cjs.entry.js +13 -15
- package/dist/cjs/tds-chip.cjs.entry.js +18 -15
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +7 -8
- package/dist/cjs/tds-datetime.cjs.entry.js +27 -23
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +73 -58
- package/dist/cjs/tds-folder-tab.cjs.entry.js +3 -6
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +15 -15
- package/dist/cjs/tds-footer-group.cjs.entry.js +6 -11
- package/dist/cjs/tds-footer-item.cjs.entry.js +3 -6
- package/dist/cjs/tds-footer.cjs.entry.js +5 -7
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +2 -5
- package/dist/cjs/tds-header-cell.cjs.entry.js +18 -22
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +4 -5
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +2 -9
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +5 -8
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +8 -12
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +4 -8
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +6 -8
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +2 -5
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +3 -6
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +4 -8
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +2 -5
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +3 -6
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +2 -4
- package/dist/cjs/tds-header-launcher.cjs.entry.js +8 -13
- package/dist/cjs/tds-header-title.cjs.entry.js +3 -6
- package/dist/cjs/tds-header.cjs.entry.js +4 -7
- package/dist/cjs/tds-icon.cjs.entry.js +10 -12
- package/dist/cjs/tds-inline-tab.cjs.entry.js +3 -5
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +16 -15
- package/dist/cjs/tds-link.cjs.entry.js +5 -5
- package/dist/cjs/tds-message.cjs.entry.js +14 -14
- package/dist/cjs/tds-modal.cjs.entry.js +19 -19
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +3 -5
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +18 -17
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +19 -13
- package/dist/cjs/tds-popover-core.cjs.entry.js +40 -36
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +3 -5
- package/dist/cjs/tds-popover-menu.cjs.entry.js +18 -13
- package/dist/cjs/tds-radio-button.cjs.entry.js +11 -14
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +4 -7
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +3 -6
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +3 -5
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +2 -5
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +5 -7
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +6 -6
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +2 -5
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +3 -11
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +2 -9
- package/dist/cjs/tds-side-menu.cjs.entry.js +15 -12
- package/dist/cjs/tds-slider.cjs.entry.js +39 -24
- package/dist/cjs/tds-spinner.cjs.entry.js +4 -5
- package/dist/cjs/tds-step.cjs.entry.js +3 -11
- package/dist/cjs/tds-stepper.cjs.entry.js +13 -6
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +4 -6
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +11 -7
- package/dist/cjs/tds-table-body-row.cjs.entry.js +5 -5
- package/dist/cjs/tds-table-body.cjs.entry.js +7 -11
- package/dist/cjs/tds-table-footer.cjs.entry.js +21 -17
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +3 -5
- package/dist/cjs/tds-table-header.cjs.entry.js +5 -6
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +5 -5
- package/dist/cjs/tds-table.cjs.entry.js +21 -7
- package/dist/cjs/tds-tag.cjs.entry.js +5 -7
- package/dist/cjs/tds-text-field.cjs.entry.js +22 -13
- package/dist/cjs/tds-textarea.cjs.entry.js +16 -13
- package/dist/cjs/tds-toast.cjs.entry.js +16 -16
- package/dist/cjs/tds-toggle.cjs.entry.js +13 -14
- package/dist/cjs/tds-tooltip.cjs.entry.js +23 -25
- package/dist/cjs/tegel.cjs.js +7 -8
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +24 -6
- package/dist/collection/components/accordion/accordion.js +8 -2
- package/dist/collection/components/badge/badge.js +16 -4
- package/dist/collection/components/banner/banner.js +39 -18
- package/dist/collection/components/block/block.js +8 -2
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +4 -1
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +4 -5
- package/dist/collection/components/button/button.js +44 -19
- package/dist/collection/components/card/card.js +64 -28
- package/dist/collection/components/checkbox/checkbox.js +41 -22
- package/dist/collection/components/chip/chip.js +41 -19
- package/dist/collection/components/datetime/datetime.js +76 -37
- package/dist/collection/components/divider/divider.js +8 -2
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +34 -21
- package/dist/collection/components/dropdown/dropdown.css +3 -1
- package/dist/collection/components/dropdown/dropdown.js +113 -55
- package/dist/collection/components/footer/footer-group/footer-group.css +1 -4
- package/dist/collection/components/footer/footer-group/footer-group.js +10 -8
- package/dist/collection/components/footer/footer-item/footer-item.css +3 -3
- package/dist/collection/components/footer/footer.js +5 -2
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +19 -12
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +4 -2
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +8 -2
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +16 -14
- package/dist/collection/components/header/header-hamburger/header-hamburger.js +4 -5
- package/dist/collection/components/header/header-item/header-item.js +9 -2
- package/dist/collection/components/header/header-launcher/header-launcher.js +7 -7
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +9 -4
- package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +0 -3
- package/dist/collection/components/header/header-title/header-title.css +2 -0
- package/dist/collection/components/icon/icon.js +26 -15
- package/dist/collection/components/link/link.js +12 -3
- package/dist/collection/components/message/message.css +2 -1
- package/dist/collection/components/message/message.js +33 -16
- package/dist/collection/components/modal/modal.css +54 -10
- package/dist/collection/components/modal/modal.js +44 -23
- package/dist/collection/components/popover-canvas/popover-canvas.js +49 -18
- package/dist/collection/components/popover-core/popover-core.js +68 -42
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +4 -1
- package/dist/collection/components/popover-menu/popover-menu.js +46 -18
- package/dist/collection/components/radio-button/radio-button.js +36 -20
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +16 -7
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +4 -1
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +9 -2
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +16 -14
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +8 -8
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +8 -8
- package/dist/collection/components/side-menu/side-menu.js +22 -10
- package/dist/collection/components/slider/slider.js +90 -36
- package/dist/collection/components/spinner/spinner.js +8 -2
- package/dist/collection/components/stepper/step/step.js +12 -11
- package/dist/collection/components/stepper/stepper.js +28 -6
- package/dist/collection/components/table/table/table.js +49 -12
- package/dist/collection/components/table/table-body/table-body.js +5 -6
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +16 -11
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +5 -2
- package/dist/collection/components/table/table-body-row/table-body-row.js +12 -3
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +27 -8
- package/dist/collection/components/table/table-footer/table-footer.js +36 -17
- package/dist/collection/components/table/table-header/table-header.js +16 -6
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +40 -27
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +7 -2
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +12 -3
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +4 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +29 -16
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +4 -1
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +33 -17
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +4 -1
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +35 -19
- package/dist/collection/components/tag/tag.js +12 -5
- package/dist/collection/components/text-field/text-field.js +85 -31
- package/dist/collection/components/textarea/textarea.js +68 -28
- package/dist/collection/components/toast/toast.js +42 -21
- package/dist/collection/components/toggle/toggle.js +37 -19
- package/dist/collection/components/tooltip/tooltip.js +55 -32
- package/dist/collection/utils/dom.js +7 -0
- package/dist/components/index.js +1825 -1
- package/dist/components/{p-63552d0e.js → p-1YnjaUCy.js} +25 -15
- package/dist/components/{p-3308d5fa.js → p-8koCGAVT.js} +45 -37
- package/dist/components/{p-7c3348eb.js → p-BHBgkUfr.js} +12 -8
- package/dist/components/{p-e1622f4a.js → p-BhLq7lgx.js} +7 -6
- package/dist/components/{p-2a2d66fe.js → p-BhQM9_yR.js} +49 -43
- package/dist/components/{p-1dafdc8c.js → p-BxmFjTxG.js} +11 -7
- package/dist/components/{p-3f2187a4.js → p-CMsPXG7a.js} +7 -8
- package/dist/components/{p-f7d94947.js → p-CPDv0bBc.js} +15 -13
- package/dist/components/{p-44f5b5e1.js → p-Ca3wGDna.js} +18 -16
- package/dist/components/{p-c62b61fe.js → p-ChCWm6If.js} +15 -11
- package/dist/components/{p-3a7e4d0d.js → p-ChGLhiqn.js} +30 -17
- package/dist/components/{p-859e3ebf.js → p-CuIyaNyT.js} +1 -1
- package/dist/components/{p-d10d21bd.js → p-D1ati-pM.js} +13 -11
- package/dist/components/{p-04a014cf.js → p-DZDx1Si2.js} +29 -27
- package/dist/components/{p-bff614d5.js → p-DuxH3vDC.js} +7 -8
- package/dist/components/{p-6ef207b2.js → p-Ee9QeMgy.js} +40 -25
- package/dist/components/{p-381677ec.js → p-FqP1yGh_.js} +9 -6
- package/dist/components/{p-de86852a.js → p-HRj1DOvh.js} +9 -6
- package/dist/components/{p-0bd4c19c.js → p-Q3W78DlP.js} +1 -1
- package/dist/components/{p-9336db16.js → p-QnvG_QPu.js} +9 -8
- package/dist/components/tds-accordion-item.js +15 -8
- package/dist/components/tds-accordion.js +9 -6
- package/dist/components/tds-badge.js +11 -6
- package/dist/components/tds-banner.js +24 -16
- package/dist/components/tds-block.js +9 -6
- package/dist/components/tds-body-cell.js +8 -10
- package/dist/components/tds-breadcrumb.js +8 -6
- package/dist/components/tds-breadcrumbs.js +7 -7
- package/dist/components/tds-button.js +1 -1
- package/dist/components/tds-card.js +36 -23
- package/dist/components/tds-checkbox.js +1 -1
- package/dist/components/tds-chip.js +23 -16
- package/dist/components/tds-core-header-item.js +1 -1
- package/dist/components/tds-datetime.js +33 -25
- package/dist/components/tds-divider.js +1 -1
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +1 -1
- package/dist/components/tds-folder-tab.js +8 -7
- package/dist/components/tds-folder-tabs.js +21 -17
- package/dist/components/tds-footer-group.js +12 -13
- package/dist/components/tds-footer-item.js +8 -7
- package/dist/components/tds-footer.js +10 -8
- package/dist/components/tds-header-brand-symbol.js +9 -8
- package/dist/components/tds-header-cell.js +24 -24
- package/dist/components/tds-header-dropdown-list-item.js +1 -1
- package/dist/components/tds-header-dropdown-list-user.js +7 -10
- package/dist/components/tds-header-dropdown-list.js +1 -1
- package/dist/components/tds-header-dropdown.js +18 -18
- package/dist/components/tds-header-hamburger.js +11 -11
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +1 -1
- package/dist/components/tds-header-launcher-grid-item.js +7 -6
- package/dist/components/tds-header-launcher-grid-title.js +8 -7
- package/dist/components/tds-header-launcher-grid.js +8 -8
- package/dist/components/tds-header-launcher-list-item.js +8 -7
- package/dist/components/tds-header-launcher-list-title.js +8 -7
- package/dist/components/tds-header-launcher-list.js +8 -6
- package/dist/components/tds-header-launcher.js +18 -19
- package/dist/components/tds-header-title.js +8 -7
- package/dist/components/tds-header.js +8 -7
- package/dist/components/tds-icon.js +1 -1
- package/dist/components/tds-inline-tab.js +8 -6
- package/dist/components/tds-inline-tabs.js +22 -17
- package/dist/components/tds-link.js +10 -6
- package/dist/components/tds-message.js +20 -16
- package/dist/components/tds-modal.js +25 -21
- package/dist/components/tds-navigation-tab.js +8 -6
- package/dist/components/tds-navigation-tabs.js +24 -19
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-core.js +1 -1
- package/dist/components/tds-popover-menu-item.js +8 -6
- package/dist/components/tds-popover-menu.js +24 -15
- package/dist/components/tds-radio-button.js +16 -15
- package/dist/components/tds-side-menu-close-button.js +9 -8
- package/dist/components/tds-side-menu-collapse-button.js +9 -8
- package/dist/components/tds-side-menu-dropdown-list-item.js +8 -6
- package/dist/components/tds-side-menu-dropdown-list.js +7 -6
- package/dist/components/tds-side-menu-dropdown.js +12 -10
- package/dist/components/tds-side-menu-item.js +1 -1
- package/dist/components/tds-side-menu-overlay.js +7 -6
- package/dist/components/tds-side-menu-user-image.js +1 -1
- package/dist/components/tds-side-menu-user-label.js +1 -1
- package/dist/components/tds-side-menu-user.js +9 -12
- package/dist/components/tds-side-menu.js +20 -13
- package/dist/components/tds-slider.js +48 -29
- package/dist/components/tds-spinner.js +9 -6
- package/dist/components/tds-step.js +9 -13
- package/dist/components/tds-stepper.js +18 -7
- package/dist/components/tds-table-body-input-wrapper.js +10 -8
- package/dist/components/tds-table-body-row-expandable.js +16 -8
- package/dist/components/tds-table-body-row.js +11 -7
- package/dist/components/tds-table-body.js +12 -12
- package/dist/components/tds-table-footer.js +30 -22
- package/dist/components/tds-table-header-input-wrapper.js +9 -7
- package/dist/components/tds-table-header.js +11 -8
- package/dist/components/tds-table-toolbar.js +11 -7
- package/dist/components/tds-table.js +26 -8
- package/dist/components/tds-tag.js +10 -8
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-textarea.js +24 -17
- package/dist/components/tds-toast.js +22 -18
- package/dist/components/tds-toggle.js +18 -15
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/index-BqRtRha-.js +2385 -0
- package/dist/esm/{inheritAriaAttributes-04f2f252.js → inheritAriaAttributes-DyLhgCIg.js} +1 -1
- package/dist/esm/{isHeadingElement-8efea284.js → isHeadingElement-BQco7VNg.js} +1 -1
- package/dist/esm/loader.js +3 -4
- package/dist/esm/tds-accordion-item.entry.js +9 -4
- package/dist/esm/tds-accordion.entry.js +4 -3
- package/dist/esm/tds-badge.entry.js +6 -3
- package/dist/esm/tds-banner.entry.js +18 -12
- package/dist/esm/tds-block.entry.js +4 -3
- package/dist/esm/tds-body-cell.entry.js +3 -7
- package/dist/esm/tds-breadcrumb.entry.js +3 -3
- package/dist/esm/tds-breadcrumbs.entry.js +2 -4
- package/dist/esm/tds-button_2.entry.js +13 -10
- package/dist/esm/tds-card.entry.js +28 -17
- package/dist/esm/tds-checkbox.entry.js +13 -13
- package/dist/esm/tds-chip.entry.js +18 -13
- package/dist/esm/tds-core-header-item_2.entry.js +7 -6
- package/dist/esm/tds-datetime.entry.js +27 -21
- package/dist/esm/tds-dropdown_2.entry.js +73 -56
- package/dist/esm/tds-folder-tab.entry.js +3 -4
- package/dist/esm/tds-folder-tabs.entry.js +15 -13
- package/dist/esm/tds-footer-group.entry.js +6 -9
- package/dist/esm/tds-footer-item.entry.js +3 -4
- package/dist/esm/tds-footer.entry.js +5 -5
- package/dist/esm/tds-header-brand-symbol.entry.js +2 -3
- package/dist/esm/tds-header-cell.entry.js +18 -20
- package/dist/esm/tds-header-dropdown-list-item.entry.js +4 -3
- package/dist/esm/tds-header-dropdown-list-user.entry.js +2 -7
- package/dist/esm/tds-header-dropdown-list.entry.js +5 -6
- package/dist/esm/tds-header-dropdown.entry.js +8 -10
- package/dist/esm/tds-header-hamburger.entry.js +4 -6
- package/dist/esm/tds-header-launcher-button.entry.js +6 -6
- package/dist/esm/tds-header-launcher-grid-item.entry.js +2 -3
- package/dist/esm/tds-header-launcher-grid-title.entry.js +3 -4
- package/dist/esm/tds-header-launcher-grid.entry.js +4 -6
- package/dist/esm/tds-header-launcher-list-item.entry.js +2 -3
- package/dist/esm/tds-header-launcher-list-title.entry.js +3 -4
- package/dist/esm/tds-header-launcher-list.entry.js +2 -2
- package/dist/esm/tds-header-launcher.entry.js +8 -11
- package/dist/esm/tds-header-title.entry.js +3 -4
- package/dist/esm/tds-header.entry.js +4 -5
- package/dist/esm/tds-icon.entry.js +10 -10
- package/dist/esm/tds-inline-tab.entry.js +3 -3
- package/dist/esm/tds-inline-tabs.entry.js +16 -13
- package/dist/esm/tds-link.entry.js +5 -3
- package/dist/esm/tds-message.entry.js +14 -12
- package/dist/esm/tds-modal.entry.js +19 -17
- package/dist/esm/tds-navigation-tab.entry.js +3 -3
- package/dist/esm/tds-navigation-tabs.entry.js +18 -15
- package/dist/esm/tds-popover-canvas.entry.js +19 -11
- package/dist/esm/tds-popover-core.entry.js +40 -34
- package/dist/esm/tds-popover-menu-item.entry.js +3 -3
- package/dist/esm/tds-popover-menu.entry.js +18 -11
- package/dist/esm/tds-radio-button.entry.js +11 -12
- package/dist/esm/tds-side-menu-close-button.entry.js +4 -5
- package/dist/esm/tds-side-menu-collapse-button.entry.js +3 -4
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +2 -3
- package/dist/esm/tds-side-menu-dropdown.entry.js +5 -5
- package/dist/esm/tds-side-menu-item.entry.js +6 -4
- package/dist/esm/tds-side-menu-overlay.entry.js +2 -3
- package/dist/esm/tds-side-menu-user-image_2.entry.js +3 -9
- package/dist/esm/tds-side-menu-user.entry.js +2 -7
- package/dist/esm/tds-side-menu.entry.js +15 -10
- package/dist/esm/tds-slider.entry.js +39 -22
- package/dist/esm/tds-spinner.entry.js +4 -3
- package/dist/esm/tds-step.entry.js +3 -9
- package/dist/esm/tds-stepper.entry.js +13 -4
- package/dist/esm/tds-table-body-input-wrapper.entry.js +4 -4
- package/dist/esm/tds-table-body-row-expandable.entry.js +11 -5
- package/dist/esm/tds-table-body-row.entry.js +5 -3
- package/dist/esm/tds-table-body.entry.js +7 -9
- package/dist/esm/tds-table-footer.entry.js +21 -15
- package/dist/esm/tds-table-header-input-wrapper.entry.js +3 -3
- package/dist/esm/tds-table-header.entry.js +5 -4
- package/dist/esm/tds-table-toolbar.entry.js +5 -3
- package/dist/esm/tds-table.entry.js +21 -5
- package/dist/esm/tds-tag.entry.js +5 -5
- package/dist/esm/tds-text-field.entry.js +22 -11
- package/dist/esm/tds-textarea.entry.js +16 -11
- package/dist/esm/tds-toast.entry.js +16 -14
- package/dist/esm/tds-toggle.entry.js +13 -12
- package/dist/esm/tds-tooltip.entry.js +23 -23
- package/dist/esm/tegel.js +5 -5
- package/dist/tegel/p-03ff8648.entry.js +1 -0
- package/dist/tegel/{p-743d4f07.entry.js → p-08ef673e.entry.js} +1 -1
- package/dist/tegel/{p-f2318c88.entry.js → p-0cd740b9.entry.js} +1 -1
- package/dist/tegel/{p-87219f00.entry.js → p-15c69748.entry.js} +1 -1
- package/dist/tegel/{p-24a76927.entry.js → p-192332e7.entry.js} +1 -1
- package/dist/tegel/{p-09cd056c.entry.js → p-206d4703.entry.js} +1 -1
- package/dist/tegel/{p-b734b309.entry.js → p-20b5c366.entry.js} +1 -1
- package/dist/tegel/{p-2faeb483.entry.js → p-299e0e56.entry.js} +1 -1
- package/dist/tegel/{p-fd15ced7.entry.js → p-2a1342d8.entry.js} +1 -1
- package/dist/tegel/p-312c49f8.entry.js +1 -0
- package/dist/tegel/p-342052b9.entry.js +1 -0
- package/dist/tegel/p-348f3bad.entry.js +1 -0
- package/dist/tegel/p-3806a0e4.entry.js +1 -0
- package/dist/tegel/{p-771f53c2.entry.js → p-3a5588b2.entry.js} +1 -1
- package/dist/tegel/p-3ba30c59.entry.js +1 -0
- package/dist/tegel/p-3bd99720.entry.js +1 -0
- package/dist/tegel/{p-72006dd7.entry.js → p-3de8e52b.entry.js} +1 -1
- package/dist/tegel/p-41084e54.entry.js +1 -0
- package/dist/tegel/p-41242d2e.entry.js +1 -0
- package/dist/tegel/p-43f6c149.entry.js +1 -0
- package/dist/tegel/{p-a090bd2f.entry.js → p-4489b7d5.entry.js} +1 -1
- package/dist/tegel/p-503abc18.entry.js +1 -0
- package/dist/tegel/{p-4b5e15cc.entry.js → p-5bea354f.entry.js} +1 -1
- package/dist/tegel/{p-646d1df4.entry.js → p-60cbdc0a.entry.js} +1 -1
- package/dist/tegel/p-6253f1d8.entry.js +1 -0
- package/dist/tegel/p-6301a8b5.entry.js +1 -0
- package/dist/tegel/{p-c163d44f.entry.js → p-648df3a1.entry.js} +1 -1
- package/dist/tegel/p-65d43cfd.entry.js +1 -0
- package/dist/tegel/p-6d4e71fd.entry.js +1 -0
- package/dist/tegel/p-73167867.entry.js +1 -0
- package/dist/tegel/{p-51a17707.entry.js → p-73c9a5b3.entry.js} +1 -1
- package/dist/tegel/{p-ceed0476.entry.js → p-7cec9df0.entry.js} +1 -1
- package/dist/tegel/p-7ef6db3c.entry.js +1 -0
- package/dist/tegel/p-83a3ca55.entry.js +1 -0
- package/dist/tegel/p-88d3bbbd.entry.js +1 -0
- package/dist/tegel/p-8a5df42a.entry.js +1 -0
- package/dist/tegel/p-8f1bbe70.entry.js +1 -0
- package/dist/tegel/p-9296f0d1.entry.js +1 -0
- package/dist/tegel/{p-0e772ad7.entry.js → p-954e6cf0.entry.js} +1 -1
- package/dist/tegel/{p-655051b6.entry.js → p-996f0ac5.entry.js} +1 -1
- package/dist/tegel/p-9fed9d16.entry.js +1 -0
- package/dist/tegel/p-BqRtRha-.js +2 -0
- package/dist/tegel/{p-9332c225.js → p-Bx66i7RU.js} +1 -1
- package/dist/tegel/{p-0bd4c19c.js → p-Q3W78DlP.js} +1 -1
- package/dist/tegel/p-a13ecd87.entry.js +1 -0
- package/dist/tegel/p-a53cb562.entry.js +1 -0
- package/dist/tegel/{p-3c348fcb.entry.js → p-a74d375a.entry.js} +1 -1
- package/dist/tegel/p-a8d29ac5.entry.js +1 -0
- package/dist/tegel/p-abe630f5.entry.js +1 -0
- package/dist/tegel/p-b2934101.entry.js +1 -0
- package/dist/tegel/p-b2d9244a.entry.js +1 -0
- package/dist/tegel/{p-2766b46f.entry.js → p-b5deab8e.entry.js} +1 -1
- package/dist/tegel/p-b901a7e3.entry.js +1 -0
- package/dist/tegel/{p-133351b5.entry.js → p-b9cb2eef.entry.js} +1 -1
- package/dist/tegel/{p-c2e514b4.entry.js → p-bc4d68b0.entry.js} +1 -1
- package/dist/tegel/p-bee62505.entry.js +1 -0
- package/dist/tegel/p-c2ae97bb.entry.js +1 -0
- package/dist/tegel/p-c2b3bd3c.entry.js +1 -0
- package/dist/tegel/{p-88bb1059.entry.js → p-c7c4f528.entry.js} +1 -1
- package/dist/tegel/{p-f31f56fe.entry.js → p-d03f33c0.entry.js} +1 -1
- package/dist/tegel/p-d0c0c8f3.entry.js +1 -0
- package/dist/tegel/p-d1f9c4fd.entry.js +1 -0
- package/dist/tegel/p-d28462be.entry.js +1 -0
- package/dist/tegel/{p-3450dd6c.entry.js → p-d2b7c692.entry.js} +1 -1
- package/dist/tegel/p-d4412e32.entry.js +1 -0
- package/dist/tegel/{p-650b98bf.entry.js → p-d659aefa.entry.js} +1 -1
- package/dist/tegel/p-d67ff384.entry.js +1 -0
- package/dist/tegel/{p-0cfe8671.entry.js → p-d8a35537.entry.js} +1 -1
- package/dist/tegel/p-dcd132d5.entry.js +1 -0
- package/dist/tegel/{p-c6968db1.entry.js → p-de9f2a0d.entry.js} +1 -1
- package/dist/tegel/p-dec2ede0.entry.js +1 -0
- package/dist/tegel/{p-d1d45942.entry.js → p-e1daba90.entry.js} +1 -1
- package/dist/tegel/p-e5166678.entry.js +1 -0
- package/dist/tegel/p-e643c9b3.entry.js +1 -0
- package/dist/tegel/{p-8a4837ae.entry.js → p-e777d558.entry.js} +1 -1
- package/dist/tegel/p-f0c912af.entry.js +1 -0
- package/dist/tegel/p-f3da2bf5.entry.js +1 -0
- package/dist/tegel/p-f46be246.entry.js +1 -0
- package/dist/tegel/p-f5a7d350.entry.js +1 -0
- package/dist/tegel/{p-77cfb0ef.entry.js → p-fa8a4f27.entry.js} +1 -1
- package/dist/tegel/{p-987f8f0f.entry.js → p-fb59d675.entry.js} +1 -1
- package/dist/tegel/p-ff6da1f1.entry.js +1 -0
- package/dist/tegel/tegel.css +3 -3
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts +4 -0
- package/dist/types/components/header/header-launcher/header-launcher.d.ts +1 -1
- package/dist/types/components/popover-canvas/popover-canvas.d.ts +1 -1
- package/dist/types/components/popover-core/popover-core.d.ts +4 -4
- package/dist/types/components/popover-menu/popover-menu.d.ts +1 -1
- package/dist/types/components/slider/slider-stories-setup.d.ts +1 -1
- package/dist/types/components/table/table-body-input-wrapper/table-body-input-wrapper.d.ts +1 -1
- package/dist/types/components/tooltip/tooltip.d.ts +1 -1
- package/dist/types/components.d.ts +551 -4
- package/dist/types/stencil-public-runtime.d.ts +86 -4
- package/dist/types/utils/dom.d.ts +2 -0
- package/package.json +2 -2
- package/dist/cjs/app-globals-3a1e7e63.js +0 -5
- package/dist/cjs/index-ca8040ad.js +0 -2039
- package/dist/components/p-28ef5186.js +0 -1507
- package/dist/esm/app-globals-0f993ce5.js +0 -3
- package/dist/esm/index-51d04e39.js +0 -2009
- package/dist/tegel/p-0672ddfc.entry.js +0 -1
- package/dist/tegel/p-08ad6a21.entry.js +0 -1
- package/dist/tegel/p-08f63e5d.entry.js +0 -1
- package/dist/tegel/p-0c9a51d9.entry.js +0 -1
- package/dist/tegel/p-177386d5.entry.js +0 -1
- package/dist/tegel/p-17bc1e49.entry.js +0 -1
- package/dist/tegel/p-1859156f.entry.js +0 -1
- package/dist/tegel/p-1b471db7.entry.js +0 -1
- package/dist/tegel/p-1f4267a8.entry.js +0 -1
- package/dist/tegel/p-2049fab2.js +0 -2
- package/dist/tegel/p-28f85555.entry.js +0 -1
- package/dist/tegel/p-304f5a5c.entry.js +0 -1
- package/dist/tegel/p-3462a7cc.entry.js +0 -1
- package/dist/tegel/p-354d3986.entry.js +0 -1
- package/dist/tegel/p-3c97cb45.entry.js +0 -1
- package/dist/tegel/p-3e6d65ee.entry.js +0 -1
- package/dist/tegel/p-445fa788.entry.js +0 -1
- package/dist/tegel/p-464469fe.entry.js +0 -1
- package/dist/tegel/p-4de2807c.entry.js +0 -1
- package/dist/tegel/p-52689019.entry.js +0 -1
- package/dist/tegel/p-55f9c79a.entry.js +0 -1
- package/dist/tegel/p-57a28f62.entry.js +0 -1
- package/dist/tegel/p-5c8fd75e.entry.js +0 -1
- package/dist/tegel/p-6b340718.entry.js +0 -1
- package/dist/tegel/p-7887bdbb.entry.js +0 -1
- package/dist/tegel/p-7b598e60.entry.js +0 -1
- package/dist/tegel/p-7ef50e7f.entry.js +0 -1
- package/dist/tegel/p-8c2695af.entry.js +0 -1
- package/dist/tegel/p-9f187848.entry.js +0 -1
- package/dist/tegel/p-9fdc8fa5.entry.js +0 -1
- package/dist/tegel/p-a4cbb541.entry.js +0 -1
- package/dist/tegel/p-a56436c8.entry.js +0 -1
- package/dist/tegel/p-a8abc8d9.entry.js +0 -1
- package/dist/tegel/p-ab00e6e4.entry.js +0 -1
- package/dist/tegel/p-b210d23c.entry.js +0 -1
- package/dist/tegel/p-b7abb81f.entry.js +0 -1
- package/dist/tegel/p-bcd5e06d.entry.js +0 -1
- package/dist/tegel/p-c0cbc9f5.entry.js +0 -1
- package/dist/tegel/p-c23a3f12.entry.js +0 -1
- package/dist/tegel/p-ca16f1ed.entry.js +0 -1
- package/dist/tegel/p-ca32a270.entry.js +0 -1
- package/dist/tegel/p-cc962b6c.entry.js +0 -1
- package/dist/tegel/p-cf717912.entry.js +0 -1
- package/dist/tegel/p-d7cdbc4e.entry.js +0 -1
- package/dist/tegel/p-e1255160.js +0 -1
- package/dist/tegel/p-e6e9d11f.entry.js +0 -1
- package/dist/tegel/p-e8b58680.entry.js +0 -1
- package/dist/tegel/p-f3c32d4d.entry.js +0 -1
- package/dist/tegel/p-f8a37d39.entry.js +0 -1
- package/loader/package.json +0 -11
- /package/dist/cjs/{dfs-84f7f63e.js → dfs-Clg9RCmq.js} +0 -0
- /package/dist/cjs/{generateUniqueId-e3fc9863.js → generateUniqueId-ComXTAM_.js} +0 -0
- /package/dist/cjs/{getAriaInvalid-66a2eade.js → getAriaInvalid-Bdg4qUb_.js} +0 -0
- /package/dist/cjs/{hasSlot-1c90e9ba.js → hasSlot-D-DVNhGg.js} +0 -0
- /package/dist/cjs/{inheritAttributes-ff9ad737.js → inheritAttributes-CGw91JfB.js} +0 -0
- /package/dist/components/{p-a1181b1f.js → p-CBZ6wC3m.js} +0 -0
- /package/dist/components/{p-3fe9cbbf.js → p-CF8bH08v.js} +0 -0
- /package/dist/components/{p-52bf0fdf.js → p-CLF3diNe.js} +0 -0
- /package/dist/components/{p-11648030.js → p-Cn4f8w1e.js} +0 -0
- /package/dist/components/{p-ae110fc2.js → p-DDX6uFcm.js} +0 -0
- /package/dist/components/{p-bbf9492a.js → p-wEP_nEaO.js} +0 -0
- /package/dist/esm/{dfs-1e574d5f.js → dfs-CLF3diNe.js} +0 -0
- /package/dist/esm/{generateUniqueId-7934d315.js → generateUniqueId-Cn4f8w1e.js} +0 -0
- /package/dist/esm/{getAriaInvalid-a9944cb9.js → getAriaInvalid-wEP_nEaO.js} +0 -0
- /package/dist/esm/{hasSlot-d52114d0.js → hasSlot-DDX6uFcm.js} +0 -0
- /package/dist/esm/{inheritAttributes-d21e267b.js → inheritAttributes-CF8bH08v.js} +0 -0
- /package/dist/tegel/{p-3fe9cbbf.js → p-CF8bH08v.js} +0 -0
- /package/dist/tegel/{p-52bf0fdf.js → p-CLF3diNe.js} +0 -0
- /package/dist/tegel/{p-11648030.js → p-Cn4f8w1e.js} +0 -0
- /package/dist/tegel/{p-ae110fc2.js → p-DDX6uFcm.js} +0 -0
- /package/dist/tegel/{p-bbf9492a.js → p-wEP_nEaO.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,H as
|
|
1
|
+
import{r as e,h as a,H as t,a as s}from"./p-BqRtRha-.js";const o=class{constructor(a){e(this,a)}render(){return this.host.querySelector("a").hasAttribute("aria-label")||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(t,{key:"b3f7cf4d264f2046844814a80f7b9b6a920b1a1e"},a("tds-header-item",{key:"0be33ffe57b94442fac4f1e686f87fb1e2f1911d"},a("slot",{key:"3f7f636bc5f7c1b2ee009c774337d0b41c45e477"})))}get host(){return s(this)}};o.style=":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{o as tds_header_brand_symbol}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,h as s,H as t,a as o}from"./p-BqRtRha-.js";import{g as n}from"./p-Cn4f8w1e.js";import{h as r}from"./p-DDX6uFcm.js";const i=class{constructor(s){e(this,s),this.tdsClose=a(this,"tdsClose",7),this.variant="default",this.bannerId=n(),this.hidden=!1,this.roleType="banner",this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)}}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const e=r("subheader",this.host),a=r("subheader",this.host),o=r("actions",this.host);return s(t,{key:"4a8e42b6c770c6c888739b2eab7e838fe4f83899",role:this.roleType,"aria-hidden":`${this.hidden}`,"aria-live":"alert"===this.roleType?"assertive":"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:{[this.variant]:!0,hide:this.hidden,show:!this.hidden}},this.icon&&s("div",{key:"45b0a63ff1015c7a24bb37211eccfa5c8b5320ca",class:`banner-icon ${this.variant}`},s("tds-icon",{key:"2375c0c7a5a785fc788088e4568ad04a7d5f778e",name:this.icon,size:"20px",svgTitle:this.icon})),s("div",{key:"0b4a58d3d3ab8405193bd771797badde39e23729",class:"content"},s("div",{key:"e9b26e4b13055853ea659cec8d990f7f2eb76999",class:"header-subheader"},this.header&&s("div",{key:"5cedf44a46330c77259c3d64cf567052ef26af0b",class:"header"},this.header),e&&s("slot",{key:"a2c9897a3befbbd5603262962a7652a763650048",name:"header"}),this.subheader&&s("div",{key:"a7916827ee4ea924270242c9f06ce75989021c3b",class:"subheader"},this.subheader),a&&s("slot",{key:"fba6caffbf916a12b8e5975966551c4c9d03a5c9",name:"subheader"})),o&&s("slot",{key:"7a1b89ac09e9aa7e79740f225960818d2622d4b4",name:"actions"})),s("div",{key:"9dca236d2f8253c64a8a9ff67981f69c6f473c77",class:"banner-close"},s("button",{key:"cabd5fa950e125babecc6caf8109c51d05142ec3","aria-label":"Close banner",onClick:this.handleClose},s("tds-icon",{key:"2ec160b7e458fc4e99528c390f6190dea039f02a",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return o(this)}};i.style=":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}";export{i as tds_banner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as e,
|
|
1
|
+
import{r as o,h as t,H as e,a as d}from"./p-BqRtRha-.js";const s=class{constructor(t){o(this,t),this.selected=!1,this.size="md"}render(){return t(e,{key:"a77c76be838a9f7036fe712b86cdf2f5b3c0c46f"},t("div",{key:"a3740446c4fed86228fa14ecb20b99b2c707f97b",class:{component:!0,"component-selected":this.selected}},t("slot",{key:"0a037fd8059aa356ed9885e3e06d391f876e2fc3"})))}get host(){return d(this)}};s.style=":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host .component-selected:focus-within{border-left:none}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";export{s as tds_header_dropdown_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as o}from"./p-
|
|
1
|
+
import{r as e,h as o}from"./p-BqRtRha-.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a"},o("slot",{key:"e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc"}))}};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;font-size:14px;line-height:normal}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 t,c as e,h as a,H as s,a as o}from"./p-BqRtRha-.js";const i=["compactDesign","horizontalScrollWidth"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const d=class{constructor(a){t(this,a),this.tdsPagination=e(this,"tdsPagination",7),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.tableId="",this.horizontalScrollWidth=null,this.rowsPerPageValue=this.rowsPerPageValues[0],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)}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]})),this.storeLastCorrectValue(this.paginationValue);const t=this.host.parentElement.querySelector("tds-table-header").childElementCount;this.columnsNumber=this.cols?this.cols:t}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=String(this.lastCorrectValue),this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.paginationValue>this.pages&&(this.paginationValue=this.pages),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){var t;return a(s,{key:"d064beda251b663ad3afccebc98fb4718e3f1d09",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},a("tr",{key:"02d6c97e498e44ad70c86fd08cc665a8b89e2a07",class:"tds-table__footer-row"},a("td",{key:"e9d64ea0f3be240867d886973a40c557fe9899da",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&a("div",{key:"4a8f3f921a4e103a1a14e368a4702cd8f6ceb18b",class:"tds-table__pagination"},a("div",{key:"c536fb9916071677bf20f033ebb184d469aa0774",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&a("div",{key:"5a935d6c92a574e1ea0a081e955916526ec9da45",class:"rows-per-page"},a("p",{key:"ae9f908bc6803a814236a56e5801857a1989df54"},"Rows per page"),a("tds-dropdown",{key:"1bcac2201accc7d613250c8f38b77ddc04bfb463",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",defaultValue:`${this.rowsPerPageValues[0]}`,onTdsChange:t=>this.rowsPerPageChange(t)},this.rowsPerPageValues.map((t=>a("tds-dropdown-option",{value:`${t}`},t)))))),a("div",{key:"08f90bbe4dd64812b95de4be540c65afea1a5d7c",class:"tds-table__page-selector"},a("input",{key:"4e780ad0a24f39df03edc044d110b6278589a61a",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:l}),a("p",{key:"538690df3c6bef86bf14fe8b7c967b89257e5cb7",class:"tds-table__footer-text"},"of ",a("span",{key:"ec38ac0b07103bea8aec7ba3e7e88d73c2a756cb"},this.pages)," pages"),a("button",{key:"f196e4b87144a6e66a6a3d0451ca0d4ba32bd1af",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},a("tds-icon",{key:"80041ff46837e3ba072b740cf79d1cf9bbf21b63",name:"skip_backwards",size:"20px"})),a("button",{key:"c51d570daeb97dbe2cae4e344eb51b97d88bb10a",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},a("tds-icon",{key:"bc02c69dc75f412fac63d952458d0ea06530593c",name:"chevron_left",size:"20px"})),a("button",{key:"df29a47121d892642b24533a0e132d1f2d13d545",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},a("tds-icon",{key:"b2ae455a7a62c647f5c79cfc8f41bcae4b41b12d",name:"chevron_right",size:"20px"})),a("button",{key:"d333d73217b7ed86841810bd342e2dd3152ef560",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},a("tds-icon",{key:"9d94abd5c17bc50b6a33c21dcc74b2689d514f2a",name:"skip_forward",size:"20px"})))))))}get host(){return o(this)}};d.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:74px;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)}}";export{d as tds_table_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,a as o}from"./p-BqRtRha-.js";import{g as d}from"./p-Cn4f8w1e.js";const g=class{constructor(s){t(this,s),this.tdsToggle=e(this,"tdsToggle",6),this.checked=!1,this.required=!1,this.size="lg",this.disabled=!1,this.toggleId=d(),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})}}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}componentWillLoad(){this.labelSlot=this.host.querySelector("[slot='label']")}render(){return s("div",{key:"c3317c42904e33fd2936aa01ce064f87d33786e3",class:"tds-toggle"},this.headline&&s("div",{key:"9c2280058b2fbc09e0663dc5e92d4d3dd413cc83",class:{"toggle-headline":!0,disabled:this.disabled}},this.headline),s("input",{key:"b5e5cfee5c3115c1039e816bbd6f7751cf6a5f6c",ref:t=>{this.inputElement=t},"aria-label":this.tdsAriaLabel,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:`${this.size}`,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),this.labelSlot&&s("label",{key:"9eedb6f2c2a0494e2b59f392764c27b143dcecee",class:{disabled:this.disabled},htmlFor:this.toggleId},s("slot",{key:"11346fe1d7f4ea0da665b153ae25af9e084a0602",name:"label"})))}get host(){return o(this)}};g.style='.tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0;border:1px solid transparent}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible{outline:none;outline:2px solid var(--tds-toggle-border-outline);border-radius:16px;outline-offset:0}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible::before{background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--tds-toggle-off-slider-hover);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px;cursor:pointer}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}';export{g as tds_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as d,H as r}from"./p-
|
|
1
|
+
import{r as e,h as d,H as r}from"./p-BqRtRha-.js";const o=class{constructor(d){e(this,d)}render(){return d(r,{key:"bcc63c58186216485acf6e6e0f896158e92cd29e"},d("tds-header-dropdown-list-item",{key:"e4b963bf20b97aa19f8f6dbd4d4a6face04220db",size:"lg"},d("slot",{key:"03445a4fe12c6f5a283b6d2635d657bbfd103263"})))}};o.style=":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";export{o as tds_header_launcher_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as s,a}from"./p-BqRtRha-.js";import{i as r}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const i=class{constructor(t){e(this,t)}render(){const e=Object.assign({},r(this.host));return t(s,{key:"f1b3e80727ae2fbb84cbdf19fdd6500067fa010b"},t("tds-header-item",{key:"6053c08c86b6f4149bed2eb7c8a4a26f16262fc9"},t("button",Object.assign({key:"b2b645ed658328622e9a6411d5bcdfe66e59028c"},e,{"aria-label":this.tdsAriaLabel}),t("tds-icon",{key:"6140334699f8a27f7d78387bb3bfcf08295a0c90",class:"icon",name:"burger",size:"20px"}))))}get host(){return a(this)}};i.style=":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";export{i as tds_header_hamburger}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,F as s,H as a,a as d}from"./p-BqRtRha-.js";const o=class{constructor(t){e(this,t),this.defaultOpen=!1,this.selected=!1,this.open=!1,this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)||void 0===e?void 0:e.isHovered:this.open}connectedCallback(){this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=this.sideMenuEl.collapsed,this.open=this.defaultOpen}render(){return t(a,{key:"2c3887fe8ec9334f7f3b3f46b3bce64712957ae3"},t("div",{key:"bedb9fc6f22d0c608b77c2d0d2fe7c8c17eadd59",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},t("tds-side-menu-item",{key:"83cb1486e99c0f699b02be91bf53df1249076902",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},t("button",{key:"e21c03415c48022813b3289f8dd80f21486414f0"},t("slot",{key:"4462d95bf8e7945741cb54d9f363b8d9cac158e0",name:"icon"}),!this.collapsed&&t(s,{key:"1a65252df105ef6ad9bca35f873fe19e71289b80"},this.buttonLabel,t("slot",{key:"e35a184bae5c65fde366ed287062becbc6633cac",name:"label"}),t("tds-icon",{key:"7a4328715c67aaf91a3675574f5aadca9ce8ae3d",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),t("div",{key:"1e4e674c5e9b8901b5306bee36bf121aa37112e3",class:"menu",tabindex:this.collapsed?"0":null},this.collapsed&&t("h3",{key:"54a5f5f89d595aeae6ac6e41ac553e96466fe4a1",class:"heading-collapsed"},this.buttonLabel,t("slot",{key:"20477b6be2c477c48412d0f4bc34f1181bcb00d3",name:"label"})),t("slot",{key:"9740e5c9cb493e52c104223ec62b47bffc8adc5d"}))))}get host(){return d(this)}};o.style=":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";export{o as tds_side_menu_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as s,H as i,a as e}from"./p-BqRtRha-.js";import{g as r}from"./p-Cn4f8w1e.js";const d=t=>null==t?"":t.toString(),l=t=>t.map((t=>d(t))),n=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.tdsClear=o(this,"tdsClear",6),this.disabled=!1,this.modeVariant=null,this.openDirection="auto",this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.value=null,this.open=!1,this.selectedOptions=[],this.filterQuery="",this.hasFocus=!1,this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));return 0===t.length&&console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously."),t},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>d(o.value)===d(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.trim()))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,i,e;if("auto"===this.openDirection||!this.openDirection){const r=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(i=(s=this.host).getBoundingClientRect)||void 0===i?void 0:i.call(s).top)&&void 0!==e?e:0)+r+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase();this.filterQuery=o;const 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=()=>{const t=this.filterQuery;this.filterQuery.length||this.reset(),this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.internalValue="",this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.inputElement&&(this.inputElement.value=""),this.filter&&this.handleFilter({target:{value:""}})},this.handleBlur=()=>{this.filterFocus=!1,this.inputElement&&(this.inputElement.value=this.getValue())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()}}handleValueChange(t){const o=this.normalizeValue(t);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?l(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[d(t[0])]:[d(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const s=o.some((o=>d(o.value)===d(t)));return s||console.warn(`Option with value "${t}" does not exist`),s})):(console.warn("No dropdown options found"),t)}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(d(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,o){let s;return s=Array.isArray(t)?l(t):[d(t)],this.updateDropdownStateFromUser(s),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const o=t.relatedTarget;!this.hasFocus||o&&this.host.contains(o)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){var o;const{activeElement:s}=document;if(!s)return;const i=this.getChildren();if("ArrowDown"===t.key){const t=s.nextElementSibling?i.findIndex((t=>t===s.nextElementSibling)):0;i[((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(i,t)].focus()}else if("ArrowUp"===t.key)i[((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(i,s.nextElementSibling?this.getChildren().findIndex((t=>t===s.previousElementSibling)):0)].focus();else if("Escape"===t.key)if(this.open=!1,this.filter)null===(o=this.inputElement)||void 0===o||o.focus();else{const t=this.host.shadowRoot.querySelector("button");null==t||t.focus()}}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():"")),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=d(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=d(this.defaultValue),o=this.multiselect?t.split(",").map(d):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){((t,o,s,i)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e.disabled=i,e.name=o,e.value=s||""})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const t=this.label?`dropdown-label-${this.name||r()}`:void 0,o=this.helper?`dropdown-helper-${this.name||r()}`:void 0;return s(i,{key:"ebb4008f7e27e9f9de603b1dfeb5100f45f0e600",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"77f30a6ec80264fe89422b8f129e763d2fe2a64c",id:t,class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"3d3d3ca87cae2df4f043feb1f6bdbf4482cc4223",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.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",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("input",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,ref:t=>this.inputElement=t,class:{placeholder:"inside"===this.labelPosition},type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?this.filterQuery:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear filter",svgTitle:"Clear filter",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.open&&""!==this.inputElement.value)},name:"cross",size:"16px"}),s("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),s("div",{key:"48e96d8ecac8918e11c6e2c0e1321802b61dbf7d",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{this.dropdownList=t},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":this.label&&"outside"===this.labelPosition,open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"d49f3a638a9f6b1b08e3489dffad27151c0c554f",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"b38d308604e30fdb130d72295d2d3f7bf2fb9bd6",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"1f8160ac1f0ecdc0d4f29faa31c469a0bd04b0d6",id:o,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"487fb6deb5bd27347b2cd4f607e5488543185894",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"],defaultValue:["handleDefaultValueChange"]}}};function a(t,o){return!!t&&t.tagName===o.toUpperCase()}n.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:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}: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.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}: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:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}: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 tds-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{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}: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,:host .dropdown-select.disabled .menu-icon{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-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}: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;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font: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 tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const h=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg",this.parentElement=null,this.label="",this.componentWillRender=()=>{var t,o;if(!this.host.parentElement)return;const s=this.host.parentElement;if(a(s,"tds-dropdown"))this.parentElement=s;else{const t=this.host.getRootNode();this.parentElement=t instanceof ShadowRoot?function(t,o){const s=t.closest(o);return a(s,o)?s:null}(t.host,"tds-dropdown"):null}this.parentElement&&(this.multiselect=null!==(t=this.parentElement.multiselect)&&void 0!==t&&t,this.size=this.parentElement.size||"lg"),this.label=(null===(o=this.host.textContent)||void 0===o?void 0:o.trim())||""},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.internalValue),this.parentElement.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(this.parentElement.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentElement||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentElement||this.tdsBlur.emit(t)}}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=d(t)}componentWillLoad(){this.internalValue=d(this.value)}render(){return s(i,{key:"9fa5bfe8a6dc4596c0181c3319cba2e4101b7502"},s("div",{key:"b160e2007f01dfa6b13b633408125cd32159bb95",class:`dropdown-option\n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:["valueWatcher"]}}};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;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}: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-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);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{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";export{n as tds_dropdown,h as tds_dropdown_option}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as e,
|
|
1
|
+
import{r as o,h as t,H as e,a as n}from"./p-BqRtRha-.js";const s=class{constructor(t){o(this,t),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}connectedCallback(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=null===(o=this.sideMenuEl)||void 0===o?void 0:o.collapsed}componentDidLoad(){var o;const t=this.host.closest("tds-side-menu-dropdown"),e=null==t?void 0:t.querySelector("tds-side-menu-user"),n=t.shadowRoot.querySelector('slot[name="icon"]').assignedElements(),s=(null==n?void 0:n.length)>0,d="tds-side-menu-user-image"===(null===(o=null==n?void 0:n[0])||void 0===o?void 0:o.tagName.toLowerCase());s&&!d&&(this.dropdownHasIcon=!0),e&&(this.dropdownHasUser=!0)}render(){return t(e,{key:"7d711b603579ec67a9f0312071519e31f4a15709",role:"listitem"},t("div",{key:"db890287036e3e85f10f7c76454e8ca91ada6f7c",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},t("slot",{key:"944534e13549524e2e40fd8ad8e0b1d61e1bdbcf"})))}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-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}';export{s as tds_side_menu_dropdown_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as s,
|
|
1
|
+
import{r as e,h as t,H as s,a as r}from"./p-BqRtRha-.js";import{i as o}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const a=class{constructor(t){e(this,t)}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const e=this.host.closest("tds-side-menu"),r=e?e.id:"",d=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},r&&{"aria-controls":r}),o(this.host)),{onClick:a.handleClick});return t(s,{key:"de98375064e94f8bfc19a60db7464c6b1c20a46f"},t("button",Object.assign({key:"4b9284c8b220d5b9fb0d1e3b346a5dfc209e59e2"},d),t("tds-icon",{key:"78a639c37f7a307f42ce68ec239b28c6da8a3221",name:"cross",size:"20px",svgTitle:"Cross"})))}get host(){return r(this)}};a.style=":host button{height:64px;width:100%;text-align:left;padding:0 22px;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);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";export{a as tds_side_menu_close_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as i,a as o}from"./p-BqRtRha-.js";const s={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},r=class{constructor(e){t(this,e),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),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 s&&(this[s[e]]=t.detail[e])}))}render(){return e(i,{key:"871df74d99ed0bdf15fa82e0c2980b08b94735a8"},e("div",{key:"e108eb5e43390635fbd6020195cb7e6a4912c7c2",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},e("span",{key:"8940a00dcd0001d6d264aff8cbc9331d4d890d49",class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{"aria-hidden":"true",svgTitle:`tds-step-icon-${this.stepperId}`,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):e("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&e("div",{key:"daa62f4d9347c571d214b1b9eb68b7d56418aed2","aria-hidden":"true",class:`label ${this.size} ${this.state}`},e("slot",{key:"68a20d3daded858cf1188f43747edb77ed2c9cbf",name:"label"}))))}get el(){return o(this)}};r.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{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-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 24px);right:0;top:18px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);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-divider-line);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-divider-line);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-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);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-divider-line);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-divider-line);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-divider-line);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-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-background);color:var(--tds-stepper-color)}: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)}: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{r as tds_step}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as s,a as i}from"./p-BqRtRha-.js";import{i as e}from"./p-CF8bH08v.js";const r=class{constructor(o){t(this,o),this.text="",this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes=[]}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return o(s,{key:"898440a89d6d72e57b537aa442f806667240a1c1",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},o("tds-popover-core",Object.assign({key:"3265ee9e08d6802c086a4c12cfcefc110a0f5dd2"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.determineTrigger(),modifiers:this.popperjsExtraModifiers,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1},defaultShow:this.defaultShow}),this.text,o("slot",{key:"150aa2a7fdc8bad50c6f42148ce2091eb5058b82"})))}get host(){return i(this)}};r.style=".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";export{r as tds_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as s,H as d,a}from"./p-BqRtRha-.js";import{h as i}from"./p-DDX6uFcm.js";import{g as e}from"./p-Cn4f8w1e.js";const r=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.tdsOpen=o(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{const o=this.tdsClose.emit(t);this.returnFocusOnClose(),o.defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0)},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)}}async showModal(){this.isShown=!0,requestAnimationFrame((()=>{const t=this.getFocusableElements();t.length>0&&(t[0].focus(),this.activeElementIndex=0)}))}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;let o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);if(!o)return;const s=["BUTTON","A","INPUT"];if(s.includes(o.tagName))o.focus();else{const t=o.querySelector(s.join(","));t&&t.focus()}}getFocusableElements(){const t=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(this.host.shadowRoot.querySelectorAll(t)),...Array.from(this.host.querySelectorAll(t))]}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),a=this.header?`tds-modal-header-${e()}`:void 0,r=`tds-modal-body-${e()}`;return s(d,{key:"4a220f8d1156cd7ef30ba0f77e33f6b368a71c5d",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":r,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"2129611789e7d9c1e32731f59100f75ff4e58800",class:"tds-modal-backdrop"}),s("div",{key:"cce280887ce68ab5471cd939847c8f23703e6a11",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},s("div",{key:"2629204523dff0d2afefab238514db74b9d1a93b",id:a,class:"header"},this.header&&s("div",{key:"040ddd22c7b782d77e07cc1ff4cd1fdf0d508cbe",class:"header-text"},this.header),t&&s("slot",{key:"7b15247fea7c3ab2986e453b98e7a7f9ccff943f",name:"header"}),this.closable&&s("button",{key:"67e09f9f95ad58e02c1f9adb9883af4a1c16f837",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"52694db7eb7dc40ca2ea8aeb3e13611f899177a8",name:"cross",size:"20px"}))),s("div",{key:"b7fedc44fae5a964399f6b63fad96acaba9263a1",id:r,class:"body"},s("slot",{key:"d60cbee2a55a487f738aa9a741d8b1e0cb74484e",name:"body"})),o&&s("slot",{key:"c969e1f820a4f4ecfab84fe3349eee0233710f05",name:"actions"})))}get host(){return a(this)}};r.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}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header,slot[name=header]::slotted(*){font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{r as tds_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,h as d,H as t,a as r}from"./p-BqRtRha-.js";import{g as s}from"./p-Cn4f8w1e.js";import{h as i}from"./p-DDX6uFcm.js";const o=class{constructor(t){e(this,t),this.tdsClick=a(this,"tdsClick",6),this.modeVariant=null,this.imagePlacement="below-header",this.bodyDivider=!1,this.clickable=!1,this.stretch=!1,this.cardId=s(),this.expandable=!1,this.expanded=!1,this.toggleExpand=()=>{this.expandable&&(this.expanded=!this.expanded)},this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=i("header",this.host),a=i("subheader",this.host),t=i("thumbnail",this.host);return d("div",{class:{"card-header":!0,expandable:this.expandable,expanded:this.expanded}},t&&d("slot",{name:"thumbnail"}),d("div",{class:"header-subheader",id:`header-${this.cardId}`},this.header&&d("span",{class:"header"},this.header),e&&d("slot",{name:"header"}),this.subheader&&d("span",{class:"subheader"},this.subheader),a&&d("slot",{name:"subheader"})),this.expandable&&d("tds-button",{type:"button",variant:"ghost",size:"sm","tds-aria-label":"Toggle card content","aria-expanded":this.expanded?"true":"false",onClick:this.toggleExpand},d("tds-icon",{slot:"icon",size:"16px",name:"chevron_down",svgTitle:"Chevron Down",class:{rotated:this.expanded}})))},this.getCardContent=()=>{const e=i("body",this.host),a=i("body-image",this.host),t=i("actions",this.host),r=`body-${this.cardId}`;return d("div",{class:this.stretch&&"stretch","aria-describedby":e?r:null},"below-header"===this.imagePlacement&&this.getCardHeader(),d("div",{class:"card-body",id:r},a&&d("slot",{name:"body-image"}),this.bodyImg&&d("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&d("tds-divider",null),e&&d("slot",{name:"body"})),t&&d("slot",{name:"actions"}))}}render(){const e={card:!0,clickable:this.clickable,[this.imagePlacement]:!this.stretch,[`${this.imagePlacement}-stretch`]:this.stretch};return d(t,{key:"14e4d2ece54e021a186661c8dfef2dae78791782",class:this.modeVariant&&`tds-mode-variant-${this.modeVariant}`},this.clickable?d("button",{class:e,onClick:this.handleClick,"aria-label":this.header?this.header:`Card ${this.cardId}`,"aria-describedby":`header-${this.cardId}`},this.getCardContent()):d("div",{class:e},this.getCardContent()))}get host(){return r(this)}};o.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 .card-header.expandable tds-icon{cursor:pointer;margin-left:auto;transition:transform 160ms ease-in-out, opacity 120ms ease-in-out}.card .card-header.expandable tds-icon.rotated{transform:rotate(180deg)}.card .header-subheader{display:flex;flex-direction:column;width:100%;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}:host([expandable]:not([expanded])) .card-body slot[name=body]{display:none}";export{o as tds_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as d,a as i}from"./p-BqRtRha-.js";import{h as l}from"./p-DDX6uFcm.js";import{g as s}from"./p-Cn4f8w1e.js";import{g as r}from"./p-wEP_nEaO.js";const o=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.uuid=s(),this.type="text",this.labelPosition="no-label",this.label="",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.autofocus=!1,this.required=!1,this.autocomplete="off",this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target;let{value:d}=e;if("number"===this.type){const t=Number(d);void 0!==this.min&&t<Number(this.min)&&(d=String(this.min)),void 0!==this.max&&t>Number(this.max)&&(d=String(this.max)),e.value=d}this.value=d,this.tdsInput.emit(t)}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{key:"3a072497874b410339fc3368f49b9048fdcc6641",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&d("div",{key:"190b617811d0993b85b3df6951a41678bc51879e",class:"text-field-label-outside"},d("label",{key:"6e5099cc43259b790d83d3f127e85463e58c9ac2",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),d("div",{key:"d5064e04015238d38a70b09c9eba4cbbb1da19cb",onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{key:"69af0c24b21e3edda262749538cc9775c501e115",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},d("slot",{key:"f397647f1458b1d132080cb15b92be60e2942459",name:"prefix"})),d("div",{key:"33674576cce732cc66e7ca830669b7535aea7f00",class:"text-field-input-container"},d("input",{key:"a27eca3e8862b099475fd46c2182f86d7d110533",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-invalid":r(this.host,this.state),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`,required:this.required,autocomplete:this.autocomplete}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{key:"7671a287273c976a1ad73032020838d6c4cedab0",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),i&&d("div",{key:"19a93786e8647aa1d2e5b9a9b80c71c250330d8d",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},d("slot",{key:"dd76e5bb941bc791caa395206be040319e00a708",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&d("span",{key:"2ba57774f40412b9a337ef7bf47ce65bcf44a704",class:"text-field-icon__readonly"},d("tds-tooltip",{key:"bfb0f704470e77f9ce6e11fe3d01af3dd8569015",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),d("tds-icon",{key:"28ded9080cb2abfe6a06b284af3807584f4dda02",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),d("div",{key:"636205c9e69b3a2602ea0b8817a585e5cd4e16b2","aria-live":"assertive"},(this.helper||this.maxLength>0)&&d("div",{key:"4ece49df31864f53d0fadc3709cd06d34da6830a",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&d("div",{key:"ba1e7f916ebbfa6775b46febed47e4bf55af9fd3",class:"text-field-helper-error-state"},!this.readOnly&&d("tds-icon",{key:"45eb885352b32dd3483a1c01f4dbaa49fcfda8ba",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&this.maxLength>0&&d("span",{key:"9934f078456a0af683b0d1f8a997c5484e58868c",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length," / ",this.maxLength))))}get host(){return i(this)}};o.style=".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);border-top:1px solid transparent;transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{border:2px solid var(--tds-focus-outline-color);margin:0 -2px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}";export{o as tds_text_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as d}from"./p-BqRtRha-.js";import{g as i}from"./p-Cn4f8w1e.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsInput=e(this,"tdsInput",6),this.type="datetime-local",this.value="",this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name=`datetime-${i()}`,this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw new Error("Invalid type.")}}}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.focusInput=!1}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}render(){let t=" tds-datetime-input";"md"===this.size&&(t+=`${t}-md`),"sm"===this.size&&(t+=`${t}-sm`);const e={"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"tds-datetime-focus":this.focusInput,"tds-datetime-data":this.value.length>0,"tds-form-datetime-disabled":this.disabled,[`tds-form-datetime-${this.size}`]:["md","sm"].includes(this.size),[`tds-form-datetime-${this.state}`]:["error","success"].includes(this.state),[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant,"tds-datetime-container-label-inside":this.label&&"inside"===this.labelPosition&&"sm"!==this.size},i=navigator.userAgent.toLowerCase().includes("iphone");return d("div",{key:"f397a4fc034fb7cd4dcb8ed7b0cbf2ab2e51177a",class:e,onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&d("label",{key:"e5dd50563ed2d464983016bc608d81b77c379add",htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{key:"b2c01f96bb7d8fa7279ac27048328204cc249547",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{key:"e7002fc416e62d2c93c337aee1869aa817997df9",class:`tds-datetime-input-container type-${this.type}`},d("input",{key:"3fdf8d55b15f5a00d4fb0755d5774fee93f100b9",ref:t=>{this.textInput=t},class:t,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,id:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&d("label",{key:"48d096356ad9f547bacbf407af12c4411d5dd45f",class:`tds-datetime-label-inside ${i&&"iphone"}`,htmlFor:this.name},this.label),d("div",{key:"0ea83c4003923ffed9b11ef22131000bb696a80f",class:"datetime-icon icon-datetime-local"},d("tds-icon",{key:"6ab6fde60c3d8ce0ad212c0d248c597a23cc6ce7",size:"20px",name:"calendar",svgTitle:"Calendar"})),d("div",{key:"4c304db3c9e6159a7827b6a83c6f81d04cbf0d19",class:"datetime-icon icon-time"},d("tds-icon",{key:"2a91a579dc5307d35ffbd47aa67616e2e692dd1c",size:"20px",name:"clock",svgTitle:"Clock"})))),this.helper&&d("div",{key:"4883298ade40b2177450f1af3cda0b02a9c24786",class:"tds-datetime-helper"},d("div",{key:"5baaf00b0372f50341f1995c713e3cbece2c8a4d",class:"tds-helper"},"error"===this.state&&d("tds-icon",{key:"a8d4aedbbba2e083578825efadbeaede47d83055",name:"error",size:"16px",svgTitle:"error"}),this.helper)))}};s.style="@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-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:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{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: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~.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-datetime-label-inside.iphone.sc-tds-datetime{left:8px !important}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime{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-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~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-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 tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}";export{s as tds_datetime}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,
|
|
1
|
+
import{r as t,h as e,H as o,a as s}from"./p-BqRtRha-.js";import{d as n}from"./p-CLF3diNe.js";const i=class{constructor(e){t(this,e),this.selected=!1,this.active=!1,this.collapsed=!1,this.hasUserComponent=!1}findSlottedAndExecute(t,e){const o=this.slotEl.assignedElements({flatten:!0})[0];if(o){const s=n(o,t);s&&e(s)}}updateSlottedElements(){this.slotEl&&this.findSlottedAndExecute((t=>"tds-icon"===t.tagName.toLowerCase()||"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")}))}updateHasUserComponent(){if(this.slotEl){const t=t=>"tds-side-menu-user"===t.tagName.toLowerCase();this.hasUserComponent=!1,this.findSlottedAndExecute(t,(()=>{this.hasUserComponent=!0}))}}connectedCallback(){var t;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=null===(t=this.sideMenuEl)||void 0===t?void 0:t.collapsed}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.updateHasUserComponent(),this.slotEl.addEventListener("slotchange",(()=>{this.updateSlottedElements(),this.updateHasUserComponent()}))}collapseSideMenuEventHandler(t){this.collapsed=t.detail.collapsed,this.updateSlottedElements(),this.updateHasUserComponent()}render(){return e(o,{key:"94dc12f57a0eedb5ab1528394352c4a7fcea55ff"},e("div",{key:"3336a6d1af3c573fdbbbf590fae2be3381c89163",class:{component:!0,"component-selected":this.selected,"component-active":this.active,"component-collapsed":this.collapsed,"component-has-user":this.hasUserComponent}},e("slot",{key:"5c92976a5aa367142e2af23fdacb6d67c3d2b36c"})))}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:10px;padding:0 22px;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 ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:16px;padding:0 22px 0 16px;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{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button),:host .component:hover ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a)::before,:host .component:hover ::slotted(button)::before,:host .component:hover ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:hover ::slotted(a:focus-visible),:host .component:hover ::slotted(button:focus-visible),:host .component:hover ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a:focus-visible)::before,:host .component:hover ::slotted(button:focus-visible)::before,:host .component:hover ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:active ::slotted(a),:host .component:active ::slotted(button),:host .component:active ::slotted(tds-side-menu-user){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a)::before,:host .component:active ::slotted(button)::before,:host .component:active ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component:active ::slotted(a:focus-visible),:host .component:active ::slotted(button:focus-visible),:host .component:active ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a:focus-visible)::before,:host .component:active ::slotted(button:focus-visible)::before,:host .component:active ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}: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),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}@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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as d,c as o,h as c,H as i}from"./p-
|
|
1
|
+
import{r as d,c as o,h as c,H as i}from"./p-BqRtRha-.js";import{g as t}from"./p-Cn4f8w1e.js";const a=class{constructor(c){d(this,c),this.tdsToggle=o(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1,this.ariaLevelValue="6"}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}async expand(){this.tdsToggle.emit({expanded:!0}).defaultPrevented||(this.expanded=!0)}async collapse(){this.tdsToggle.emit({expanded:!1}).defaultPrevented||(this.expanded=!1)}async isExpanded(){return this.expanded}render(){const d=t(),o=t();return c(i,{key:"066522a77c41f0ca6c49ee77d5f34623c42d00e2"},c("div",{key:"cd3abb9da939e81404eaf6175ba62ce2d709de71",class:`tds-accordion-item\n ${this.disabled?"disabled":""}\n ${this.expanded?"expanded":""}\n `},c("div",{key:"85647602e5644c8908240d5dfb492ce60695a50c",role:"heading","aria-level":this.ariaLevelValue},c("button",{key:"e74a1cc68af901a1acae4cf2d49708499af1e044",id:o,"aria-controls":d,type:"button","aria-expanded":this.expanded?"true":"false","aria-disabled":this.disabled,class:`tds-accordion-header-icon-${this.expandIconPosition}`,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},c("div",{key:"2f757e9e1369381f95497c5833bd3a0e25a297f3",class:"tds-accordion-title"},this.header,c("slot",{key:"1bf9cb769629414c763218b1a3772642b19b4ce4",name:"header"})),c("div",{key:"b2f1cf14059d134502db363f442b4914b435a72f",class:"tds-accordion-icon"},c("tds-icon",{key:"aca038cd8915bd7bc0c152e37820e53f1d692041",tdsAriaHidden:!0,svgTitle:"Chevron Down",name:"chevron_down",size:"16px"})))),c("div",{key:"76aa6973dac5bf9c8203c37d047f4e466a6e9fc7",role:"region","aria-live":"polite","aria-labelledby":o,id:d,class:`tds-accordion-panel\n ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n `},c("slot",{key:"274f9aff706adceb82aea35db3a91494e798ab2c"}))))}};a.style=".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover{background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}";export{a as tds_accordion_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as e,a as d}from"./p-BqRtRha-.js";const s=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setTabWidth(t){this.tabWidth=t}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const e=t[o];e.getAttribute("aria-controls")||console.warn("Tegel folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==e.getAttribute("role")&&console.warn('Tegel folder-tab component: Interactive elements should have attribute role="tab"'),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}}render(){return o(e,{key:"6e0c3e477f033d6d0038d61d55f87d818abcef6e","aria-selected":this.selected},o("div",{key:"06f1e0abdbb9bcce20807d67784a0c82754e4d8a",class:{selected:this.selected,disabled:this.disabled},style:{width:`${this.tabWidth}px`}},o("slot",{key:"bef9798df6d9e27873ac28b481f1b61342dde861"})))}get host(){return d(this)}};s.style=':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none}:host ::slotted(*:focus-within)::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host div:not(.selected){background-color:var(--tds-folder-tab-background);position:relative}:host div:not(.selected)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tds-folder-tab-divider-color)}:host div:not(.selected) ::slotted(*){border-top:2px solid transparent;color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top:2px solid var(--tds-folder-tab-top-border-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled{background-color:var(--tds-folder-tab-item-background-disabled)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-divider-color);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host .selected:hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host .selected:hover:not(.disabled) ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) ::slotted(*){border-left-color:transparent}:host(.first) .selected{border-left:none}';export{s as tds_folder_tab}
|