@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
|
@@ -1,87 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { h as hasSlot } from './p-ae110fc2.js';
|
|
3
|
-
import { d as defineCustomElement$2 } from './p-f086ba26.js';
|
|
4
|
-
|
|
5
|
-
const footerGroupCss = ":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-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}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}";
|
|
6
|
-
const TdsFooterGroupStyle0 = footerGroupCss;
|
|
7
|
-
|
|
8
|
-
const TdsFooterGroup$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooterGroup extends H {
|
|
9
|
-
constructor() {
|
|
10
|
-
super();
|
|
11
|
-
this.__registerHost();
|
|
12
|
-
this.__attachShadow();
|
|
13
|
-
/** If the group is placed in the main part of the Footer,
|
|
14
|
-
* it can have either start or end as a slot position otherwise undefined. */
|
|
15
|
-
this.slotPosition = null;
|
|
16
|
-
/** Indicates if a group is part of the top part of the Footer. */
|
|
17
|
-
this.topPartGroup = false;
|
|
18
|
-
this.titleText = undefined;
|
|
19
|
-
this.tdsListAriaLabel = undefined;
|
|
20
|
-
this.open = false;
|
|
21
|
-
this.isMobile = false;
|
|
22
|
-
}
|
|
23
|
-
updateIsMobile() {
|
|
24
|
-
this.isMobile = window.innerWidth <= 992;
|
|
25
|
-
}
|
|
26
|
-
connectedCallback() {
|
|
27
|
-
var _a, _b;
|
|
28
|
-
this.updateIsMobile();
|
|
29
|
-
this.topPartGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.slot) === 'top';
|
|
30
|
-
if (!this.topPartGroup) {
|
|
31
|
-
this.slotPosition = ((_b = this.host.parentElement) === null || _b === void 0 ? void 0 : _b.slot) === 'end' ? 'end' : 'start';
|
|
32
|
-
}
|
|
33
|
-
if (!this.tdsListAriaLabel) {
|
|
34
|
-
console.warn('Tegel Footer Group component: missing tdsListAriaLabel prop');
|
|
35
|
-
}
|
|
36
|
-
if (this.titleText) {
|
|
37
|
-
console.warn('Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future.');
|
|
38
|
-
}
|
|
39
|
-
const hasTitleSlot = hasSlot('title', this.host);
|
|
40
|
-
if (hasTitleSlot && this.titleText) {
|
|
41
|
-
console.warn('Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.');
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
handleResize() {
|
|
45
|
-
this.updateIsMobile();
|
|
46
|
-
}
|
|
47
|
-
render() {
|
|
48
|
-
const hasTitleSlot = hasSlot('title', this.host);
|
|
49
|
-
return (h(Host, { key: '96594800603cf0e9cebf94cb567da570df3dfa34', "aria-expanded": this.open ? 'true' : 'false' }, h("div", { key: 'f131ba95fba5cbd3113dfae4ab0c40bfe322f370', class: this.isMobile ? 'mobile-view' : '' }, this.topPartGroup &&
|
|
50
|
-
(this.isMobile ? (h("button", { onClick: () => {
|
|
51
|
-
this.open = !this.open;
|
|
52
|
-
}, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText, h("tds-icon", { name: "chevron_down", size: "20px", "aria-hidden": "true" }))) : (h("div", { class: "footer-top-title" }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText))), h("nav", { key: 'a7ba1cb22025afa4f11680108e9382cf388d692e', "aria-label": this.tdsListAriaLabel }, h("div", { key: 'af304cf0fe2282b44b86cef3647177d9f89bd928', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
|
|
53
|
-
${this.topPartGroup ? 'top-part-child' : ''}
|
|
54
|
-
${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: '7117d7f69790dac3baab851edd7bb4420c2f7c3d' }))))));
|
|
55
|
-
}
|
|
56
|
-
get host() { return this; }
|
|
57
|
-
static get style() { return TdsFooterGroupStyle0; }
|
|
58
|
-
}, [1, "tds-footer-group", {
|
|
59
|
-
"titleText": [1, "title-text"],
|
|
60
|
-
"tdsListAriaLabel": [1, "tds-list-aria-label"],
|
|
61
|
-
"open": [32],
|
|
62
|
-
"isMobile": [32]
|
|
63
|
-
}, [[9, "resize", "handleResize"]]]);
|
|
64
|
-
function defineCustomElement$1() {
|
|
65
|
-
if (typeof customElements === "undefined") {
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
const components = ["tds-footer-group", "tds-icon"];
|
|
69
|
-
components.forEach(tagName => { switch (tagName) {
|
|
70
|
-
case "tds-footer-group":
|
|
71
|
-
if (!customElements.get(tagName)) {
|
|
72
|
-
customElements.define(tagName, TdsFooterGroup$1);
|
|
73
|
-
}
|
|
74
|
-
break;
|
|
75
|
-
case "tds-icon":
|
|
76
|
-
if (!customElements.get(tagName)) {
|
|
77
|
-
defineCustomElement$2();
|
|
78
|
-
}
|
|
79
|
-
break;
|
|
80
|
-
} });
|
|
81
|
-
}
|
|
82
|
-
defineCustomElement$1();
|
|
83
|
-
|
|
84
|
-
const TdsFooterGroup = TdsFooterGroup$1;
|
|
85
|
-
const defineCustomElement = defineCustomElement$1;
|
|
86
|
-
|
|
87
|
-
export { TdsFooterGroup, defineCustomElement };
|
|
1
|
+
import{t,p as o,H as e,h as s,a as i}from"./index.js";import{h as l}from"./p-DDX6uFcm.js";import{d as n}from"./p-C0fx1H4h.js";const r=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.isMobile=!1,this.slotPosition=null,this.topPartGroup=!1}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){var t,o;this.updateIsMobile(),this.topPartGroup="top"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.slot),this.topPartGroup||(this.slotPosition="end"===(null===(o=this.host.parentElement)||void 0===o?void 0:o.slot)?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),l("title",this.host)&&this.titleText&&console.warn("Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.")}handleResize(){this.updateIsMobile()}render(){const t=l("title",this.host);return s(i,{key:"96594800603cf0e9cebf94cb567da570df3dfa34","aria-expanded":this.open?"true":"false"},s("div",{key:"f131ba95fba5cbd3113dfae4ab0c40bfe322f370",class:this.isMobile?"mobile-view":""},this.topPartGroup&&(this.isMobile?s("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button "+(this.open?"expanded":"closed")},t?s("slot",{name:"title"}):this.titleText,s("tds-icon",{name:"chevron_down",size:"20px","aria-hidden":"true"})):s("div",{class:"footer-top-title"},t?s("slot",{name:"title"}):this.titleText)),s("nav",{key:"a7ba1cb22025afa4f11680108e9382cf388d692e","aria-label":this.tdsListAriaLabel},s("div",{key:"af304cf0fe2282b44b86cef3647177d9f89bd928",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},s("slot",{key:"7117d7f69790dac3baab851edd7bb4420c2f7c3d"})))))}get host(){return this}static get style(){return":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-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}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}"}},[257,"tds-footer-group",{titleText:[1,"title-text"],tdsListAriaLabel:[1,"tds-list-aria-label"],open:[32],isMobile:[32]},[[9,"resize","handleResize"]]]);function a(){"undefined"!=typeof customElements&&["tds-footer-group","tds-icon"].forEach((o=>{switch(o){case"tds-footer-group":customElements.get(t(o))||customElements.define(t(o),r);break;case"tds-icon":customElements.get(t(o))||n()}}))}a();const d=r,p=a;export{d as TdsFooterGroup,p as defineCustomElement}
|
|
@@ -1,44 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const footerItemCss = ":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(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}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(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}}";
|
|
4
|
-
const TdsFooterItemStyle0 = footerItemCss;
|
|
5
|
-
|
|
6
|
-
const TdsFooterItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooterItem extends H {
|
|
7
|
-
constructor() {
|
|
8
|
-
super();
|
|
9
|
-
this.__registerHost();
|
|
10
|
-
this.__attachShadow();
|
|
11
|
-
this.parentIsTopPart = false;
|
|
12
|
-
}
|
|
13
|
-
connectedCallback() {
|
|
14
|
-
var _a;
|
|
15
|
-
const closestGroup = this.host.closest('tds-footer-group');
|
|
16
|
-
if (closestGroup) {
|
|
17
|
-
this.parentIsTopPart = ((_a = closestGroup.parentElement) === null || _a === void 0 ? void 0 : _a.slot) === 'top';
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
return (h(Host, { key: 'ed7e825469fcae5d17af59f0a5f845fcadf8bf89', role: "listitem" }, h("div", { key: '74b64120093b651b91eba2b2dd98c5300a590fae', class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, h("slot", { key: '84a215c3bc66039e4973337bb2bc7de3dbe5ed77' }))));
|
|
22
|
-
}
|
|
23
|
-
get host() { return this; }
|
|
24
|
-
static get style() { return TdsFooterItemStyle0; }
|
|
25
|
-
}, [1, "tds-footer-item"]);
|
|
26
|
-
function defineCustomElement$1() {
|
|
27
|
-
if (typeof customElements === "undefined") {
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
const components = ["tds-footer-item"];
|
|
31
|
-
components.forEach(tagName => { switch (tagName) {
|
|
32
|
-
case "tds-footer-item":
|
|
33
|
-
if (!customElements.get(tagName)) {
|
|
34
|
-
customElements.define(tagName, TdsFooterItem$1);
|
|
35
|
-
}
|
|
36
|
-
break;
|
|
37
|
-
} });
|
|
38
|
-
}
|
|
39
|
-
defineCustomElement$1();
|
|
40
|
-
|
|
41
|
-
const TdsFooterItem = TdsFooterItem$1;
|
|
42
|
-
const defineCustomElement = defineCustomElement$1;
|
|
43
|
-
|
|
44
|
-
export { TdsFooterItem, defineCustomElement };
|
|
1
|
+
import{t,p as o,H as e,h as i,a as s}from"./index.js";const l=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.parentIsTopPart=!1}connectedCallback(){var t;const o=this.host.closest("tds-footer-group");o&&(this.parentIsTopPart="top"===(null===(t=o.parentElement)||void 0===t?void 0:t.slot))}render(){return i(s,{key:"ed7e825469fcae5d17af59f0a5f845fcadf8bf89",role:"listitem"},i("div",{key:"74b64120093b651b91eba2b2dd98c5300a590fae",class:this.parentIsTopPart?"top-part-child":""},i("slot",{key:"84a215c3bc66039e4973337bb2bc7de3dbe5ed77"})))}get host(){return this}static get style(){return":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(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}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(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}}"}},[257,"tds-footer-item"]);function d(){"undefined"!=typeof customElements&&["tds-footer-item"].forEach((o=>{"tds-footer-item"===o&&(customElements.get(t(o))||customElements.define(t(o),l))}))}d();const r=l,a=d;export{r as TdsFooterItem,a as defineCustomElement}
|
|
@@ -1,47 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { h as hasSlot } from './p-ae110fc2.js';
|
|
3
|
-
|
|
4
|
-
const footerCss = ":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%}}";
|
|
5
|
-
const TdsFooterStyle0 = footerCss;
|
|
6
|
-
|
|
7
|
-
const TdsFooter$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooter extends H {
|
|
8
|
-
constructor() {
|
|
9
|
-
super();
|
|
10
|
-
this.__registerHost();
|
|
11
|
-
this.__attachShadow();
|
|
12
|
-
this.copyrightText = `Copyright © ${new Date().getFullYear()} Scania`;
|
|
13
|
-
this.modeVariant = null;
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
const usesTopSlot = hasSlot('top', this.host);
|
|
17
|
-
const usesStartSlot = hasSlot('start', this.host);
|
|
18
|
-
const usesEndSlot = hasSlot('end', this.host);
|
|
19
|
-
const usesCopyrightSlot = hasSlot('copyright', this.host);
|
|
20
|
-
return (h(Host, { key: 'cc332e8bb49a94ee80c1cbd73552abb0ce4681df', class: {
|
|
21
|
-
[`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
|
|
22
|
-
} }, h("footer", { key: '3bd37308da24350daae97ecac9d5cade3d8b6e24' }, usesTopSlot && h("slot", { key: '17bb2a9db6b27aad3405102fa2a2c1c380a5043f', name: "top" }), h("div", { key: '78bd64db7bac22157a18ebb8792075e6e435d3ba', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: '25112b84db722b6f4c1674957506f645f70f1fce', class: "footer-main-top" }, usesStartSlot && h("slot", { key: '4cd0f265f684cf7773e6d799f66e87930d223447', name: "start" }), usesEndSlot && h("slot", { key: '172f7326be9a216271e4815c121777c9d929b532', name: "end" }))), h("div", { key: '441c18a7502f94f8c804e0b9bd594f96c8a1b22a', class: "footer-main-bottom" }, h("small", { key: 'cb62fd7f2e38da47f0adb104d44ff6e83e03ce4b', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: 'ba85b724529e318a7120c15dfbb885831a41b4f8', class: "brand" }, h("p", { key: '5e4ee4c61f4fbdb8371b92e544c29e600b77ffe9' }, "Scania")))))));
|
|
23
|
-
}
|
|
24
|
-
get host() { return this; }
|
|
25
|
-
static get style() { return TdsFooterStyle0; }
|
|
26
|
-
}, [1, "tds-footer", {
|
|
27
|
-
"modeVariant": [1, "mode-variant"]
|
|
28
|
-
}]);
|
|
29
|
-
function defineCustomElement$1() {
|
|
30
|
-
if (typeof customElements === "undefined") {
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
const components = ["tds-footer"];
|
|
34
|
-
components.forEach(tagName => { switch (tagName) {
|
|
35
|
-
case "tds-footer":
|
|
36
|
-
if (!customElements.get(tagName)) {
|
|
37
|
-
customElements.define(tagName, TdsFooter$1);
|
|
38
|
-
}
|
|
39
|
-
break;
|
|
40
|
-
} });
|
|
41
|
-
}
|
|
42
|
-
defineCustomElement$1();
|
|
43
|
-
|
|
44
|
-
const TdsFooter = TdsFooter$1;
|
|
45
|
-
const defineCustomElement = defineCustomElement$1;
|
|
46
|
-
|
|
47
|
-
export { TdsFooter, defineCustomElement };
|
|
1
|
+
import{t,p as o,H as e,h as a,a as s}from"./index.js";import{h as d}from"./p-DDX6uFcm.js";const n=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.copyrightText=`Copyright © ${(new Date).getFullYear()} Scania`}render(){const t=d("top",this.host),o=d("start",this.host),e=d("end",this.host),n=d("copyright",this.host);return a(s,{key:"cc332e8bb49a94ee80c1cbd73552abb0ce4681df",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},a("footer",{key:"3bd37308da24350daae97ecac9d5cade3d8b6e24"},t&&a("slot",{key:"17bb2a9db6b27aad3405102fa2a2c1c380a5043f",name:"top"}),a("div",{key:"78bd64db7bac22157a18ebb8792075e6e435d3ba",class:"footer-main"},(o||e)&&a("div",{key:"25112b84db722b6f4c1674957506f645f70f1fce",class:"footer-main-top"},o&&a("slot",{key:"4cd0f265f684cf7773e6d799f66e87930d223447",name:"start"}),e&&a("slot",{key:"172f7326be9a216271e4815c121777c9d929b532",name:"end"})),a("div",{key:"441c18a7502f94f8c804e0b9bd594f96c8a1b22a",class:"footer-main-bottom"},a("small",{key:"cb62fd7f2e38da47f0adb104d44ff6e83e03ce4b",class:"copyright"},n?a("slot",{name:"copyright"}):this.copyrightText),a("div",{key:"ba85b724529e318a7120c15dfbb885831a41b4f8",class:"brand"},a("p",{key:"5e4ee4c61f4fbdb8371b92e544c29e600b77ffe9"},"Scania"))))))}get host(){return this}static get style(){return":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%}}"}},[257,"tds-footer",{modeVariant:[1,"mode-variant"]}]);function i(){"undefined"!=typeof customElements&&["tds-footer"].forEach((o=>{"tds-footer"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}i();const r=n,c=i;export{r as TdsFooter,c as defineCustomElement}
|
|
@@ -1,52 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { d as defineCustomElement$3 } from './p-e1622f4a.js';
|
|
3
|
-
import { d as defineCustomElement$2 } from './p-4c0aa33f.js';
|
|
4
|
-
|
|
5
|
-
const headerBrandSymbolCss = ":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}}";
|
|
6
|
-
const TdsHeaderBrandSymbolStyle0 = headerBrandSymbolCss;
|
|
7
|
-
|
|
8
|
-
const TdsHeaderBrandSymbol$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderBrandSymbol extends H {
|
|
9
|
-
constructor() {
|
|
10
|
-
super();
|
|
11
|
-
this.__registerHost();
|
|
12
|
-
this.__attachShadow();
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
const aTag = this.host.querySelector('a');
|
|
16
|
-
if (!(aTag === null || aTag === void 0 ? void 0 : aTag.hasAttribute('aria-label'))) {
|
|
17
|
-
console.warn('Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot');
|
|
18
|
-
}
|
|
19
|
-
return (h(Host, { key: '2692fca9f014e54adafca2cca8e089456d943240' }, h("tds-header-item", { key: '0e31d7f161e6fd60ce217aacc169040628b3748e' }, h("slot", { key: '7bcfa8a38d0725b5127dc6e13dee2d371749c49f' }))));
|
|
20
|
-
}
|
|
21
|
-
get host() { return this; }
|
|
22
|
-
static get style() { return TdsHeaderBrandSymbolStyle0; }
|
|
23
|
-
}, [1, "tds-header-brand-symbol"]);
|
|
24
|
-
function defineCustomElement$1() {
|
|
25
|
-
if (typeof customElements === "undefined") {
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
const components = ["tds-header-brand-symbol", "tds-core-header-item", "tds-header-item"];
|
|
29
|
-
components.forEach(tagName => { switch (tagName) {
|
|
30
|
-
case "tds-header-brand-symbol":
|
|
31
|
-
if (!customElements.get(tagName)) {
|
|
32
|
-
customElements.define(tagName, TdsHeaderBrandSymbol$1);
|
|
33
|
-
}
|
|
34
|
-
break;
|
|
35
|
-
case "tds-core-header-item":
|
|
36
|
-
if (!customElements.get(tagName)) {
|
|
37
|
-
defineCustomElement$3();
|
|
38
|
-
}
|
|
39
|
-
break;
|
|
40
|
-
case "tds-header-item":
|
|
41
|
-
if (!customElements.get(tagName)) {
|
|
42
|
-
defineCustomElement$2();
|
|
43
|
-
}
|
|
44
|
-
break;
|
|
45
|
-
} });
|
|
46
|
-
}
|
|
47
|
-
defineCustomElement$1();
|
|
48
|
-
|
|
49
|
-
const TdsHeaderBrandSymbol = TdsHeaderBrandSymbol$1;
|
|
50
|
-
const defineCustomElement = defineCustomElement$1;
|
|
51
|
-
|
|
52
|
-
export { TdsHeaderBrandSymbol, defineCustomElement };
|
|
1
|
+
import{t as e,p as t,H as s,h as a,a as d}from"./index.js";import{d as o}from"./p-BFcLEwMn.js";import{d as r}from"./p-BuqEW3pN.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=this.host.querySelector("a");return(null==e?void 0:e.hasAttribute("aria-label"))||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(d,{key:"2692fca9f014e54adafca2cca8e089456d943240"},a("tds-header-item",{key:"0e31d7f161e6fd60ce217aacc169040628b3748e"},a("slot",{key:"7bcfa8a38d0725b5127dc6e13dee2d371749c49f"})))}get host(){return this}static get style(){return":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}}"}},[257,"tds-header-brand-symbol"]);function c(){"undefined"!=typeof customElements&&["tds-header-brand-symbol","tds-core-header-item","tds-header-item"].forEach((t=>{switch(t){case"tds-header-brand-symbol":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||o();break;case"tds-header-item":customElements.get(e(t))||r()}}))}c();const i=n,m=c;export{i as TdsHeaderBrandSymbol,m as defineCustomElement}
|
|
@@ -1,187 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-f086ba26.js';
|
|
3
|
-
|
|
4
|
-
const tableHeaderCellCss = ":host(.tds-table__header-cell){box-sizing:border-box;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-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) *{box-sizing:border-box}:host(.tds-table__header-cell) .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell--sortable) .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact){height:33px}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}:host(.tds-table--no-padding){height:unset}:host(.tds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.tds-table--toolbar-available){border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available){border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type){border-top-right-radius:0}";
|
|
5
|
-
const TdsHeaderCellStyle0 = tableHeaderCellCss;
|
|
6
|
-
|
|
7
|
-
const relevantTableProps = [
|
|
8
|
-
'multiselect',
|
|
9
|
-
'expandableRows',
|
|
10
|
-
'compactDesign',
|
|
11
|
-
'noMinWidth',
|
|
12
|
-
'verticalDividers',
|
|
13
|
-
];
|
|
14
|
-
const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeaderCell extends H {
|
|
15
|
-
constructor() {
|
|
16
|
-
super();
|
|
17
|
-
this.__registerHost();
|
|
18
|
-
this.__attachShadow();
|
|
19
|
-
this.tdsSort = createEvent(this, "tdsSort", 7);
|
|
20
|
-
this.internalSortButtonClicked = createEvent(this, "internalSortButtonClicked", 6);
|
|
21
|
-
this.internalTdsTextAlign = createEvent(this, "internalTdsTextAlign", 6);
|
|
22
|
-
this.internalTdsHover = createEvent(this, "internalTdsHover", 6);
|
|
23
|
-
this.sortButtonClick = () => {
|
|
24
|
-
if (this.sortingDirection !== 'asc' && this.sortingDirection !== 'desc') {
|
|
25
|
-
this.sortingDirection = 'asc';
|
|
26
|
-
}
|
|
27
|
-
else {
|
|
28
|
-
this.sortingDirection = this.sortingDirection === 'asc' ? 'desc' : 'asc';
|
|
29
|
-
}
|
|
30
|
-
this.sortedByMyKey = true;
|
|
31
|
-
this.tdsSort.emit({
|
|
32
|
-
tableId: this.tableId,
|
|
33
|
-
columnKey: this.cellKey,
|
|
34
|
-
sortingDirection: this.sortingDirection,
|
|
35
|
-
});
|
|
36
|
-
this.internalSortButtonClicked.emit({
|
|
37
|
-
tableId: this.tableId,
|
|
38
|
-
key: this.cellKey,
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
this.headerCellContent = () => {
|
|
42
|
-
if (this.sortable) {
|
|
43
|
-
return (h("button", { class: "tds-table__header-button", onClick: () => this.sortButtonClick(), style: { justifyContent: this.textAlignState }, "aria-label": this.tdsAriaLabelSortButton }, h("span", { class: "tds-table__header-button-text" }, this.cellValue, h("slot", null)), this.sortingDirection === undefined && (h("tds-icon", { svgTitle: "sorting", class: "tds-table__header-button-icon", name: "sorting", size: "16px" })), this.sortingDirection && ['asc', 'desc'].includes(this.sortingDirection) && (h("tds-icon", { svgTitle: "arrow down", class: `tds-table__header-button-icon ${this.sortingDirection === 'asc' ? 'tds-table__header-button-icon--rotate' : ''}`, name: "arrow_down", size: "16px" }))));
|
|
44
|
-
}
|
|
45
|
-
return (h("p", { class: {
|
|
46
|
-
'tds-table__header-text': true,
|
|
47
|
-
'tds-table__header-text-no-padding': this.disablePadding,
|
|
48
|
-
}, style: { textAlign: this.textAlignState } }, this.cellValue, h("slot", null)));
|
|
49
|
-
};
|
|
50
|
-
this.onHeadCellHover = (key) => {
|
|
51
|
-
this.internalTdsHover.emit({
|
|
52
|
-
tableId: this.tableId,
|
|
53
|
-
key,
|
|
54
|
-
});
|
|
55
|
-
};
|
|
56
|
-
this.cellKey = undefined;
|
|
57
|
-
this.cellValue = undefined;
|
|
58
|
-
this.customWidth = undefined;
|
|
59
|
-
this.sortable = false;
|
|
60
|
-
this.textAlign = 'left';
|
|
61
|
-
this.disablePadding = false;
|
|
62
|
-
this.tdsAriaLabelSortButton = '';
|
|
63
|
-
this.textAlignState = 'left';
|
|
64
|
-
this.sortingDirection = undefined;
|
|
65
|
-
this.sortedByMyKey = false;
|
|
66
|
-
this.verticalDividers = false;
|
|
67
|
-
this.compactDesign = false;
|
|
68
|
-
this.noMinWidth = false;
|
|
69
|
-
this.multiselect = false;
|
|
70
|
-
this.enableToolbarDesign = false;
|
|
71
|
-
this.tableId = '';
|
|
72
|
-
this.expandableRows = false;
|
|
73
|
-
}
|
|
74
|
-
internalTdsPropChangeListener(event) {
|
|
75
|
-
if (this.tableId === event.detail.tableId) {
|
|
76
|
-
event.detail.changed
|
|
77
|
-
.filter((changedProp) => relevantTableProps.includes(changedProp))
|
|
78
|
-
.forEach((changedProp) => {
|
|
79
|
-
if (typeof this[changedProp] === 'undefined') {
|
|
80
|
-
throw new Error(`Table prop is not supported: ${changedProp}`);
|
|
81
|
-
}
|
|
82
|
-
this[changedProp] = event.detail[changedProp];
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
updateOptionsContent(event) {
|
|
87
|
-
const { tableId, key } = event.detail;
|
|
88
|
-
if (this.tableId === tableId) {
|
|
89
|
-
if (this.cellKey !== key) {
|
|
90
|
-
this.sortedByMyKey = false;
|
|
91
|
-
// To sync with CSS transition timing
|
|
92
|
-
setTimeout(() => {
|
|
93
|
-
this.sortingDirection = undefined;
|
|
94
|
-
}, 200);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
connectedCallback() {
|
|
99
|
-
var _a;
|
|
100
|
-
this.tableEl = this.host.closest('tds-table');
|
|
101
|
-
this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
|
|
102
|
-
}
|
|
103
|
-
componentWillLoad() {
|
|
104
|
-
relevantTableProps.forEach((tablePropName) => {
|
|
105
|
-
var _a;
|
|
106
|
-
this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
componentWillRender() {
|
|
110
|
-
// if text alignment matches any of the acceptable values, use it. Otherwise, set "left" as default
|
|
111
|
-
this.textAlignState = ['left', 'start', 'right', 'end', 'center'].includes(this.textAlign)
|
|
112
|
-
? this.textAlign
|
|
113
|
-
: 'left';
|
|
114
|
-
// To enable body cells text align per rules set in head cell
|
|
115
|
-
this.internalTdsTextAlign.emit([this.tableId, this.cellKey, this.textAlignState]);
|
|
116
|
-
const closesetTable = this.host.closest('tds-table');
|
|
117
|
-
if (closesetTable) {
|
|
118
|
-
this.enableToolbarDesign =
|
|
119
|
-
closesetTable.getElementsByTagName('tds-table-toolbar').length >= 1;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
getAriaSort() {
|
|
123
|
-
if (this.sortingDirection === 'asc')
|
|
124
|
-
return 'ascending';
|
|
125
|
-
if (this.sortingDirection === 'desc')
|
|
126
|
-
return 'descending';
|
|
127
|
-
return 'none';
|
|
128
|
-
}
|
|
129
|
-
render() {
|
|
130
|
-
return (h(Host, { key: '4df64a3d4a0ef86b377db355cfc149daf9b246b5', class: {
|
|
131
|
-
'tds-table__header-cell': true,
|
|
132
|
-
'tds-table__header-cell--sortable': this.sortable,
|
|
133
|
-
'tds-table__header-cell--is-sorted': this.sortedByMyKey,
|
|
134
|
-
'tds-table__header-cell--custom-width': this.customWidth !== '',
|
|
135
|
-
'tds-table--compact': this.compactDesign,
|
|
136
|
-
'tds-table--divider': this.verticalDividers,
|
|
137
|
-
'tds-table--no-min-width': this.noMinWidth,
|
|
138
|
-
'tds-table--extra-column': this.multiselect || this.expandableRows,
|
|
139
|
-
'tds-table--toolbar-available': this.enableToolbarDesign,
|
|
140
|
-
'tds-table--no-padding': this.disablePadding,
|
|
141
|
-
}, style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover(''), role: "columnheader", "aria-sort": this.getAriaSort() }, this.headerCellContent()));
|
|
142
|
-
}
|
|
143
|
-
get host() { return this; }
|
|
144
|
-
static get style() { return TdsHeaderCellStyle0; }
|
|
145
|
-
}, [1, "tds-header-cell", {
|
|
146
|
-
"cellKey": [513, "cell-key"],
|
|
147
|
-
"cellValue": [513, "cell-value"],
|
|
148
|
-
"customWidth": [513, "custom-width"],
|
|
149
|
-
"sortable": [4],
|
|
150
|
-
"textAlign": [513, "text-align"],
|
|
151
|
-
"disablePadding": [516, "disable-padding"],
|
|
152
|
-
"tdsAriaLabelSortButton": [513, "tds-aria-label-sort-button"],
|
|
153
|
-
"textAlignState": [32],
|
|
154
|
-
"sortingDirection": [32],
|
|
155
|
-
"sortedByMyKey": [32],
|
|
156
|
-
"verticalDividers": [32],
|
|
157
|
-
"compactDesign": [32],
|
|
158
|
-
"noMinWidth": [32],
|
|
159
|
-
"multiselect": [32],
|
|
160
|
-
"enableToolbarDesign": [32],
|
|
161
|
-
"tableId": [32],
|
|
162
|
-
"expandableRows": [32]
|
|
163
|
-
}, [[16, "internalTdsPropChange", "internalTdsPropChangeListener"], [16, "internalSortButtonClicked", "updateOptionsContent"]]]);
|
|
164
|
-
function defineCustomElement$1() {
|
|
165
|
-
if (typeof customElements === "undefined") {
|
|
166
|
-
return;
|
|
167
|
-
}
|
|
168
|
-
const components = ["tds-header-cell", "tds-icon"];
|
|
169
|
-
components.forEach(tagName => { switch (tagName) {
|
|
170
|
-
case "tds-header-cell":
|
|
171
|
-
if (!customElements.get(tagName)) {
|
|
172
|
-
customElements.define(tagName, TdsTableHeaderCell);
|
|
173
|
-
}
|
|
174
|
-
break;
|
|
175
|
-
case "tds-icon":
|
|
176
|
-
if (!customElements.get(tagName)) {
|
|
177
|
-
defineCustomElement$2();
|
|
178
|
-
}
|
|
179
|
-
break;
|
|
180
|
-
} });
|
|
181
|
-
}
|
|
182
|
-
defineCustomElement$1();
|
|
183
|
-
|
|
184
|
-
const TdsHeaderCell = TdsTableHeaderCell;
|
|
185
|
-
const defineCustomElement = defineCustomElement$1;
|
|
186
|
-
|
|
187
|
-
export { TdsHeaderCell, defineCustomElement };
|
|
1
|
+
import{t,p as e,H as s,c as a,h as o,a as d}from"./index.js";import{d as i}from"./p-C0fx1H4h.js";const l=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers"],r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSort=a(this,"tdsSort",7),this.internalSortButtonClicked=a(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=a(this,"internalTdsTextAlign",6),this.internalTdsHover=a(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?o("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},o("span",{class:"tds-table__header-button-text"},this.cellValue,o("slot",null)),void 0===this.sortingDirection&&o("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&o("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):o("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,o("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:t})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){l.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return o(d,{key:"4df64a3d4a0ef86b377db355cfc149daf9b246b5",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding},style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),role:"columnheader","aria-sort":this.getAriaSort()},this.headerCellContent())}get host(){return this}static get style(){return":host(.tds-table__header-cell){box-sizing:border-box;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-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) *{box-sizing:border-box}:host(.tds-table__header-cell) .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell--sortable) .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact){height:33px}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}:host(.tds-table--no-padding){height:unset}:host(.tds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.tds-table--toolbar-available){border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available){border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type){border-top-right-radius:0}"}},[257,"tds-header-cell",{cellKey:[513,"cell-key"],cellValue:[513,"cell-value"],customWidth:[513,"custom-width"],sortable:[4],textAlign:[513,"text-align"],disablePadding:[516,"disable-padding"],tdsAriaLabelSortButton:[513,"tds-aria-label-sort-button"],textAlignState:[32],sortingDirection:[32],sortedByMyKey:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],multiselect:[32],enableToolbarDesign:[32],tableId:[32],expandableRows:[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]);function h(){"undefined"!=typeof customElements&&["tds-header-cell","tds-icon"].forEach((e=>{switch(e){case"tds-header-cell":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||i()}}))}h();const n=r,b=h;export{n as TdsHeaderCell,b as defineCustomElement}
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const TdsHeaderDropdownListItem = TdsHeaderDropdownListItem$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { TdsHeaderDropdownListItem, defineCustomElement };
|
|
1
|
+
import{T as o,d as s}from"./p-OdH1OynJ.js";const p=o,r=s;export{p as TdsHeaderDropdownListItem,r as defineCustomElement}
|
|
@@ -1,45 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const headerDropdownListUserCss = ":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)}";
|
|
4
|
-
const TdsHeaderDropdownListUserStyle0 = headerDropdownListUserCss;
|
|
5
|
-
|
|
6
|
-
const TdsHeaderDropdownListLgUser = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdownListLgUser extends H {
|
|
7
|
-
constructor() {
|
|
8
|
-
super();
|
|
9
|
-
this.__registerHost();
|
|
10
|
-
this.__attachShadow();
|
|
11
|
-
this.imgUrl = undefined;
|
|
12
|
-
this.imgAlt = undefined;
|
|
13
|
-
this.header = undefined;
|
|
14
|
-
this.subheader = undefined;
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return (h(Host, { key: 'bdfa5d85ce7d9d75006496af94329a1721628b4f', role: "listitem" }, h("div", { key: '0f757d820aa3e96a1e98f7ae395660ba17e82576', class: "user-box" }, this.imgUrl && h("img", { key: 'c03f2089edefa01b766635e43d81f5b22a58f70d', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: 'c5eff329fa6100258a2c7d237ec076a139f2b00b', name: "thumbanil" }), h("div", { key: '0c097b9c1488f007ee8cd3e3490f9a3e85fac8f3', class: "user-content" }, h("div", { key: '3f1caac67dcd08d0bf5187ffe49c59ab3873822f', class: "header" }, this.header, h("slot", { key: '59fbd4a5b4d85e15de10b55376b6c54f4b3800c7', name: "header" })), h("div", { key: '82716ea4715e64e3c9d3ad3144b7af2821be5e8b', class: "subheader" }, this.subheader, h("slot", { key: '0574e77cf1d4a1651710811a0216bab7c24a11ed', name: "subheader" }))))));
|
|
18
|
-
}
|
|
19
|
-
get host() { return this; }
|
|
20
|
-
static get style() { return TdsHeaderDropdownListUserStyle0; }
|
|
21
|
-
}, [1, "tds-header-dropdown-list-user", {
|
|
22
|
-
"imgUrl": [1, "img-url"],
|
|
23
|
-
"imgAlt": [1, "img-alt"],
|
|
24
|
-
"header": [1],
|
|
25
|
-
"subheader": [1]
|
|
26
|
-
}]);
|
|
27
|
-
function defineCustomElement$1() {
|
|
28
|
-
if (typeof customElements === "undefined") {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
const components = ["tds-header-dropdown-list-user"];
|
|
32
|
-
components.forEach(tagName => { switch (tagName) {
|
|
33
|
-
case "tds-header-dropdown-list-user":
|
|
34
|
-
if (!customElements.get(tagName)) {
|
|
35
|
-
customElements.define(tagName, TdsHeaderDropdownListLgUser);
|
|
36
|
-
}
|
|
37
|
-
break;
|
|
38
|
-
} });
|
|
39
|
-
}
|
|
40
|
-
defineCustomElement$1();
|
|
41
|
-
|
|
42
|
-
const TdsHeaderDropdownListUser = TdsHeaderDropdownListLgUser;
|
|
43
|
-
const defineCustomElement = defineCustomElement$1;
|
|
44
|
-
|
|
45
|
-
export { TdsHeaderDropdownListUser, defineCustomElement };
|
|
1
|
+
import{t as e,p as t,H as a,h as s,a as d}from"./index.js";const r=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(d,{key:"bdfa5d85ce7d9d75006496af94329a1721628b4f",role:"listitem"},s("div",{key:"0f757d820aa3e96a1e98f7ae395660ba17e82576",class:"user-box"},this.imgUrl&&s("img",{key:"c03f2089edefa01b766635e43d81f5b22a58f70d",src:this.imgUrl,alt:this.imgAlt}),s("slot",{key:"c5eff329fa6100258a2c7d237ec076a139f2b00b",name:"thumbanil"}),s("div",{key:"0c097b9c1488f007ee8cd3e3490f9a3e85fac8f3",class:"user-content"},s("div",{key:"3f1caac67dcd08d0bf5187ffe49c59ab3873822f",class:"header"},this.header,s("slot",{key:"59fbd4a5b4d85e15de10b55376b6c54f4b3800c7",name:"header"})),s("div",{key:"82716ea4715e64e3c9d3ad3144b7af2821be5e8b",class:"subheader"},this.subheader,s("slot",{key:"0574e77cf1d4a1651710811a0216bab7c24a11ed",name:"subheader"})))))}get host(){return this}static get style(){return":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)}"}},[257,"tds-header-dropdown-list-user",{imgUrl:[1,"img-url"],imgAlt:[1,"img-alt"],header:[1],subheader:[1]}]);function o(){"undefined"!=typeof customElements&&["tds-header-dropdown-list-user"].forEach((t=>{"tds-header-dropdown-list-user"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();const i=r,n=o;export{i as TdsHeaderDropdownListUser,n as defineCustomElement}
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const TdsHeaderDropdownList = TdsHeaderDropdownList$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { TdsHeaderDropdownList, defineCustomElement };
|
|
1
|
+
import{T as s,d as o}from"./p-dspMBqQE.js";const p=s,r=o;export{p as TdsHeaderDropdownList,r as defineCustomElement}
|