@scania/tegel 1.47.2 → 1.48.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/README.md +4 -0
- package/dist/cjs/index-DGsdvbvx.js +2521 -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 +10 -7
- package/dist/cjs/tds-accordion.cjs.entry.js +5 -6
- package/dist/cjs/tds-badge.cjs.entry.js +13 -8
- package/dist/cjs/tds-banner.cjs.entry.js +19 -15
- package/dist/cjs/tds-block.cjs.entry.js +5 -6
- package/dist/cjs/tds-body-cell.cjs.entry.js +4 -9
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +4 -6
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +3 -7
- package/dist/cjs/tds-button_2.cjs.entry.js +15 -14
- package/dist/cjs/tds-card.cjs.entry.js +29 -20
- package/dist/cjs/tds-checkbox.cjs.entry.js +17 -17
- package/dist/cjs/tds-chip.cjs.entry.js +19 -16
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +9 -10
- package/dist/cjs/tds-datetime.cjs.entry.js +30 -24
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +67 -62
- package/dist/cjs/tds-folder-tab.cjs.entry.js +4 -7
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +40 -38
- package/dist/cjs/tds-footer-group.cjs.entry.js +8 -11
- package/dist/cjs/tds-footer-item.cjs.entry.js +3 -6
- package/dist/cjs/tds-footer.cjs.entry.js +6 -8
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +3 -6
- package/dist/cjs/tds-header-cell.cjs.entry.js +20 -23
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +5 -6
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +3 -10
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +6 -9
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +9 -13
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +5 -9
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +7 -9
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +3 -6
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +4 -7
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +5 -9
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +3 -6
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +4 -7
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +2 -4
- package/dist/cjs/tds-header-launcher.cjs.entry.js +7 -12
- package/dist/cjs/tds-header-title.cjs.entry.js +3 -6
- package/dist/cjs/tds-header.cjs.entry.js +5 -8
- package/dist/cjs/tds-icon.cjs.entry.js +14 -17
- package/dist/cjs/tds-inline-tab.cjs.entry.js +4 -6
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +42 -39
- package/dist/cjs/tds-link.cjs.entry.js +6 -6
- package/dist/cjs/tds-message.cjs.entry.js +14 -14
- package/dist/cjs/tds-modal.cjs.entry.js +93 -47
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +4 -6
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +43 -40
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +17 -11
- package/dist/cjs/tds-popover-core.cjs.entry.js +53 -40
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +4 -6
- package/dist/cjs/tds-popover-menu.cjs.entry.js +16 -11
- package/dist/cjs/tds-radio-button.cjs.entry.js +12 -15
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +5 -8
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +4 -7
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +4 -6
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +3 -6
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +6 -7
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +7 -7
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +3 -6
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +5 -13
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +3 -10
- package/dist/cjs/tds-side-menu.cjs.entry.js +22 -15
- package/dist/cjs/tds-slider.cjs.entry.js +43 -26
- package/dist/cjs/tds-spinner.cjs.entry.js +5 -6
- package/dist/cjs/tds-step.cjs.entry.js +4 -12
- package/dist/cjs/tds-stepper.cjs.entry.js +26 -11
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +4 -6
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +15 -9
- package/dist/cjs/tds-table-body-row.cjs.entry.js +6 -6
- package/dist/cjs/tds-table-body.cjs.entry.js +8 -11
- package/dist/cjs/tds-table-footer.cjs.entry.js +23 -18
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +4 -6
- package/dist/cjs/tds-table-header.cjs.entry.js +6 -7
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +6 -6
- package/dist/cjs/tds-table.cjs.entry.js +46 -16
- package/dist/cjs/tds-tag.cjs.entry.js +6 -8
- package/dist/cjs/tds-text-field.cjs.entry.js +24 -15
- package/dist/cjs/tds-textarea.cjs.entry.js +18 -13
- package/dist/cjs/tds-toast.cjs.entry.js +17 -17
- package/dist/cjs/tds-toggle.cjs.entry.js +14 -15
- package/dist/cjs/tds-tooltip.cjs.entry.js +20 -18
- package/dist/cjs/tegel.cjs.js +7 -8
- package/dist/collection/assets/icons/scania/microphone.svg +4 -0
- package/dist/collection/assets/icons/scania/microphone_inactive.svg +7 -0
- package/dist/collection/assets/icons/scania/notification_snooze.svg +6 -0
- package/dist/collection/assets/icons/scania/paperclip.svg +3 -0
- 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 +41 -19
- 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.css +4 -0
- package/dist/collection/components/chip/chip.js +41 -19
- package/dist/collection/components/datetime/datetime.js +78 -37
- package/dist/collection/components/divider/divider.js +8 -2
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +31 -25
- package/dist/collection/components/dropdown/dropdown.js +90 -50
- package/dist/collection/components/footer/footer-group/footer-group.js +12 -8
- 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 +5 -5
- 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/icon/icon.js +29 -16
- package/dist/collection/components/icon/scaniaIconsArray.js +2 -252
- package/dist/collection/components/icon/tratonIconsArray.js +2 -32
- package/dist/collection/components/link/link.js +12 -3
- package/dist/collection/components/message/message.css +6 -6
- package/dist/collection/components/message/message.js +33 -16
- package/dist/collection/components/modal/modal.js +119 -51
- package/dist/collection/components/popover-canvas/popover-canvas.js +48 -16
- package/dist/collection/components/popover-core/popover-core.js +63 -30
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +4 -1
- package/dist/collection/components/popover-menu/popover-menu.js +45 -16
- package/dist/collection/components/radio-button/radio-button.css +14 -14
- 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 +5 -3
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +16 -6
- 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.css +65 -16
- 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 -5
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +18 -11
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +4 -1
- 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 +37 -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 +43 -28
- 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 +50 -37
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +4 -1
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +55 -39
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +4 -1
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +56 -40
- package/dist/collection/components/tag/tag.js +12 -5
- package/dist/collection/components/text-field/text-field.js +94 -36
- package/dist/collection/components/textarea/textarea.js +69 -27
- 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 +53 -25
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -1
- package/dist/components/p-9AbeYlK8.js +1 -0
- package/dist/components/p-BFcLEwMn.js +1 -0
- package/dist/components/p-BWqvStj8.js +1 -0
- package/dist/components/p-BfVaBQQ6.js +1 -0
- package/dist/components/p-BrDlXJ4P.js +1 -0
- package/dist/components/p-BuqEW3pN.js +1 -0
- package/dist/components/p-C0fx1H4h.js +1 -0
- package/dist/components/p-CBZ6wC3m.js +1 -0
- package/dist/components/p-CLzENrFV.js +1 -0
- package/dist/components/p-CWEJdWOg.js +1 -0
- package/dist/components/p-Civ53ZSy.js +1 -0
- package/dist/components/p-CuIyaNyT.js +1 -0
- package/dist/components/p-D0Aaqu_c.js +1 -0
- package/dist/components/p-DC6RGvDS.js +1 -0
- package/dist/components/p-Dgt5K9eM.js +1 -0
- package/dist/components/p-Dh34QRlJ.js +1 -0
- package/dist/components/p-MrnWQiwK.js +1 -0
- package/dist/components/p-OdH1OynJ.js +1 -0
- package/dist/{tegel/p-0bd4c19c.js → components/p-Q3W78DlP.js} +1 -1
- package/dist/components/p-Zx1hN-_O.js +1 -0
- package/dist/components/p-dspMBqQE.js +1 -0
- package/dist/components/tds-accordion-item.js +1 -98
- package/dist/components/tds-accordion.js +1 -44
- package/dist/components/tds-badge.js +1 -76
- package/dist/components/tds-banner.js +1 -93
- package/dist/components/tds-block.js +1 -63
- package/dist/components/tds-body-cell.js +1 -131
- package/dist/components/tds-breadcrumb.js +1 -38
- package/dist/components/tds-breadcrumbs.js +1 -41
- package/dist/components/tds-button.js +1 -6
- package/dist/components/tds-card.js +1 -112
- package/dist/components/tds-checkbox.js +1 -6
- package/dist/components/tds-chip.js +1 -120
- package/dist/components/tds-core-header-item.js +1 -6
- package/dist/components/tds-datetime.js +1 -198
- package/dist/components/tds-divider.js +1 -6
- package/dist/components/tds-dropdown-option.js +1 -6
- package/dist/components/tds-dropdown.js +1 -6
- package/dist/components/tds-folder-tab.js +1 -74
- package/dist/components/tds-folder-tabs.js +1 -228
- package/dist/components/tds-footer-group.js +1 -87
- package/dist/components/tds-footer-item.js +1 -44
- package/dist/components/tds-footer.js +1 -47
- package/dist/components/tds-header-brand-symbol.js +1 -52
- package/dist/components/tds-header-cell.js +1 -187
- package/dist/components/tds-header-dropdown-list-item.js +1 -6
- package/dist/components/tds-header-dropdown-list-user.js +1 -45
- package/dist/components/tds-header-dropdown-list.js +1 -6
- package/dist/components/tds-header-dropdown.js +1 -127
- package/dist/components/tds-header-hamburger.js +1 -59
- package/dist/components/tds-header-item.js +1 -6
- package/dist/components/tds-header-launcher-button.js +1 -6
- package/dist/components/tds-header-launcher-grid-item.js +1 -35
- package/dist/components/tds-header-launcher-grid-title.js +1 -36
- package/dist/components/tds-header-launcher-grid.js +1 -58
- package/dist/components/tds-header-launcher-list-item.js +1 -41
- package/dist/components/tds-header-launcher-list-title.js +1 -37
- package/dist/components/tds-header-launcher-list.js +1 -38
- package/dist/components/tds-header-launcher.js +1 -134
- package/dist/components/tds-header-title.js +1 -35
- package/dist/components/tds-header.js +1 -74
- package/dist/components/tds-icon.js +1 -6
- package/dist/components/tds-inline-tab.js +1 -68
- package/dist/components/tds-inline-tabs.js +1 -234
- package/dist/components/tds-link.js +1 -64
- package/dist/components/tds-message.js +1 -84
- package/dist/components/tds-modal.js +1 -262
- package/dist/components/tds-navigation-tab.js +1 -65
- package/dist/components/tds-navigation-tabs.js +1 -240
- package/dist/components/tds-popover-canvas.js +1 -6
- package/dist/components/tds-popover-core.js +1 -6
- package/dist/components/tds-popover-menu-item.js +1 -41
- package/dist/components/tds-popover-menu.js +1 -84
- package/dist/components/tds-radio-button.js +1 -70
- package/dist/components/tds-side-menu-close-button.js +1 -53
- package/dist/components/tds-side-menu-collapse-button.js +1 -74
- package/dist/components/tds-side-menu-dropdown-list-item.js +1 -78
- package/dist/components/tds-side-menu-dropdown-list.js +1 -49
- package/dist/components/tds-side-menu-dropdown.js +1 -113
- package/dist/components/tds-side-menu-item.js +1 -6
- package/dist/components/tds-side-menu-overlay.js +1 -35
- package/dist/components/tds-side-menu-user-image.js +1 -6
- package/dist/components/tds-side-menu-user-label.js +1 -6
- package/dist/components/tds-side-menu-user.js +1 -56
- package/dist/components/tds-side-menu.js +1 -193
- package/dist/components/tds-slider.js +1 -545
- package/dist/components/tds-spinner.js +1 -39
- package/dist/components/tds-step.js +1 -86
- package/dist/components/tds-stepper.js +1 -95
- package/dist/components/tds-table-body-input-wrapper.js +1 -130
- package/dist/components/tds-table-body-row-expandable.js +1 -175
- package/dist/components/tds-table-body-row.js +1 -125
- package/dist/components/tds-table-body.js +1 -108
- package/dist/components/tds-table-footer.js +1 -210
- package/dist/components/tds-table-header-input-wrapper.js +1 -112
- package/dist/components/tds-table-header.js +1 -144
- package/dist/components/tds-table-toolbar.js +1 -119
- package/dist/components/tds-table.js +1 -168
- package/dist/components/tds-tag.js +1 -48
- package/dist/components/tds-text-field.js +1 -6
- package/dist/components/tds-textarea.js +1 -156
- package/dist/components/tds-toast.js +1 -117
- package/dist/components/tds-toggle.js +1 -86
- package/dist/components/tds-tooltip.js +1 -6
- package/dist/esm/index-9xxNGlso.js +2492 -0
- package/dist/{components/p-0bd4c19c.js → esm/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 +10 -5
- package/dist/esm/tds-accordion.entry.js +5 -4
- package/dist/esm/tds-badge.entry.js +13 -6
- package/dist/esm/tds-banner.entry.js +19 -13
- package/dist/esm/tds-block.entry.js +5 -4
- package/dist/esm/tds-body-cell.entry.js +4 -7
- package/dist/esm/tds-breadcrumb.entry.js +4 -4
- package/dist/esm/tds-breadcrumbs.entry.js +3 -5
- package/dist/esm/tds-button_2.entry.js +15 -12
- package/dist/esm/tds-card.entry.js +29 -18
- package/dist/esm/tds-checkbox.entry.js +17 -15
- package/dist/esm/tds-chip.entry.js +19 -14
- package/dist/esm/tds-core-header-item_2.entry.js +9 -8
- package/dist/esm/tds-datetime.entry.js +30 -22
- package/dist/esm/tds-dropdown_2.entry.js +67 -60
- package/dist/esm/tds-folder-tab.entry.js +4 -5
- package/dist/esm/tds-folder-tabs.entry.js +40 -36
- package/dist/esm/tds-footer-group.entry.js +8 -9
- package/dist/esm/tds-footer-item.entry.js +3 -4
- package/dist/esm/tds-footer.entry.js +6 -6
- package/dist/esm/tds-header-brand-symbol.entry.js +3 -4
- package/dist/esm/tds-header-cell.entry.js +20 -21
- package/dist/esm/tds-header-dropdown-list-item.entry.js +5 -4
- package/dist/esm/tds-header-dropdown-list-user.entry.js +3 -8
- package/dist/esm/tds-header-dropdown-list.entry.js +6 -7
- package/dist/esm/tds-header-dropdown.entry.js +9 -11
- package/dist/esm/tds-header-hamburger.entry.js +5 -7
- package/dist/esm/tds-header-launcher-button.entry.js +7 -7
- package/dist/esm/tds-header-launcher-grid-item.entry.js +3 -4
- package/dist/esm/tds-header-launcher-grid-title.entry.js +4 -5
- package/dist/esm/tds-header-launcher-grid.entry.js +5 -7
- package/dist/esm/tds-header-launcher-list-item.entry.js +3 -4
- package/dist/esm/tds-header-launcher-list-title.entry.js +4 -5
- package/dist/esm/tds-header-launcher-list.entry.js +2 -2
- package/dist/esm/tds-header-launcher.entry.js +7 -10
- package/dist/esm/tds-header-title.entry.js +3 -4
- package/dist/esm/tds-header.entry.js +5 -6
- package/dist/esm/tds-icon.entry.js +14 -15
- package/dist/esm/tds-inline-tab.entry.js +4 -4
- package/dist/esm/tds-inline-tabs.entry.js +42 -37
- package/dist/esm/tds-link.entry.js +6 -4
- package/dist/esm/tds-message.entry.js +14 -12
- package/dist/esm/tds-modal.entry.js +93 -45
- package/dist/esm/tds-navigation-tab.entry.js +4 -4
- package/dist/esm/tds-navigation-tabs.entry.js +43 -38
- package/dist/esm/tds-popover-canvas.entry.js +17 -9
- package/dist/esm/tds-popover-core.entry.js +53 -38
- package/dist/esm/tds-popover-menu-item.entry.js +4 -4
- package/dist/esm/tds-popover-menu.entry.js +16 -9
- package/dist/esm/tds-radio-button.entry.js +12 -13
- package/dist/esm/tds-side-menu-close-button.entry.js +5 -6
- package/dist/esm/tds-side-menu-collapse-button.entry.js +4 -5
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +4 -4
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +3 -4
- package/dist/esm/tds-side-menu-dropdown.entry.js +6 -5
- package/dist/esm/tds-side-menu-item.entry.js +7 -5
- package/dist/esm/tds-side-menu-overlay.entry.js +3 -4
- package/dist/esm/tds-side-menu-user-image_2.entry.js +5 -11
- package/dist/esm/tds-side-menu-user.entry.js +3 -8
- package/dist/esm/tds-side-menu.entry.js +22 -13
- package/dist/esm/tds-slider.entry.js +43 -24
- package/dist/esm/tds-spinner.entry.js +5 -4
- package/dist/esm/tds-step.entry.js +4 -10
- package/dist/esm/tds-stepper.entry.js +26 -9
- package/dist/esm/tds-table-body-input-wrapper.entry.js +4 -4
- package/dist/esm/tds-table-body-row-expandable.entry.js +15 -7
- package/dist/esm/tds-table-body-row.entry.js +6 -4
- package/dist/esm/tds-table-body.entry.js +8 -9
- package/dist/esm/tds-table-footer.entry.js +23 -16
- package/dist/esm/tds-table-header-input-wrapper.entry.js +4 -4
- package/dist/esm/tds-table-header.entry.js +6 -5
- package/dist/esm/tds-table-toolbar.entry.js +6 -4
- package/dist/esm/tds-table.entry.js +46 -14
- package/dist/esm/tds-tag.entry.js +6 -6
- package/dist/esm/tds-text-field.entry.js +24 -13
- package/dist/esm/tds-textarea.entry.js +18 -11
- package/dist/esm/tds-toast.entry.js +17 -15
- package/dist/esm/tds-toggle.entry.js +14 -13
- package/dist/esm/tds-tooltip.entry.js +20 -16
- package/dist/esm/tegel.js +5 -5
- package/dist/tegel/assets/icons/scania/microphone.svg +4 -0
- package/dist/tegel/assets/icons/scania/microphone_inactive.svg +7 -0
- package/dist/tegel/assets/icons/scania/notification_snooze.svg +6 -0
- package/dist/tegel/assets/icons/scania/paperclip.svg +3 -0
- package/dist/tegel/{p-304f5a5c.entry.js → p-103beac4.entry.js} +1 -1
- package/dist/tegel/{p-c66b99a8.entry.js → p-1171b918.entry.js} +1 -1
- package/dist/tegel/p-121afb33.entry.js +1 -0
- package/dist/tegel/{p-fc26fb72.entry.js → p-17500423.entry.js} +1 -1
- package/dist/tegel/{p-8e930da5.entry.js → p-182d7066.entry.js} +1 -1
- package/dist/tegel/p-19103b43.entry.js +1 -0
- package/dist/tegel/p-19e70185.entry.js +1 -0
- package/dist/tegel/p-1b235896.entry.js +1 -0
- package/dist/tegel/p-1d160cef.entry.js +1 -0
- package/dist/tegel/p-1d403667.entry.js +1 -0
- package/dist/tegel/p-1f343c1c.entry.js +1 -0
- package/dist/tegel/p-21da22c7.entry.js +1 -0
- package/dist/tegel/p-21ee8076.entry.js +1 -0
- package/dist/tegel/{p-8a4837ae.entry.js → p-22d1d304.entry.js} +1 -1
- package/dist/tegel/{p-2faeb483.entry.js → p-26d6f766.entry.js} +1 -1
- package/dist/tegel/{p-4a7c213f.entry.js → p-2ab5a886.entry.js} +1 -1
- package/dist/tegel/{p-066e9613.entry.js → p-2e70052a.entry.js} +1 -1
- package/dist/tegel/{p-4a10393b.entry.js → p-37d10816.entry.js} +1 -1
- package/dist/tegel/p-38e72fb9.entry.js +1 -0
- package/dist/tegel/p-3a4c94fa.entry.js +1 -0
- package/dist/tegel/{p-15ae9443.entry.js → p-3a9793ef.entry.js} +1 -1
- package/dist/tegel/p-3c706eea.entry.js +1 -0
- package/dist/tegel/p-3d11fc11.entry.js +1 -0
- package/dist/tegel/{p-26408506.entry.js → p-408ccb20.entry.js} +1 -1
- package/dist/tegel/p-41ce0d20.entry.js +1 -0
- package/dist/tegel/{p-17893043.entry.js → p-4748cad9.entry.js} +1 -1
- package/dist/tegel/{p-25c4e6f6.entry.js → p-52e8c108.entry.js} +1 -1
- package/dist/tegel/{p-79fb0088.entry.js → p-567cbbe3.entry.js} +1 -1
- package/dist/tegel/{p-caadaf33.entry.js → p-5fc5e8b2.entry.js} +1 -1
- package/dist/tegel/{p-d031a7ca.entry.js → p-652d5980.entry.js} +1 -1
- package/dist/tegel/{p-08c993f3.entry.js → p-66404c24.entry.js} +1 -1
- package/dist/tegel/p-6952323d.entry.js +1 -0
- package/dist/tegel/p-722edda3.entry.js +1 -0
- package/dist/tegel/p-7aedca1d.entry.js +1 -0
- package/dist/tegel/p-7d54c68f.entry.js +1 -0
- package/dist/tegel/{p-ce6faf0e.entry.js → p-7f41c308.entry.js} +1 -1
- package/dist/tegel/{p-3ba2e575.entry.js → p-826bfbff.entry.js} +1 -1
- package/dist/tegel/{p-133351b5.entry.js → p-82743378.entry.js} +1 -1
- package/dist/tegel/p-85b3d6a6.entry.js +1 -0
- package/dist/tegel/{p-f1d58cbf.entry.js → p-85e2b8b8.entry.js} +1 -1
- package/dist/tegel/p-873dd581.entry.js +1 -0
- package/dist/tegel/p-88deac25.entry.js +1 -0
- package/dist/tegel/p-892bdb23.entry.js +1 -0
- package/dist/tegel/p-8eaea9b6.entry.js +1 -0
- package/dist/tegel/p-8f271e98.entry.js +1 -0
- package/dist/tegel/{p-508a55c0.entry.js → p-8fdf0d7e.entry.js} +1 -1
- package/dist/tegel/p-92ee76ea.entry.js +1 -0
- package/dist/tegel/p-936a7ca6.entry.js +1 -0
- package/dist/tegel/p-97c3349e.entry.js +1 -0
- package/dist/tegel/p-9a6a1e5a.entry.js +1 -0
- package/dist/tegel/p-9b2663c2.entry.js +1 -0
- package/dist/tegel/p-9xxNGlso.js +2 -0
- package/dist/tegel/{p-9332c225.js → p-Bx66i7RU.js} +1 -1
- package/dist/tegel/p-CF8bH08v.js +1 -0
- package/dist/tegel/p-CLF3diNe.js +1 -0
- package/dist/tegel/p-Cn4f8w1e.js +1 -0
- package/dist/tegel/p-DDX6uFcm.js +1 -0
- package/dist/tegel/p-Q3W78DlP.js +1 -0
- package/dist/tegel/p-a4fc2b2c.entry.js +1 -0
- package/dist/tegel/{p-27369d6a.entry.js → p-a6415b2c.entry.js} +1 -1
- package/dist/tegel/p-a7c5f9e5.entry.js +1 -0
- package/dist/tegel/{p-106dd3e9.entry.js → p-a9a60c38.entry.js} +1 -1
- package/dist/tegel/{p-ab067071.entry.js → p-a9f3bec2.entry.js} +1 -1
- package/dist/tegel/{p-a00ad341.entry.js → p-c2ffb85d.entry.js} +1 -1
- package/dist/tegel/p-c405daa1.entry.js +1 -0
- package/dist/tegel/p-c612b88f.entry.js +1 -0
- package/dist/tegel/{p-10340b85.entry.js → p-c681502a.entry.js} +1 -1
- package/dist/tegel/p-c8a575f1.entry.js +1 -0
- package/dist/tegel/p-c8d602b9.entry.js +1 -0
- package/dist/tegel/{p-2766b46f.entry.js → p-cc482c30.entry.js} +1 -1
- package/dist/tegel/p-d0c0f219.entry.js +1 -0
- package/dist/tegel/p-d79a1010.entry.js +1 -0
- package/dist/tegel/p-daab519f.entry.js +1 -0
- package/dist/tegel/{p-dc93c6e5.entry.js → p-dad64a2f.entry.js} +1 -1
- package/dist/tegel/p-dbfcc2a9.entry.js +1 -0
- package/dist/tegel/p-df943c9e.entry.js +1 -0
- package/dist/tegel/{p-608997fa.entry.js → p-dfa11d82.entry.js} +1 -1
- package/dist/tegel/p-e13d59c1.entry.js +1 -0
- package/dist/tegel/p-e4a3e0f4.entry.js +1 -0
- package/dist/tegel/p-e64bc780.entry.js +1 -0
- package/dist/tegel/{p-300af79f.entry.js → p-e8be1c01.entry.js} +1 -1
- package/dist/tegel/p-ea500860.entry.js +1 -0
- package/dist/tegel/{p-576a60ff.entry.js → p-ee9667d7.entry.js} +1 -1
- package/dist/tegel/p-f25d7602.entry.js +1 -0
- package/dist/tegel/p-f67dd00a.entry.js +1 -0
- package/dist/tegel/{p-f097adce.entry.js → p-f98f7716.entry.js} +1 -1
- package/dist/tegel/p-wEP_nEaO.js +1 -0
- package/dist/tegel/tegel.css +2 -2
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +1 -1
- package/dist/types/components/modal/modal.d.ts +7 -0
- package/dist/types/components/slider/slider-stories-setup.d.ts +1 -1
- package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts +2 -2
- package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts +2 -2
- package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts +2 -2
- package/dist/types/components.d.ts +1206 -150
- package/dist/types/stencil-public-runtime.d.ts +196 -8
- package/dist/types/types/ScaniaIcons.d.ts +1 -1
- package/package.json +9 -4
- package/dist/cjs/app-globals-3a1e7e63.js +0 -5
- package/dist/cjs/index-ca8040ad.js +0 -2039
- package/dist/components/p-0f9ce30b.js +0 -37
- package/dist/components/p-28ef5186.js +0 -1507
- package/dist/components/p-32351d04.js +0 -37
- package/dist/components/p-381677ec.js +0 -46
- package/dist/components/p-49b20476.js +0 -82
- package/dist/components/p-4c0aa33f.js +0 -117
- package/dist/components/p-4f672d4f.js +0 -112
- package/dist/components/p-542226b2.js +0 -110
- package/dist/components/p-5725d7a2.js +0 -113
- package/dist/components/p-5bb5f233.js +0 -220
- package/dist/components/p-859e3ebf.js +0 -68
- package/dist/components/p-871223b7.js +0 -719
- package/dist/components/p-a1181b1f.js +0 -16
- package/dist/components/p-ae4ca8c3.js +0 -165
- package/dist/components/p-d5461a3c.js +0 -59
- package/dist/components/p-e0997ae2.js +0 -41
- package/dist/components/p-e1622f4a.js +0 -32
- package/dist/components/p-e62ed985.js +0 -2100
- package/dist/components/p-f086ba26.js +0 -84
- package/dist/components/p-f6685f1b.js +0 -93
- package/dist/components/p-f8db4031.js +0 -103
- package/dist/esm/app-globals-0f993ce5.js +0 -3
- package/dist/esm/dfs-1e574d5f.js +0 -27
- package/dist/esm/generateUniqueId-7934d315.js +0 -26
- package/dist/esm/getAriaInvalid-a9944cb9.js +0 -23
- package/dist/esm/hasSlot-d52114d0.js +0 -9
- package/dist/esm/index-51d04e39.js +0 -2009
- package/dist/esm/inheritAriaAttributes-04f2f252.js +0 -76
- package/dist/esm/inheritAttributes-d21e267b.js +0 -25
- package/dist/tegel/p-0684b6d3.entry.js +0 -1
- package/dist/tegel/p-078217d1.entry.js +0 -1
- package/dist/tegel/p-07d16763.entry.js +0 -1
- package/dist/tegel/p-0e3fcc9f.entry.js +0 -1
- package/dist/tegel/p-1073fb33.entry.js +0 -1
- package/dist/tegel/p-123e6e54.entry.js +0 -1
- package/dist/tegel/p-15b9a73b.entry.js +0 -1
- package/dist/tegel/p-2049fab2.js +0 -2
- package/dist/tegel/p-225c73b6.entry.js +0 -1
- package/dist/tegel/p-38725623.entry.js +0 -1
- package/dist/tegel/p-3c348fcb.entry.js +0 -1
- package/dist/tegel/p-419212b5.entry.js +0 -1
- package/dist/tegel/p-4abe96b6.entry.js +0 -1
- package/dist/tegel/p-51118061.entry.js +0 -1
- package/dist/tegel/p-57a2d4de.entry.js +0 -1
- package/dist/tegel/p-5b80467f.entry.js +0 -1
- package/dist/tegel/p-5bab691f.entry.js +0 -1
- package/dist/tegel/p-63f77d7c.entry.js +0 -1
- package/dist/tegel/p-6bb6425c.entry.js +0 -1
- package/dist/tegel/p-739068bf.entry.js +0 -1
- package/dist/tegel/p-87219f00.entry.js +0 -1
- package/dist/tegel/p-91af9dc5.entry.js +0 -1
- package/dist/tegel/p-947ec2b0.entry.js +0 -1
- package/dist/tegel/p-9772750e.entry.js +0 -1
- package/dist/tegel/p-9f154997.entry.js +0 -1
- package/dist/tegel/p-a15280db.entry.js +0 -1
- package/dist/tegel/p-a2aaf61c.entry.js +0 -1
- package/dist/tegel/p-aa795666.entry.js +0 -1
- package/dist/tegel/p-b7e0917f.entry.js +0 -1
- package/dist/tegel/p-bc697ea7.entry.js +0 -1
- package/dist/tegel/p-bf40233e.entry.js +0 -1
- package/dist/tegel/p-c05f61d6.entry.js +0 -1
- package/dist/tegel/p-c163d44f.entry.js +0 -1
- package/dist/tegel/p-c2ab817d.entry.js +0 -1
- package/dist/tegel/p-c4719b10.entry.js +0 -1
- package/dist/tegel/p-c7be09fc.entry.js +0 -1
- package/dist/tegel/p-c8fd6b3b.entry.js +0 -1
- package/dist/tegel/p-da72f897.entry.js +0 -1
- package/dist/tegel/p-ded1191e.entry.js +0 -1
- package/dist/tegel/p-e1255160.js +0 -1
- package/dist/tegel/p-e2a6c30c.entry.js +0 -1
- package/dist/tegel/p-e2db17a5.entry.js +0 -1
- package/dist/tegel/p-e40d454d.entry.js +0 -1
- package/dist/tegel/p-e53da1e5.entry.js +0 -1
- package/dist/tegel/p-e64c36a3.entry.js +0 -1
- package/dist/tegel/p-ebf13d81.entry.js +0 -1
- package/dist/tegel/p-ede87410.entry.js +0 -1
- package/dist/tegel/p-f3cf4eba.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/{tegel/p-3fe9cbbf.js → components/p-CF8bH08v.js} +0 -0
- /package/dist/{tegel/p-52bf0fdf.js → components/p-CLF3diNe.js} +0 -0
- /package/dist/{tegel/p-11648030.js → components/p-Cn4f8w1e.js} +0 -0
- /package/dist/{tegel/p-ae110fc2.js → components/p-DDX6uFcm.js} +0 -0
- /package/dist/{tegel/p-bbf9492a.js → components/p-wEP_nEaO.js} +0 -0
- /package/dist/{components/p-52bf0fdf.js → esm/dfs-CLF3diNe.js} +0 -0
- /package/dist/{components/p-11648030.js → esm/generateUniqueId-Cn4f8w1e.js} +0 -0
- /package/dist/{components/p-bbf9492a.js → esm/getAriaInvalid-wEP_nEaO.js} +0 -0
- /package/dist/{components/p-ae110fc2.js → esm/hasSlot-DDX6uFcm.js} +0 -0
- /package/dist/{components/p-3fe9cbbf.js → esm/inheritAttributes-CF8bH08v.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,H as s,a}from"./p-9xxNGlso.js";import{g as t,i}from"./p-Bx66i7RU.js";import"./p-CLF3diNe.js";const o=class{constructor(r){e(this,r)}componentWillLoad(){const e=t(this.host,(e=>i(e)));e?this.headingElement=e:console.warn("Heading element for list not found")}render(){var e;const a={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(e=this.headingElement)||void 0===e?void 0:e.id};return r(s,{key:"a3c700222b0cfba847962708fcab2e8876b459f6"},r("div",Object.assign({key:"6e4b346fd7bb132a60386a5711381d7936df05a4"},a),r("slot",{key:"c24b1b6e7eecccea3032c2b491ce3cf83a6f821b"})))}get host(){return a(this)}};o.style=".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";export{o as tds_header_launcher_grid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as t,a as s}from"./p-9xxNGlso.js";const d=class{constructor(a){e(this,a)}render(){return a(t,{key:"bdfa5d85ce7d9d75006496af94329a1721628b4f",role:"listitem"},a("div",{key:"0f757d820aa3e96a1e98f7ae395660ba17e82576",class:"user-box"},this.imgUrl&&a("img",{key:"c03f2089edefa01b766635e43d81f5b22a58f70d",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"c5eff329fa6100258a2c7d237ec076a139f2b00b",name:"thumbanil"}),a("div",{key:"0c097b9c1488f007ee8cd3e3490f9a3e85fac8f3",class:"user-content"},a("div",{key:"3f1caac67dcd08d0bf5187ffe49c59ab3873822f",class:"header"},this.header,a("slot",{key:"59fbd4a5b4d85e15de10b55376b6c54f4b3800c7",name:"header"})),a("div",{key:"82716ea4715e64e3c9d3ad3144b7af2821be5e8b",class:"subheader"},this.subheader,a("slot",{key:"0574e77cf1d4a1651710811a0216bab7c24a11ed",name:"subheader"})))))}get host(){return s(this)}};d.style=":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";export{d as tds_header_dropdown_list_user}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as r,a as s}from"./p-9xxNGlso.js";import{h as d}from"./p-DDX6uFcm.js";const n=class{constructor(o){t(this,o),this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.animation="none",this.onlyIcon=!1}handleKeyDown(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.add("active")}handleKeyUp(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.remove("active")}render(){const t=d("label",this.host),s=d("icon",this.host);return this.text||t||(this.onlyIcon=!0),o(r,{key:"35c60edf5c2e4769e8995a47e90b8e99ef4482f6",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant),disabled:Boolean(this.disabled),fullbleed:Boolean(this.fullbleed)},disabled:this.disabled},o("button",Object.assign({key:"819e795be3cdd3c435f54f1f9c0e13ae091aec98",type:this.type,name:this.name?this.name:void 0,value:this.value?this.value:void 0,disabled:this.disabled,class:{primary:"primary"===this.variant,secondary:"secondary"===this.variant,ghost:"ghost"===this.variant,danger:"danger"===this.variant,lg:"lg"===this.size,md:"md"===this.size,sm:"sm"===this.size,xs:"xs"===this.size,disabled:this.disabled,fullbleed:this.fullbleed,icon:s,"only-icon":this.onlyIcon,[`animation-${this.animation}`]:"none"!==this.animation}},this.onlyIcon&&this.tdsAriaLabel&&{"aria-label":this.tdsAriaLabel}),this.text,t&&!this.onlyIcon&&o("slot",{key:"1c43f0358cfa491bf3b2061e7891f17bc8f0aac4",name:"label"}),s&&o("slot",{key:"40fb5ffa1bb25c098f413e672fb28ccc11a0d3d0",name:"icon"})))}get host(){return s(this)}};n.style=".sc-tds-button:root,.tds-mode-light.sc-tds-button{--tds-btn-primary-background:var(--background-clickable-primary-primary);--tds-btn-primary-background-hover:var(--background-clickable-primary-primary-hover);--tds-btn-primary-background-active:var(--background-clickable-primary-pressed);--tds-btn-primary-background-focus:var(--background-clickable-primary-focus);--tds-btn-primary-background-disabled-primary:var(--background-clickable-primary-disabled);--tds-btn-primary-background-disabled-secondary:var(--tds-white);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-color-disabled:var(--tds-grey-250);--tds-btn-primary-border-color:transparent;--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-border-color-focus:var(--tds-blue-700);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-border-color-disabled:transparent;--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-black);--tds-btn-secondary-border-color:var(--tds-grey-350);--tds-btn-secondary-background-hover:var(--tds-blue-700);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:var(--tds-grey-650);--tds-btn-secondary-background-focus:var(--tds-blue-700);--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-white);--tds-btn-secondary-outline-color:var(--tds-grey-350);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-grey-250);--tds-btn-secondary-border-color-disabled:var(--tds-grey-250);--tds-btn-icon-secondary-color-focus:var(--tds-black);--tds-btn-icon-secondary-fill-focus:var(--tds-black);--tds-btn-icon-secondary-fill-active:var(--tds-grey-950);--tds-btn-icon-secondary-fill:var(--tds-grey-950);--tds-btn-icon-secondary-color:var(--tds-grey-950);--tds-btn-icon-secondary-fill-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-active:var(--tds-grey-950);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-grey-950);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-grey-950);--tds-btn-ghost-border-color-hover:var(--tds-grey-350);--tds-btn-ghost-outline-color-hover:var(--tds-grey-350);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-grey-950);--tds-btn-ghost-border-color-active:var(--tds-grey-650);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-grey-950);--tds-btn-ghost-border-color-focus:var(--tds-grey-350);--tds-btn-ghost-outline-color-focus:var(--tds-blue-400);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-grey-250);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-950);--tds-btn-icon-ghost-color:var(--tds-grey-950);--tds-btn-danger-background:var(--scania-extended-red-400);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--scania-extended-red-500);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--scania-extended-red-600);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--scania-extended-red-500);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-500);--tds-btn-danger-outline-color-focus:var(--tds-blue-400);--tds-btn-danger-background-disabled-primary:var(--tds-grey-50);--tds-btn-danger-background-disabled-secondary:var(--tds-white);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-grey-250);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-grey-50);--tds-btn-icon-danger-color:var(--tds-grey-50)}.sc-tds-button:root .tds-mode-variant-primary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.sc-tds-button:root .tds-mode-variant-secondary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}.tds-mode-dark.sc-tds-button{--tds-btn-primary-background:var(--scania-blue-400);--tds-btn-primary-background-hover:var(--scania-blue-500);--tds-btn-primary-background-active:var(--scania-blue-600);--tds-btn-primary-background-focus:var(--scania-blue-500);--tds-btn-primary-border-color-focus:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-border-color-hover:var(--tds-white);--tds-btn-primary-outline-color-focus:var(--tds-blue-300);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-850);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--scania-neutral-transparent-inverse-500);--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-white);--tds-btn-secondary-border-color:var(--scania-neutral-transparent-inverse-400);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-white);--tds-btn-secondary-background-active:var(--scania-blue-600);--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-grey-200);--tds-btn-secondary-background-focus:var(--scania-blue-500);--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-white);--tds-btn-secondary-outline-color-focus:var(--tds-blue-300);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-grey-500);--tds-btn-secondary-border-color-disabled:var(--tds-grey-500);--tds-btn-icon-secondary-color-focus:var(--tds-white);--tds-btn-icon-secondary-fill-focus:var(--tds-white);--tds-btn-icon-secondary-fill:var(--tds-grey-50);--tds-btn-icon-secondary-color:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-white);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-white);--tds-btn-ghost-border-color-hover:var(--tds-grey-400);--tds-btn-ghost-outline-color-hover:var(--scania-neutral-transparent-inverse-400);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:var(--tds-grey-200);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-white);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-grey-500);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-50);--tds-btn-icon-ghost-color:var(--tds-grey-50);--tds-btn-danger-background:var(--scania-extended-red-400);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--scania-extended-red-500);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:var(--tds-white);--tds-btn-danger-background-active:var(--scania-extended-red-600);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--scania-extended-red-500);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-white);--tds-btn-danger-outline-color-focus:var(--tds-blue-300);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-850);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-grey-500);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}.tds-mode-dark.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.tds-mode-dark.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}button.sc-tds-button{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:4px;border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid transparent}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:focus{outline:1px solid var(--scania-blue-400)}button.sc-tds-button:focus-visible{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.animation-fade.sc-tds-button{transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color)}button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible.sc-tds-button-s>[slot=icon],button.primary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary.sc-tds-button:active,button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-active);color:var(--tds-btn-icon-primary-fill-active);fill:var(--tds-btn-icon-primary-color-active);color:var(--tds-btn-icon-primary-color-active)}button.primary.disabled.sc-tds-button,button.primary.sc-tds-button:disabled{background:var(--tds-btn-primary-background-disabled);border-color:var(--tds-btn-primary-border-color-disabled);color:var(--tds-btn-primary-color-disabled);outline-color:var(--tds-btn-primary-outline-color-disabled)}button.secondary.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color)}button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible.sc-tds-button-s>[slot=icon],button.secondary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary.sc-tds-button:active,button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-active);color:var(--tds-btn-icon-secondary-fill-active);fill:var(--tds-btn-icon-secondary-color-active);color:var(--tds-btn-icon-secondary-color-active)}button.secondary.disabled.sc-tds-button,button.secondary.sc-tds-button:disabled{background:var(--tds-btn-secondary-background-disabled);border-color:var(--tds-btn-secondary-border-color-disabled);color:var(--tds-btn-secondary-color-disabled);outline-color:var(--tds-btn-secondary-outline-color-disabled)}button.ghost.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color)}button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible.sc-tds-button-s>[slot=icon],button.ghost:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost.sc-tds-button:active,button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost:active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-active);color:var(--tds-btn-icon-ghost-fill-active);fill:var(--tds-btn-icon-ghost-color-active);color:var(--tds-btn-icon-ghost-color-active)}button.ghost.disabled.sc-tds-button,button.ghost.sc-tds-button:disabled{background:var(--tds-btn-ghost-background-disabled);border-color:var(--tds-btn-ghost-border-color-disabled);color:var(--tds-btn-ghost-color-disabled);outline-color:var(--tds-btn-ghost-outline-color-disabled)}button.danger.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color)}button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible.sc-tds-button-s>[slot=icon],button.danger:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger.sc-tds-button:active,button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger:active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-active);color:var(--tds-btn-icon-danger-fill-active);fill:var(--tds-btn-icon-danger-color-active);color:var(--tds-btn-icon-danger-color-active)}button.danger.disabled.sc-tds-button,button.danger.sc-tds-button:disabled{background:var(--tds-btn-danger-background-disabled);border-color:var(--tds-btn-danger-border-color-disabled);color:var(--tds-btn-danger-color-disabled);outline-color:var(--tds-btn-danger-outline-color-disabled)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.sc-tds-button-htds-button.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-htds-button .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}.disabled.sc-tds-button-h:active{pointer-events:none}.disabled.sc-tds-button-h button.sc-tds-button{cursor:not-allowed}.fullbleed.sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0}";const a=class{constructor(o){t(this,o),this.orientation="horizontal",this.variant="subtle"}render(){return o(r,{key:"286c212f733e5cac724b50b8cd1e99f12f6b6de3",role:"separator","aria-orientation":"vertical"===this.orientation?"vertical":void 0},o("div",{key:"f6a3b9c516f7f072cad30d06b597d58728502b12",class:{divider:!0,vertical:"vertical"===this.orientation,horizontal:"horizontal"===this.orientation,discrete:"discrete"===this.variant,subtle:"subtle"===this.variant,soft:"soft"===this.variant,defined:"defined"===this.variant,"dark-blue":"dark-blue"===this.variant}}))}};a.style=".divider{box-sizing:border-box;background-color:var(--tds-divider-background)}.divider *{box-sizing:border-box}.divider.discrete{background-color:var(--tds-divider-background-discrete)}.divider.subtle{background-color:var(--tds-divider-background-subtle)}.divider.soft{background-color:var(--tds-divider-background-soft)}.divider.defined{background-color:var(--tds-divider-background-defined)}.divider.dark-blue{background-color:var(--tds-divider-background-dark-blue)}.divider.horizontal{width:100%;height:1px}.divider.vertical{height:100%;width:1px}";export{n as tds_button,a as tds_divider}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as s,a}from"./p-9xxNGlso.js";import{i as c}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const i=class{constructor(e){t(this,e),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),c(this.host));const t=Object.assign({},this.ariaAttributes);return e(s,{key:"72018ce054eb1c8c0d743887693ae0eb5a5fceae"},e("tds-header-item",{key:"575f5f39bc75aaae01e3d62149228c63d389cbca",active:this.active},e("button",Object.assign({key:"9c0d368a1f63260950e93f72c022b4d030f20587"},t,{"aria-label":this.tdsAriaLabel}),e("tds-icon",{key:"e8ee6fc3fcf23cebc14fb084517abaf68c71a495",class:"icon",name:"bento",size:"20px","svg-title":this.tdsAriaLabel}))))}get host(){return a(this)}};i.style=":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";export{i as tds_header_launcher_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as r,H as t}from"./p-
|
|
1
|
+
import{r as e,h as r,H as t}from"./p-9xxNGlso.js";import{g as a}from"./p-Cn4f8w1e.js";const d=class{constructor(r){e(this,r),this.uuid=a()}render(){return r(t,{key:"25db2b1431472f1883bce6605c060e48129dacc5"},r("h3",{key:"0caaece113240546638d8d0366bcecba6f945986",class:"tds-header-launcher-grid-title",id:`tds-header-launcher-grid-title-${this.uuid}`},r("slot",{key:"16962f436f38d529357dbaade615badd87862323"})))}};d.style=".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";export{d as tds_header_launcher_grid_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as e,H as t}from"./p-
|
|
1
|
+
import{r as o,h as e,H as t}from"./p-9xxNGlso.js";const r=class{constructor(e){o(this,e),this.disabled=!1}render(){return e(t,{key:"189497fe898065e585b2bf342611716b7b44778b",role:"menuitem","aria-disabled":this.disabled?"true":"false"},e("div",{key:"5904e5da7c9f4cfe1a35df1b5b1549a8a4c501a9",class:{wrapper:!0,disabled:this.disabled}},e("slot",{key:"ddacc7938ca455a8151b2e46449414146073b045"})))}};r.style=':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{cursor:not-allowed;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host .wrapper.disabled ::slotted(*){pointer-events:none}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:"";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}';export{r as tds_popover_menu_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as a,
|
|
1
|
+
import{r as t,h as o,H as a,a as e}from"./p-9xxNGlso.js";import{h as d}from"./p-DDX6uFcm.js";const s=class{constructor(o){t(this,o),this.modeVariant=null,this.copyrightText=`Copyright © ${(new Date).getFullYear()} Scania`}render(){const t=d("top",this.host),e=d("start",this.host),s=d("end",this.host),i=d("copyright",this.host);return o(a,{key:"cc332e8bb49a94ee80c1cbd73552abb0ce4681df",class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},o("footer",{key:"3bd37308da24350daae97ecac9d5cade3d8b6e24"},t&&o("slot",{key:"17bb2a9db6b27aad3405102fa2a2c1c380a5043f",name:"top"}),o("div",{key:"78bd64db7bac22157a18ebb8792075e6e435d3ba",class:"footer-main"},(e||s)&&o("div",{key:"25112b84db722b6f4c1674957506f645f70f1fce",class:"footer-main-top"},e&&o("slot",{key:"4cd0f265f684cf7773e6d799f66e87930d223447",name:"start"}),s&&o("slot",{key:"172f7326be9a216271e4815c121777c9d929b532",name:"end"})),o("div",{key:"441c18a7502f94f8c804e0b9bd594f96c8a1b22a",class:"footer-main-bottom"},o("small",{key:"cb62fd7f2e38da47f0adb104d44ff6e83e03ce4b",class:"copyright"},i?o("slot",{name:"copyright"}):this.copyrightText),o("div",{key:"ba85b724529e318a7120c15dfbb885831a41b4f8",class:"brand"},o("p",{key:"5e4ee4c61f4fbdb8371b92e544c29e600b77ffe9"},"Scania"))))))}get host(){return e(this)}};s.style=":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg-local), var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}";export{s as tds_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as e,H as s,
|
|
1
|
+
import{r as a,h as e,H as s,a as t}from"./p-9xxNGlso.js";const o=class{constructor(e){a(this,e)}render(){const a=this.host.querySelector("a");return(null==a?void 0:a.hasAttribute("aria-label"))||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),e(s,{key:"2692fca9f014e54adafca2cca8e089456d943240"},e("tds-header-item",{key:"0e31d7f161e6fd60ce217aacc169040628b3748e"},e("slot",{key:"7bcfa8a38d0725b5127dc6e13dee2d371749c49f"})))}get host(){return t(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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as e,H as s,
|
|
1
|
+
import{r as t,c as a,h as e,H as s,a as r}from"./p-9xxNGlso.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],i=class{constructor(e){t(this,e),this.tdsFilter=a(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((a=>{if(void 0===this[a])throw new Error(`Table prop is not supported: ${a}`);this[a]=t.detail[a]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{var a;this[t]=null===(a=this.tableEl)||void 0===a?void 0:a[t]}))}handleSearch(t){const a=t.currentTarget.value.toLowerCase(),e=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?e.classList.add("tds-table__searchbar--active"):e.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return e(s,{key:"37a65522a8efe0d073906a1c0ad59bc0574faa0c",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},e("div",{key:"f4116716bd302f31f5c5a1c6344cbd263f20aadb",class:"tds-table__upper-bar-flex"},e("div",{key:"7c1088b56cd537ba8d6734bfdd8a87604c0038c3",class:"tds-table__actionbar-left"},this.tableTitle&&e("caption",{key:"aab5ff50d91410486069f9a734fd74606674819b",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),e("slot",{key:"2e7f6fdbe8865712cba24e3b4a6e5833dd684ef0",name:"start"})),e("div",{key:"1d78a673fc3d4af7955cfb9ee00ff4d2265b73e9",class:"tds-table__actionbar"},this.filter&&e("div",{key:"6fcef1537fb441d8e835d6d6978a2ca8ae107eef",class:"tds-table__searchbar"},e("input",{key:"d74bd73c0b0a969d69ea6d5ac142215466ab3add",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),e("span",{key:"6b97b5d9b0ff3bb5b17f228d9786a64b1ea1ebe4",class:"tds-table__searchbar-icon"},e("tds-icon",{key:"268d432c7c1ed126e2b0186e72ffd4fa53f33d3a",name:"search",size:"20px"}))),e("slot",{key:"ef138ddefb88afc9967230c39600538a9d112dbb",name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,H as o,a as e}from"./p-9xxNGlso.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollableWidth=i-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){if(t<0||t>=this.tabElements.length)throw new Error("Tab index out of bounds");return this.tabElements=Array.from(this.host.children),this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"b129d796866053ae345a16a84c71bfae11b5b22d",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"d01ad71aefcb3ab75b434fc329d0aff2e2e4fa5e",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"eaffe52b68a4e72dde674d3ddeaaa5b744dc694b","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"a134e040e2c474aaab21e7b5a27d4d71b9bec455",name:"chevron_left",size:"20px"})),i("slot",{key:"1b3a792581868dd02114c2ab3bf44bec75203782",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"113c97bca3def818011ae091cd6d9b740f43ec67","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"9e899fc5c5d3a658f27e7e374878e4814c3f708b",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}};h.style=':host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{h as tds_inline_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,H as a,a as d}from"./p-9xxNGlso.js";const o=["multiselect","expandableRows","verticalDividers","compactDesign","noMinWidth"],i=class{constructor(s){t(this,s),this.tdsSelectAll=e(this,"tdsSelectAll",6),this.allSelected=!1,this.disabled=!1,this.indeterminate=!1,this.multiselect=!1,this.expandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}internalTdsRowExpandedListener(t){this.tableId===t.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){var t;const e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-body");if(e){const t=e.getElementsByClassName("tds-table__row-extend--active").length,s=e.getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=s===t}}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){o.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=(null==t?void 0:t.getElementsByTagName("tds-table-toolbar").length)>=1)}async handleCheckboxChange(t){var e;this.allSelected=t.detail.checked,this.tdsSelectAll.emit({tableId:this.tableId,checked:t.detail.checked,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}render(){return s(a,{key:"d223210726dcf021431d5dbaae0339f46c948d01",class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},s("tr",{key:"e0378b5a3843b17a322b41a6062edfa44a46fc95"},this.multiselect&&s("th",{key:"9641cb2e3ee11abb9cf30a7592c0b6d00f5f7575",class:"tds-table__header-cell tds-table__header-cell--checkbox"},s("div",{key:"a0a02dad1e01d7ffaed5a8069dcd885021076e51",class:"tds-form-label tds-form-label--table"},s("tds-checkbox",{key:"5ed55d728588753457e279b955f1eba78b6dc311",checked:this.allSelected||this.selected,disabled:this.disabled,indeterminate:this.indeterminate,onTdsChange:t=>this.handleCheckboxChange(t)}))),this.expandableRows&&s("th",{key:"7a5451320a3909e333bdbc21c2f748f95eafef74",class:"tds-table__header-cell tds-table__header-cell--checkbox"}),s("slot",{key:"841f44149457dfe9f5a9e9d09bdddcd8cd443646"})))}get host(){return d(this)}};i.style=":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--tds-table-header-background-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";export{i as tds_table_header}
|
|
@@ -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-9xxNGlso.js";import{d}from"./p-CLF3diNe.js";const r=class{constructor(e){t(this,e)}render(){return e(o,{key:"cdc1e1712659f82b9bbefd67977de93963dbc68e"},e("div",{key:"1c39a69aa967c64941be3507d7e88f92cea58623",class:"item"},e("slot",{key:"62576106bdb13d983e5a415421522bbcddd348bf"})))}};r.style=":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";const i=class{constructor(e){t(this,e),this.active=!1,this.selected=!1}updateSlotted(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const r=s[0];if(r){const o=d(r,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){var t,e;this.slotEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot"),this.updateSlottedElements(),null===(e=this.slotEl)||void 0===e||e.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"4eb20ba50fa39faabf4a0538ae328f63a5468c0a"},e("tds-core-header-item",{key:"0d49c9362325f4dbb0505ff2eeccfae761be5809",class:{"component-active":this.active,"component-selected":this.selected}},e("slot",{key:"cd629d0c001b0e17df021a5f19afad156f1ee13e"})))}get host(){return s(this)}};i.style=":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}";export{r as tds_core_header_item,i as tds_header_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,F as s,H as d,a}from"./p-9xxNGlso.js";const o=class{constructor(t){e(this,t),this.defaultOpen=!1,this.selected=!1,this.open=!1,this.hoverState={isHovered:!1,updatedAt:0},this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)||void 0===e?void 0:e.isHovered:this.open}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed),this.open=this.defaultOpen}render(){return t(d,{key:"c445ee17a53144079495acb4d1153dc5f612646b"},t("div",{key:"b065cb14ea953a4bc00f9f46c6a2f6e1c1034fc4",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},t("tds-side-menu-item",{key:"7943b4e12bdf59a9777789b93c77dd92ad2dfb0e",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},t("button",{key:"957d046e71a2318d634dba3d3872e6a49ae16b02"},t("slot",{key:"df8984720383a834f689e61a8e8bddb1e0cd92ed",name:"icon"}),!this.collapsed&&t(s,{key:"22085c004966a41285404d5e4871023104d0bb0b"},this.buttonLabel,t("slot",{key:"cd82933ecce64fede3b898a77ce949cdb568ebde",name:"label"}),t("tds-icon",{key:"b475975ed4c714a2e3526a334ae19f308f54715c",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),t("div",{key:"4bd22d9c1b67f9783d8b596991ff62a8d158ba41",class:"menu",tabindex:this.collapsed?"0":void 0},this.collapsed&&t("h3",{key:"11082571734352f3b8913017d46104b28b57ba47",class:"heading-collapsed"},this.buttonLabel,t("slot",{key:"227ceed36a5db531ff2bd45320bcac88943565bc",name:"label"})),t("slot",{key:"b8ca5992ac9bbb0539ceb3d98536691f70926ea5"}))))}get host(){return a(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,h as s}from"./p-9xxNGlso.js";const d=class{constructor(s){t(this,s),this.value="",this.hidden=!1,this.size="lg",this.tdsAriaLive="polite",this.tdsAriaLabel="",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size||(this.shape=this.value.length>=2?"pill":"",this.size="lg",this.text=t.toString().length>=3?"99+":t.toString())}render(){return s("host",{key:"718d8c1583ad75a49fb5f24bb8efbdad4e3228a7",role:"status",class:{"tds-badge":!0,[`tds-badge-${this.size}`]:!0,"tds-badge-pill":"pill"===this.shape,"tds-badge-hidden":this.hidden},"aria-label":this.tdsAriaLabel,"aria-live":this.tdsAriaLive},s("div",{key:"d76ae168c4f5926a170472162ecd611b5e6e4639",class:"tds-badge-text","aria-hidden":"true"},this.text))}static get watchers(){return{value:[{watchProps:0}],size:[{watchProps:0}]}}};d.style=":host{--tds-badge-background-color:var(--tds-red-400);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}";export{d as tds_badge}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as r}from"./p-
|
|
1
|
+
import{r as t,h as e,H as r}from"./p-9xxNGlso.js";const o=class{constructor(e){t(this,e),this.current=!1}render(){return e(r,{key:"f1a223cf44e435b547b42382e8b3d47979c71793",role:"listitem"},e("div",Object.assign({key:"41baa33ae1474121ae4512ddf89fb960670d1cea",class:{current:this.current}},this.current?{"aria-current":"page"}:{}),e("slot",{key:"8f14f28f7e9824e76886a1d49f15d3404666771a"})))}};o.style='@charset "UTF-8";:host([role=listitem]) div ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host([role=listitem]) div.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}:host([role=listitem]) div.current:hover ::slotted(*),:host([role=listitem]) div [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}:host([role=listitem]) div::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host([role=listitem]) .current::after{display:none}';export{o as tds_breadcrumb}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as d,a as r}from"./p-9xxNGlso.js";import{g as s}from"./p-Cn4f8w1e.js";const i=class{constructor(d){t(this,d),this.tdsChange=o(this,"tdsChange",6),this.radioId=s(),this.checked=!1,this.required=!1,this.disabled=!1,this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})}}async focusElement(){this.inputElement&&this.inputElement.focus()}render(){return d("div",{key:"6a4ff569b492e4d5bbdccb0f9bd6b82a8186673e",class:"tds-radio-button"},d("input",{key:"0681a3f58da48700d7134a5b4db923445fcc57cf",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,class:"tds-form-input",type:"radio",role:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange(),tabIndex:this.tdsTabIndex}),d("label",{key:"0b5ca6d7a54706ed0c7878b51380683da34301f7",htmlFor:this.radioId},d("slot",{key:"68d0582c534588d209f1223191a9cc8781117a15",name:"label"})))}get host(){return r(this)}};i.style='.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:20px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) 6px;cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:20px;height:20px;top:2px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:50%;top:50%;transform:translate(-50%, -50%)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{background-color:var(--tds-radio-button-background-focus);box-shadow:0 0 0 1px var(--tds-radio-button-background-focus);animation:rb-focus var(--tds-motion-duration-moderate-02) var(--tds-motion-easing-enter) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::after{outline:1px solid var(--tds-radio-button-interaction-outline)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;background-color:transparent;width:16px;height:16px;left:2px;top:4px;box-shadow:inset 0 0 0 1px var(--tds-radio-button-border-color-disabled-after)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);clip-path:inset(1px 1px round 50%)}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}';export{i as tds_radio_button}
|
|
@@ -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-9xxNGlso.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,t;const e=this.host.closest("tds-side-menu-dropdown");let n=null,s=null;e&&(n=e.querySelector("tds-side-menu-user"),s=null===(o=e.shadowRoot)||void 0===o?void 0:o.querySelector('slot[name="icon"]'));const d=null==s?void 0:s.assignedElements(),i=!!d&&(null==d?void 0:d.length)>0,c="tds-side-menu-user-image"===(null===(t=null==d?void 0:d[0])||void 0===t?void 0:t.tagName.toLowerCase());i&&!c&&(this.dropdownHasIcon=!0),n&&(this.dropdownHasUser=!0)}render(){return t(e,{key:"64c7367db70070bb43c4533ddcafbda97651231f",role:"listitem"},t("div",{key:"60434a96f6de0a9bda3d26f7003a10c8b5668552",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:"8590776910cfb61c614c5339daa5c5464cc9a729"})))}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 t,c as e,h as o,H as s,
|
|
1
|
+
import{r as t,c as e,h as o,H as s,a as d}from"./p-9xxNGlso.js";const i=["multiselect","verticalDividers","compactDesign"],l=class{constructor(o){t(this,o),this.tdsSelect=e(this,"tdsSelect",6),this.tdsClick=e(this,"tdsClick",6),this.selected=!1,this.disabled=!1,this.clickable=!1,this.multiselect=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}handleRowClick(t){var e,o,s;if(!this.clickable)return;const d=Array.from(null!==(s=null===(o=null===(e=this.host)||void 0===e?void 0:e.parentElement)||void 0===o?void 0:o.children)&&void 0!==s?s:[]).indexOf(this.host);this.tdsClick.emit({event:t,tableId:this.tableId,rowIndex:d})}handleKeyDown(t){!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRowClick(t))}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>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(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}render(){return o(s,{key:"94bac5b3613998d805d62da4ce0ca9480e337fbc",tabindex:this.clickable?"0":null,class:{"tds-table__row":!0,"tds-table__row--selected":this.selected,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table__row--clickable":this.clickable},onClick:t=>this.handleRowClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"row"},this.multiselect&&o("td",{key:"cb823140e532475537b7f7e78ae667173fa49259",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},o("tds-checkbox",{key:"f4727dca32c80f8c0ec36995f0ac072fc7af1106",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),o("slot",{key:"33046cf6051498b6b1b314f8d7dd380b4c2309d0"}))}get host(){return d(this)}};l.style=":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){border-bottom:1px solid var(--tds-table-divider-hover)}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--focus-outline, 2px solid blue)}";export{l as tds_table_body_row}
|
|
@@ -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 i}from"./p-9xxNGlso.js";const a=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return e(o,{key:"9e15778f89e70701ea058a8aa8377b18bc693d2b","aria-selected":this.selected},e("div",{key:"963dfa3c27aa7395919ac976851d173f4bc483fe",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},e("slot",{key:"dcadb0ee891fa9a3a7ad94a2af33d82a674d2ecf"})))}get host(){return i(this)}};a.style=':host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-inline-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-blue-400);outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover ::slotted(*){color:var(--tds-inline-tabs-tab-color-hover)}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{a as tds_inline_tab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as
|
|
1
|
+
import{r as t,c as e,h as s,H as a,a as o}from"./p-9xxNGlso.js";const i=["compactDesign","horizontalScrollWidth"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const d=class{constructor(s){t(this,s),this.tdsPagination=e(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.rowsperpage=!0,this.rowsPerPageValues=[10,25,50],this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.lastCorrectValue=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.pages&&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(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.columnsNumber=this.cols?this.cols:a}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 s(a,{key:"96d07c2b5e5b667c809b949d68f65be571ad1235",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},s("tr",{key:"418f2868d0c4e5366f94d725b6cf3e7aa0346f27",class:"tds-table__footer-row"},s("td",{key:"8734d546ea3cfba0738c4daf78242e4a5e5397ea",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{key:"b348c2a48e321423523f1b2a46b916a90dc94889",class:"tds-table__pagination"},s("div",{key:"5ddf22f56fda6e794e34b5e11cc0f84842c9efde",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&s("div",{key:"39c3a7bdc7627c7710735804a121165d0fb204c8",class:"rows-per-page"},s("p",{key:"0e33895d223c3e456f7847137a2242170ebea58b"},"Rows per page"),s("tds-dropdown",{key:"efdaba5e2e40e0bb6eaee4b2fa3ac86a36dd99e7",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",defaultValue:`${this.rowsPerPageValues[0]}`,onTdsChange:t=>this.rowsPerPageChange(t)},this.rowsPerPageValues.map((t=>s("tds-dropdown-option",{value:`${t}`},t)))))),s("div",{key:"aa4872b13712174bfa21c94b15b93816c713fd29",class:"tds-table__page-selector"},s("input",{key:"fa1964c83ec002ccc6e4061ae1f8596d9ee15836",ref:t=>{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}),s("p",{key:"a8b07a6e86e18800f7681eca6377a722f12069ac",class:"tds-table__footer-text"},"of ",s("span",{key:"17019da6fe48ec045f5d1335d8c08a273dc0ac6a"},this.pages)," pages"),s("button",{key:"daa1446d15681d297a024bfa8da1ec2173ed921c",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},s("tds-icon",{key:"6abd73717c6c232ef603f749f68da72600bf48e8",name:"skip_backwards",size:"20px"})),s("button",{key:"1ea33dbc2d1bcdb0b3613a312a43997bfbc39a55",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},s("tds-icon",{key:"66c0d727d030b343d387b293f7cef4773f54e6b1",name:"chevron_left",size:"20px"})),s("button",{key:"05f18129f73975b81f252721b0f33686e32b8211",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},s("tds-icon",{key:"120e02ba680a6dad5cdfaed8002467d8f09565ad",name:"chevron_right",size:"20px"})),s("button",{key:"58e65e438020594246c0f64fc06c751b13879ee3",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},s("tds-icon",{key:"9ea98a3a7f40a9051eb46e300e5d5128dc01a95c",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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c as t,h as e,g as i}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const r=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()},this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel=""}roundToStep(s){const t=parseFloat(this.step);if(!t)return parseFloat(s.toFixed());const e=Math.round(s/t)*t,i=(t.toString().split(".")[1]||"").length;return parseFloat(e.toFixed(i))}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)||void 0===e||e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)||void 0===i||i.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)||void 0===t||t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)||void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type||"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=this.roundToStep(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(d.toString())}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(r.toString())}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly||(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)||void 0===s||s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",`${this.max.length}`))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=`${i}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=(parseFloat(this.step).toString().split(".")[1]||"").length;for(let i=1;i<=s;i++){const s=parseFloat(this.min)+t*i;this.tickValues.push(parseFloat(s.toFixed(e)))}this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return e("div",{key:"1d089e5942bf7e4872b68bc46a269e975a4957a7",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"cf47a9ec5545aa0dd064b4e900578204ec9865c9",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),e("div",{key:"1867645432d81580de1cb345ad68e55f9c004c28",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),e("div",{key:"39c628693700a11cda5f9536c6cfc8d4fcad70b6",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},e("label",{key:"8e0a61a0a9c872eda41f0d38efd9056cdf34906e",id:`${this.sliderId}-label`,class:{offset:this.showTickNumbers}},this.label),this.useInput&&e("div",{key:"04a9887058c3f4ff2a6cd86a0e351b581becba74",class:"tds-slider__input-values"},e("div",{key:"eefa61151c058767d3293bad2ecd0e9878aa3b16",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"241854ca030c62361240e98b112f7ec490cf6570",class:"tds-slider__controls"},e("div",{key:"9ee83bb2be85b0813abf53d593059c3f8867175b",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"80351eb5648c3032cc6356c8494c7fdc38a105a0",name:"minus",size:"16px"}))),e("div",{key:"5abdde18e7e8131b9b3f85d18cbbcc5583d18a52",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&e("div",{key:"364212a676b02719c87cce1135b11aa295753f46",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"ae1e63e6d45760ca582814ed1e72c3d8db43ef44",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"f3be603d4b0c9e30988265361d6b2c9f8b550483",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},e("div",{key:"cd786e1d47f5ab9a3f4b824f00849fda01064915",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"36be5f7f9bb51d138e4a2b5e66dd9116c14260f8",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&e("div",{key:"0ccf5661d2ed49474040b964f3c31c9144effdc1",class:"tds-slider__value"},this.value,e("svg",{key:"c93653b56ab7759af24ed4ca9c32af758d51266d",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"f02dd0b4b9274dc9ea36aeb30059aed4bd81007f",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),e("div",{key:"688f3d350bb7175d08b017e804edac1ddde08ee6",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"3f85a89df94fe531b1e9a3aa052cae465493aab0",class:"tds-slider__input-values"},e("div",{key:"d6f72ceb11a9305485712fed72831257ba3e47ce",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"d694e8f0bab9e97be10720bcef2f7d218a997103",class:"tds-slider__input-field-wrapper"},e("tds-text-field",{key:"50e55ae9e12d7bac3b1bee5132130b57db6082de",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&e("div",{key:"328e507a5ff8c40d01b1eb5769914a07dceb436c",class:"tds-slider__controls"},e("div",{key:"f43b7c31a4e5c38c650a24e6b622b84e32e358c2",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"707af22bfa42a1e9212199d372edf46db26eead1",name:"plus",size:"16px"})))))}get host(){return i(this)}static get watchers(){return{value:["handleValueUpdate"]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}';export{r as tds_slider}
|
|
1
|
+
import{r as s,c as t,h as e,a as i}from"./p-9xxNGlso.js";import{g as d}from"./p-Cn4f8w1e.js";const r=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);if(!t)return parseFloat(s.toFixed());const e=Math.round(s/t)*t,i=(t.toString().split(".")[1]||"").length;return parseFloat(e.toFixed(i))}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)||void 0===e||e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)||void 0===i||i.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)||void 0===t||t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)||void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type||"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=this.roundToStep(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(d.toString())}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(r.toString())}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly||(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)||void 0===s||s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",`${this.max.length}`))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=`${i}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=(parseFloat(this.step).toString().split(".")[1]||"").length;for(let i=1;i<=s;i++){const s=parseFloat(this.min)+t*i;this.tickValues.push(parseFloat(s.toFixed(e)))}this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return e("div",{key:"1d089e5942bf7e4872b68bc46a269e975a4957a7",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"cf47a9ec5545aa0dd064b4e900578204ec9865c9",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),e("div",{key:"1867645432d81580de1cb345ad68e55f9c004c28",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),e("div",{key:"39c628693700a11cda5f9536c6cfc8d4fcad70b6",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},e("label",{key:"8e0a61a0a9c872eda41f0d38efd9056cdf34906e",id:`${this.sliderId}-label`,class:{offset:this.showTickNumbers}},this.label),this.useInput&&e("div",{key:"04a9887058c3f4ff2a6cd86a0e351b581becba74",class:"tds-slider__input-values"},e("div",{key:"eefa61151c058767d3293bad2ecd0e9878aa3b16",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"241854ca030c62361240e98b112f7ec490cf6570",class:"tds-slider__controls"},e("div",{key:"9ee83bb2be85b0813abf53d593059c3f8867175b",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"80351eb5648c3032cc6356c8494c7fdc38a105a0",name:"minus",size:"16px"}))),e("div",{key:"5abdde18e7e8131b9b3f85d18cbbcc5583d18a52",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&e("div",{key:"364212a676b02719c87cce1135b11aa295753f46",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"ae1e63e6d45760ca582814ed1e72c3d8db43ef44",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"f3be603d4b0c9e30988265361d6b2c9f8b550483",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},e("div",{key:"cd786e1d47f5ab9a3f4b824f00849fda01064915",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"36be5f7f9bb51d138e4a2b5e66dd9116c14260f8",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&e("div",{key:"0ccf5661d2ed49474040b964f3c31c9144effdc1",class:"tds-slider__value"},this.value,e("svg",{key:"c93653b56ab7759af24ed4ca9c32af758d51266d",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"f02dd0b4b9274dc9ea36aeb30059aed4bd81007f",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),e("div",{key:"688f3d350bb7175d08b017e804edac1ddde08ee6",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"3f85a89df94fe531b1e9a3aa052cae465493aab0",class:"tds-slider__input-values"},e("div",{key:"d6f72ceb11a9305485712fed72831257ba3e47ce",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"d694e8f0bab9e97be10720bcef2f7d218a997103",class:"tds-slider__input-field-wrapper"},e("tds-text-field",{key:"50e55ae9e12d7bac3b1bee5132130b57db6082de",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&e("div",{key:"328e507a5ff8c40d01b1eb5769914a07dceb436c",class:"tds-slider__controls"},e("div",{key:"f43b7c31a4e5c38c650a24e6b622b84e32e358c2",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"707af22bfa42a1e9212199d372edf46db26eead1",name:"plus",size:"16px"})))))}get host(){return i(this)}static get watchers(){return{value:[{handleValueUpdate:0}]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}';export{r as tds_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as a,
|
|
1
|
+
import{r as t,h as o,H as a,a as e}from"./p-9xxNGlso.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const a=t[o];a.getAttribute("aria-controls")||console.warn("Tegel navigation-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==a.getAttribute("role")&&console.warn('Tegel navigation-tab component: Interactive elements should have attribute role="tab"'),this.disabled?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}}render(){return o(a,{key:"c0efa8fbffa68b4c81b7f337d260ed3e8023f7bc"},o("div",{key:"759dbcb91ef4b320918bcc0dae18aa9f292f2bf5",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",{key:"9eaa20e00dc625bc96723cb937e45aaa58516aa8"})))}get host(){return e(this)}};i.style=':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover ::slotted(*){color:var(--tds-navigation-tabs-tab-color-hover)}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .navigation-tab-item:hover:focus-within::after{bottom:3px}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as s,a}from"./p-9xxNGlso.js";import{i as o}from"./p-Q3W78DlP.js";import"./p-CF8bH08v.js";const r=class{constructor(t){e(this,t)}render(){const e=Object.assign({},o(this.host));return t(s,{key:"e5d7142a6d589d1b936ae4dc8376be0e03190271"},t("tds-header-item",{key:"0945e350bb89ba977327c92917af457003c48fb9"},t("button",Object.assign({key:"ade6457641c2e789dc631dad8df7491c5da53a93"},e,{"aria-label":this.tdsAriaLabel}),t("tds-icon",{key:"b900d3c953cff83c99be40b3785a650aa984ee6a",class:"icon",name:"burger",size:"20px"}))))}get host(){return a(this)}};r.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{r as tds_header_hamburger}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,a as r}from"./p-9xxNGlso.js";import{g as s}from"./p-Cn4f8w1e.js";import{g as d}from"./p-wEP_nEaO.js";const o=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=s(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return a("div",{key:"d7cf9dcacedf2b147de04a8e7a3bf3be9a3795a3",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"cb98c61db81f4efc7b72c50cc56ca121f3d449c8",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"8cfd739439df3a7a29ac73054c789f137b6aceb1",class:"textarea-wrapper"},a("textarea",{key:"d0d4eae432b70f1a5704e7d5c0fa351be37cf3b7",id:`textarea-element-${this.uuid}`,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":d(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"ea26d42ffcc583c3047101200f3abcdcc731bda7",class:"textarea-resizer-icon"},a("svg",{key:"b61a4cda00dde41c07961ba320b996b14b04ce80",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"33118433cdc99ce54347f6720912302d0d3e8c58","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&a("span",{key:"b399c8b24f70b6f12b54045cc526fb858f162a06",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"61e7fa6193e2046a8d619078265cae1b0d43b482",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"e3e74b086fb69ced9d59be3802038e055b9a08d5",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"be3f5a580e3b741229c61326c0e03df53b1510ee",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"2e201cf5e459f0b295ec32a25e1fd1d71e8491df",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&a("div",{key:"bf7060e27d93495f349771d8b1cc5fb6d0f81e01",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,a("span",{key:"fd01defdf5a5a3e854b082ed0f6e68e5c943151b",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return r(this)}};o.style=".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea: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;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{o as tds_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as s,H as a}from"./p-9xxNGlso.js";const t=class{constructor(s){e(this,s)}render(){return s(a,{key:"029f8e80bd9eb56ba1826280e6c64fdddbba918c"},s("tds-side-menu-user-image",{key:"ee277efe9180b8013596cae3ccebf801c47d7573",src:this.imgSrc,alt:this.imgAlt},s("slot",{key:"bfd0ee76f3c8903f033417ab917796ab9a2bc941",name:"image"})),s("tds-side-menu-user-label",{key:"0a1e257454854db6e670a68a3a085430e4e5187c",heading:this.heading,subheading:this.subheading}))}};t.style=":host{display:flex;align-items:center;gap:16px;height:68px}";export{t as tds_side_menu_user}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,a as o}from"./p-9xxNGlso.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:"18b73a45ee7d84119fa92e0510a6bc6aa0629dcd",class:"tds-toggle"},this.headline&&s("div",{key:"eac54354b87c7c825d0ad7fb162ec371ad88f24d",class:{"toggle-headline":!0,disabled:this.disabled}},this.headline),s("input",{key:"516d60fa34dad6fee640af0e3caad199e3408140",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:`${this.size}`,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),this.labelSlot&&s("label",{key:"48aca635f98f92bcb669dcdae4accb2f5822fe42",class:{disabled:this.disabled},htmlFor:this.toggleId},s("slot",{key:"66a1c7fbd981dd02ccfe5e69f76b978ddca596ea",name:"label"})))}get host(){return o(this)}};g.style='.tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0;border:1px solid transparent}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible{outline:none;outline:2px solid var(--tds-toggle-border-outline);border-radius:16px;outline-offset:-2px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible::before{width:40px;height:20px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--tds-toggle-off-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible::before{width:24px;height:12px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px;cursor:pointer}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}';export{g as tds_toggle}
|