@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 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as s,H as i,g as e}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const r=t=>null==t?"":t.toString(),l=t=>t.map((t=>r(t))),n=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.tdsClear=o(this,"tdsClear",6),this.hasFocus=!1,this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));return 0===t.length&&console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously."),t},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>r(o.value)===r(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>{var o;return null===(o=t.textContent)||void 0===o?void 0:o.trim()}))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,i,e;if("auto"===this.openDirection||!this.openDirection){const d=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(i=(s=this.host).getBoundingClientRect)||void 0===i?void 0:i.call(s).top)&&void 0!==e?e:0)+d+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{var t;if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase();this.filterQuery=o;const s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.filter((t=>{var s;return this.normalizeString(null!==(s=null==t?void 0:t.textContent)&&void 0!==s?s:"").toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")})).length},this.handleFilterReset=()=>{if(this.filterQuery.length>0){const t=this.filterQuery;this.filterQuery="",this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.tdsClear.emit({clearedValue:t})}else if(this.selectedOptions.length>0){const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.inputElement&&(this.inputElement.value="",this.inputElement.focus()),this.tdsClear.emit({clearedValue:t})}},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.inputElement&&(this.inputElement.value=""),this.filter&&this.handleFilter({target:{value:""}})},this.handleBlur=()=>{this.filterFocus=!1,this.inputElement&&(this.inputElement.value=this.getValue())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.value=null,this.tdsAriaLabel=void 0,this.open=!1,this.internalValue="",this.filterResult=null,this.filterFocus=!1,this.internalDefaultValue="",this.selectedOptions=[],this.filterQuery=""}handleValueChange(t){const o=this.normalizeValue(t);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?l(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[r(t[0])]:[r(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const s=o.some((o=>r(o.value)===r(t)));return s||console.warn(`Option with value "${t}" does not exist`),s})):(console.warn("No dropdown options found"),t)}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(r(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,o){let s;return s=Array.isArray(t)?l(t):[r(t)],this.updateDropdownStateFromUser(s),this.getSelectedChildren().map((t=>{var o;return{value:t.value,label:null===(o=t.textContent)||void 0===o?void 0:o.trim()}}))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){var t;if(this.filter)this.focusInputElement();else{const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");o&&o.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const o=t.relatedTarget;!this.hasFocus||o&&this.host.contains(o)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){var o,s;const{activeElement:i}=document;if(!i)return;const e=this.getChildren();if("ArrowDown"===t.key){const t=i.nextElementSibling?e.findIndex((t=>t===i.nextElementSibling)):0;if(e.length>0){const o=((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(e,t),s="number"==typeof o?e[o]:e[0];null==s||s.focus()}}else if("ArrowUp"===t.key){const t=i.nextElementSibling?this.getChildren().findIndex((t=>t===i.previousElementSibling)):0;if(e.length>0){const o=((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(e,t),s="number"==typeof o?e[o]:e[e.length-1];null==s||s.focus()}}else if("Escape"===t.key)if(this.open=!1,this.filter)null===(o=this.inputElement)||void 0===o||o.focus();else{const t=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector("button");null==t||t.focus()}}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():"")),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=r(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=r(this.defaultValue),o=this.multiselect?t.split(",").map(r):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.filter&&this.filterQuery.length>0&&(this.filterQuery="",this.inputElement&&(this.inputElement.value=""),this.handleFilter({target:{value:""}})),this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){((t,o,s,i)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e&&(e.disabled=i,e.name=o||"",e.value=s||"")})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const t=this.label?`dropdown-label-${this.name||d()}`:void 0,o=this.helper?`dropdown-helper-${this.name||d()}`:void 0;return s(i,{key:"95814dc19d0c75fcfc78f8c434db1c8b71a659a1",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"ab1ba8c2935e11d011c7eeb421988bea33104d1b",id:t,class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"94ed0bb5bc35108e3b9d9fb9a766db48ce692f2e",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("input",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,ref:t=>this.inputElement=t,class:{placeholder:"inside"===this.labelPosition},type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?this.filterQuery:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":this.filterQuery.length>0?"Clear filter":"Clear selection",svgTitle:this.filterQuery.length>0?"Clear filter":"Clear selection",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.filterQuery.length>0||this.selectedOptions.length>0)},name:"cross",size:"16px"}),s("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n label-inside-as-placeholder\n ${this.size}\n ${this.selectedOptions.length?"selected":""}\n `},this.label),s("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),s("div",{key:"00ee04d8efa997d41996e82ff91f9ffcdaf6c8fe",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{t&&(this.dropdownList=t)},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":!(!this.label||"outside"!==this.labelPosition),open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"3dd6b7ab60e7a33259b20cb59c4d4537c147267f",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"f71a4316378185af92c591512219074313f38138",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"ad99eba3f43e8cb97a56468a110396e195142699",id:o,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"7008b6016ea4a48b55102d70f4a6295aa7431c38",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"],defaultValue:["handleDefaultValueChange"]}}};n.style='@charset "UTF-8";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const a=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.parentElement=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentElement="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentElement&&(this.multiselect=null!==(o=this.parentElement.multiselect)&&void 0!==o&&o,this.size=this.parentElement.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{var t,o;this.disabled||(this.selected=!0,null===(t=this.parentElement)||void 0===t||t.appendValue(this.internalValue),null===(o=this.parentElement)||void 0===o||o.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{var o,s;this.disabled||(t.detail.checked?(null===(o=this.parentElement)||void 0===o||o.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(null===(s=this.parentElement)||void 0===s||s.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentElement||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentElement||this.tdsBlur.emit(t)},this.value=void 0,this.internalValue="",this.disabled=!1,this.tdsAriaLabel=void 0,this.selected=!1,this.multiselect=!1,this.size="lg"}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=r(t)}componentWillLoad(){this.internalValue=r(this.value)}render(){return s(i,{key:"5276b572424933484ff6d923e5210dcd647b9554"},s("div",{key:"5eea7afac6ba6c1badfbc8ccf1f53ceb24df567d",class:`dropdown-option\n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{var o;"Escape"===t.key&&(null===(o=this.parentElement)||void 0===o||o.close())}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:["valueWatcher"]}}};a.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";export{n as tds_dropdown,a as tds_dropdown_option}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c,h as t,H as i,g as d}from"./p-2049fab2.js";import{g as p}from"./p-11648030.js";import{h as e}from"./p-ae110fc2.js";const o=class{constructor(t){s(this,t),this.tdsChange=c(this,"tdsChange",6),this.internalRadioOnChange=c(this,"internalRadioOnChange",6),this.tdsClick=c(this,"tdsClick",6),this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?(this.checked=!0,this.internalRadioOnChange.emit({chipId:this.chipId,checked:this.checked,groupName:this.name})):console.error("Unsupported type in Chip component!"),this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value}))},this.handleClick=()=>{this.disabled||this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=p(),this.checked=!1,this.name=void 0,this.value=void 0,this.disabled=!1,this.tdsAriaLabel=void 0}handleInternaRadioChange(s){const{chipId:c,checked:t,groupName:i}=s.detail;c!==this.chipId&&i===this.name&&this.checked&&t&&(this.checked=!1)}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}render(){const s=this.renderInputAttributes(),c=e("prefix",this.host),d=e("label",this.host),p=e("suffix",this.host);return t(i,{key:"7018c9c28fdd3711456101805579931c2dec9278"},t("div",{key:"351255bf87d14f5443f247c33e020f6fa6d6d93d",class:"component"},t("div",{key:"54cbaa247d6174f21a6ee00c6953a3d0d2b9206e",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:c,suffix:p,disabled:this.disabled}},t("input",Object.assign({key:"435b31b0c747372a220c9e80fc32ba3269eea46c",type:this.type,id:this.chipId,"aria-checked":"button"===this.type?void 0:String(this.checked),role:this.type,"aria-label":this.tdsAriaLabel},s)),t("label",{key:"b5fc3b3b932f318178153d9c45ed167d0d3cea0b",onClick:s=>s.stopPropagation(),htmlFor:this.chipId},c&&t("slot",{key:"7f38872f349515859f588741654a0151ca5a061b",name:"prefix"}),d&&t("slot",{key:"7670be1edaa2fad3840e6956c1cc0a44d804e921",name:"label"}),p&&t("slot",{key:"7494aca04287e18495080f3e3a43507a714f1a24",name:"suffix"})))))}get host(){return d(this)}};o.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:32px;border:1px solid var(--tds-chips-border);cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover);border-color:var(--tds-chips-border-hover)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background-disabled);color:var(--tds-chips-text-disabled);border-color:transparent;cursor:default;pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:16px;padding:8px 16px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:16px;padding:4px 12px;gap:4px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:4px 12px 4px 8px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px 4px 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:8px 16px 8px 10px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px 8px 16px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus);border-color:transparent}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active);border-color:var(--tds-chips-background-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover);border-color:var(--tds-chips-border-selected-hover)}";export{o as tds_chip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as d,g as r}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";const i=class{constructor(d){t(this,d),this.tdsChange=o(this,"tdsChange",6),this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})},this.name=void 0,this.value=void 0,this.radioId=s(),this.checked=!1,this.required=!1,this.disabled=!1,this.tdsAriaLabel=void 0,this.tdsTabIndex=void 0}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:24px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) var(--tds-spacing-element-4);cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:22px;height:22px;left:1px;top:1px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:4px;top:4px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover)}.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);animation:rb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-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;width:16px;height:16px;left:4px;top:4px;border:1px solid var(--tds-radio-button-color-disabled-before);box-sizing:content-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);left:5px;top:5px}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}';export{i as tds_radio_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as i,g as a}from"./p-2049fab2.js";import{g as h}from"./p-11648030.js";const n=class{constructor(s){e(this,s),this.internalTdsPropsChange=t(this,"internalTdsPropsChange",6),this.orientation="horizontal",this.labelPosition="below",this.size="lg",this.hideLabels=!1,this.stepperId=h(),this.tdsAriaLabel="Progress steps"}componentWillLoad(){"vertical"===this.orientation&&(this.labelPosition="aside")}handleDirectionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["orientation"],orientation:this.orientation})}handleLabelPositionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["labelPosition"],labelPosition:this.labelPosition})}handleSizeChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["size"],size:this.size})}handleHideLabelsChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["hideLabels"],hideLabels:this.hideLabels})}render(){return s(i,{key:"a62077cf8b1936e7109eea64cad0ceb67a45c676"},s("div",{key:"f958fcd53b074ac8ac72d055162e738116e94956",role:"list","aria-label":this.tdsAriaLabel,class:`${this.orientation} text-position-${this.labelPosition} ${this.size}`},s("slot",{key:"e9dfa6c14ec134baafe5a58394337b09ca091809"})))}get host(){return a(this)}static get watchers(){return{orientation:["handleDirectionChange"],labelPosition:["handleLabelPositionChange"],size:["handleSizeChange"],hideLabels:["handleHideLabelsChange"]}}};n.style=":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}";export{n as tds_stepper}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as d,H as r}from"./p-2049fab2.js";const o=class{constructor(d){e(this,d)}render(){return d(r,{key:"bcc63c58186216485acf6e6e0f896158e92cd29e"},d("tds-header-dropdown-list-item",{key:"e4b963bf20b97aa19f8f6dbd4d4a6face04220db",size:"lg"},d("slot",{key:"03445a4fe12c6f5a283b6d2635d657bbfd103263"})))}};o.style=":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";export{o as tds_header_launcher_list_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as r,H as t,g as o}from"./p-2049fab2.js";import{h as s}from"./p-ae110fc2.js";const c=class{constructor(r){a(this,r),this.text=void 0,this.size="lg",this.variant="Neutral"}render(){const a=s("prefix",this.host);return r(t,{key:"f2f854a15358d98bc4c55b093e243cc07cc8e439",class:(()=>({[`${this.size.toLowerCase()}`]:!0,[`${this.variant.toLowerCase()}`]:!0}))()},r("div",{key:"a9b74511347d721ae769d42e4b0edb5ac9acdf85",class:"tds-tag__content"},a&&r("slot",{key:"95b1acec855e8e0caeadc3458222bf6a91795704",name:"prefix"}),r("span",{key:"e40a01fda9aa32ae42032656ebf11375b45f9183"},this.text)))}get host(){return o(this)}};c.style=".sc-tds-tag-h{box-sizing:border-box;display:inline-flex;align-items:center;border-radius:4px;background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color);gap:4px}.sc-tds-tag-h *.sc-tds-tag{box-sizing:border-box}.lg.sc-tds-tag-h{padding:4px}.sm.sc-tds-tag-h{border-radius:2px;padding:2px 4px;font:var(--tds-detail-05)}.success.sc-tds-tag-h{background-color:var(--tds-tag-success-background);color:var(--tds-tag-success-color)}.warning.sc-tds-tag-h{background-color:var(--tds-tag-warning-background);color:var(--tds-tag-warning-color)}.new.sc-tds-tag-h{background-color:var(--tds-tag-new-background);color:var(--tds-tag-new-color)}.neutral.sc-tds-tag-h{background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color)}.information.sc-tds-tag-h{background-color:var(--tds-tag-information-background);color:var(--tds-tag-information-color)}.error.sc-tds-tag-h{background-color:var(--tds-tag-error-background);color:var(--tds-tag-error-color)}.tds-tag__content.sc-tds-tag{display:flex;align-items:center;gap:inherit}";export{c as tds_tag}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as c,c as e,h as t,g as o}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";const d=class{constructor(t){c(this,t),this.tdsChange=e(this,"tdsChange",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.handleChange=()=>{this.checked=!this.checked,this.indeterminate=!1,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,indeterminate:this.indeterminate,value:this.value})},this.name=void 0,this.checkboxId=s(),this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.value=void 0,this.tdsAriaLabel=void 0,this.tdsAriaDescribedby=void 0}async toggleCheckbox(){return this.checked=!this.checked,this.indeterminate=!1,{checkboxId:this.checkboxId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}handleIndeterminateState(){this.inputElement.indeterminate=this.indeterminate}handleFocus(c){this.tdsFocus.emit(c)}handleBlur(c){this.tdsBlur.emit(c)}handleFormReset(c){this.host.closest("form")===c.target&&(this.checked=!1,this.indeterminate=!1)}render(){return t("div",{key:"dfffd2e58507c14f16d9c0979d1cf794296b83eb",class:"tds-checkbox"},t("input",{key:"6003dd1ba8c0ffc40a7f3f692867e47801ebfb0d",ref:c=>{c&&(this.inputElement=c)},indeterminate:this.indeterminate,"aria-checked":this.checked,"aria-required":this.required,"aria-label":this.tdsAriaLabel,"aria-describedby":this.tdsAriaDescribedby,required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:c=>this.handleFocus(c),onBlur:c=>this.handleBlur(c),onChange:()=>{this.handleChange()}}),t("label",{key:"0fb389206bd35497737b14a0cf12093a32de7881",htmlFor:this.checkboxId},t("slot",{key:"7a085546f31a1aa6f4dd2ddab4f053bf86663dda",name:"label"})))}get host(){return o(this)}static get watchers(){return{indeterminate:["handleIndeterminateState"]}}};d.style='.sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:20px;height:20px;left:2px;top:2px;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus-visible::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-disabled);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--tds-checkbox-background-img-indeterminate);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--tds-checkbox-background-img-indeterminate-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}';export{d as tds_checkbox}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as s,H as a}from"./p-2049fab2.js";const i=class{constructor(s){e(this,s),this.heading=void 0,this.subheading=void 0,this.imgSrc=void 0,this.imgAlt=void 0}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}))}};i.style=":host{display:flex;align-items:center;gap:16px;height:68px}";export{i as tds_side_menu_user}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,g as r}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";import{g as d}from"./p-bbf9492a.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.helper=void 0,this.cols=void 0,this.rows=void 0,this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.maxLength=void 0,this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.tdsAriaLabel=void 0,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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as n,H as i,g as r}from"./p-2049fab2.js";import{g as o}from"./p-11648030.js";var s="top",a="bottom",u="right",f="left",c="auto",d=[s,a,u,f],l="start",h="end",v="clippingParents",p="viewport",b="popper",m="reference",y=d.reduce((function(t,e){return t.concat([e+"-"+l,e+"-"+h])}),[]),g=[].concat(d,[c]).reduce((function(t,e){return t.concat([e,e+"-"+l,e+"-"+h])}),[]),w=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function x(t){return t?(t.nodeName||"").toLowerCase():null}function O(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function j(t){return t instanceof O(t).Element||t instanceof Element}function k(t){return t instanceof O(t).HTMLElement||t instanceof HTMLElement}function E(t){return"undefined"!=typeof ShadowRoot&&(t instanceof O(t).ShadowRoot||t instanceof ShadowRoot)}function C(t){return t.split("-")[0]}var S=Math.max,M=Math.min,T=Math.round;function P(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function R(){return!/^((?!chrome|android).)*safari/i.test(P())}function A(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&k(t)&&(r=t.offsetWidth>0&&T(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&T(i.height)/t.offsetHeight||1);var s=(j(t)?O(t):window).visualViewport,a=!R()&&n,u=(i.left+(a&&s?s.offsetLeft:0))/r,f=(i.top+(a&&s?s.offsetTop:0))/o,c=i.width/r,d=i.height/o;return{width:c,height:d,top:f,right:u+c,bottom:f+d,left:u,x:u,y:f}}function q(t){var e=A(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function B(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&E(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function W(t){return O(t).getComputedStyle(t)}function I(t){return["table","td","th"].indexOf(x(t))>=0}function L(t){return((j(t)?t.ownerDocument:t.document)||window.document).documentElement}function H(t){return"html"===x(t)?t:t.assignedSlot||t.parentNode||(E(t)?t.host:null)||L(t)}function z(t){return k(t)&&"fixed"!==W(t).position?t.offsetParent:null}function D(t){for(var e=O(t),n=z(t);n&&I(n)&&"static"===W(n).position;)n=z(n);return n&&("html"===x(n)||"body"===x(n)&&"static"===W(n).position)?e:n||function(t){var e=/firefox/i.test(P());if(/Trident/i.test(P())&&k(t)&&"fixed"===W(t).position)return null;var n=H(t);for(E(n)&&(n=n.host);k(n)&&["html","body"].indexOf(x(n))<0;){var i=W(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}function _(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function F(t,e,n){return S(t,M(e,n))}function U(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function V(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function $(t){return t.split("-")[1]}var K={top:"auto",right:"auto",bottom:"auto",left:"auto"};function G(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,c=t.offsets,d=t.position,l=t.gpuAcceleration,v=t.adaptive,p=t.roundOffsets,b=t.isFixed,m=c.x,y=void 0===m?0:m,g=c.y,w=void 0===g?0:g,x="function"==typeof p?p({x:y,y:w}):{x:y,y:w};y=x.x,w=x.y;var j=c.hasOwnProperty("x"),k=c.hasOwnProperty("y"),E=f,C=s,S=window;if(v){var M=D(n),P="clientHeight",R="clientWidth";M===O(n)&&"static"!==W(M=L(n)).position&&"absolute"===d&&(P="scrollHeight",R="scrollWidth"),(r===s||(r===f||r===u)&&o===h)&&(C=a,w-=(b&&M===S&&S.visualViewport?S.visualViewport.height:M[P])-i.height,w*=l?1:-1),r!==f&&(r!==s&&r!==a||o!==h)||(E=u,y-=(b&&M===S&&S.visualViewport?S.visualViewport.width:M[R])-i.width,y*=l?1:-1)}var A,q=Object.assign({position:d},v&&K),B=!0===p?function(t,e){var n=t.y,i=e.devicePixelRatio||1;return{x:T(t.x*i)/i||0,y:T(n*i)/i||0}}({x:y,y:w},O(n)):{x:y,y:w};return y=B.x,w=B.y,Object.assign({},q,l?((A={})[C]=k?"0":"",A[E]=j?"0":"",A.transform=(S.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",A):((e={})[C]=k?w+"px":"",e[E]=j?y+"px":"",e.transform="",e))}var J={passive:!0},N={left:"right",right:"left",bottom:"top",top:"bottom"};function Q(t){return t.replace(/left|right|bottom|top/g,(function(t){return N[t]}))}var X={start:"end",end:"start"};function Y(t){return t.replace(/start|end/g,(function(t){return X[t]}))}function Z(t){var e=O(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function tt(t){return A(L(t)).left+Z(t).scrollLeft}function et(t){var e=W(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function nt(t){return["html","body","#document"].indexOf(x(t))>=0?t.ownerDocument.body:k(t)&&et(t)?t:nt(H(t))}function it(t,e){var n;void 0===e&&(e=[]);var i=nt(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=O(i),s=r?[o].concat(o.visualViewport||[],et(i)?i:[]):i,a=e.concat(s);return r?a:a.concat(it(H(s)))}function rt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ot(t,e,n){return e===p?rt(function(t,e){var n=O(t),i=L(t),r=n.visualViewport,o=i.clientWidth,s=i.clientHeight,a=0,u=0;if(r){o=r.width,s=r.height;var f=R();(f||!f&&"fixed"===e)&&(a=r.offsetLeft,u=r.offsetTop)}return{width:o,height:s,x:a+tt(t),y:u}}(t,n)):j(e)?function(t,e){var n=A(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):rt(function(t){var e,n=L(t),i=Z(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=S(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=S(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-i.scrollLeft+tt(t),u=-i.scrollTop;return"rtl"===W(r||n).direction&&(a+=S(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:s,x:a,y:u}}(L(t)))}function st(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?C(r):null,c=r?$(r):null,d=n.x+n.width/2-i.width/2,v=n.y+n.height/2-i.height/2;switch(o){case s:e={x:d,y:n.y-i.height};break;case a:e={x:d,y:n.y+n.height};break;case u:e={x:n.x+n.width,y:v};break;case f:e={x:n.x-i.width,y:v};break;default:e={x:n.x,y:n.y}}var p=o?_(o):null;if(null!=p){var b="y"===p?"height":"width";switch(c){case l:e[p]=e[p]-(n[b]/2-i[b]/2);break;case h:e[p]=e[p]+(n[b]/2-i[b]/2)}}return e}function at(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,r=e.strategy,o=void 0===r?t.strategy:r,f=e.boundary,c=void 0===f?v:f,l=e.rootBoundary,h=void 0===l?p:l,y=e.elementContext,g=void 0===y?b:y,w=e.altBoundary,O=void 0!==w&&w,E=e.padding,C=void 0===E?0:E,T=U("number"!=typeof C?C:V(C,d)),P=t.rects.popper,R=t.elements[O?g===b?m:b:g],q=function(t,e,n,i){var r="clippingParents"===e?function(t){var e=it(H(t)),n=["absolute","fixed"].indexOf(W(t).position)>=0&&k(t)?D(t):t;return j(n)?e.filter((function(t){return j(t)&&B(t,n)&&"body"!==x(t)})):[]}(t):[].concat(e),o=[].concat(r,[n]),s=o.reduce((function(e,n){var r=ot(t,n,i);return e.top=S(r.top,e.top),e.right=M(r.right,e.right),e.bottom=M(r.bottom,e.bottom),e.left=S(r.left,e.left),e}),ot(t,o[0],i));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(j(R)?R:R.contextElement||L(t.elements.popper),c,h,o),I=A(t.elements.reference),z=st({reference:I,element:P,strategy:"absolute",placement:i}),_=rt(Object.assign({},P,z)),F=g===b?_:I,$={top:q.top-F.top+T.top,bottom:F.bottom-q.bottom+T.bottom,left:q.left-F.left+T.left,right:F.right-q.right+T.right},K=t.modifiersData.offset;if(g===b&&K){var G=K[i];Object.keys($).forEach((function(t){var e=[u,a].indexOf(t)>=0?1:-1,n=[s,a].indexOf(t)>=0?"y":"x";$[t]+=G[n]*e}))}return $}function ut(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,r=e.padding,o=e.flipVariations,s=e.allowedAutoPlacements,a=void 0===s?g:s,u=$(e.placement),f=u?o?y:y.filter((function(t){return $(t)===u})):d,c=f.filter((function(t){return a.indexOf(t)>=0}));0===c.length&&(c=f);var l=c.reduce((function(e,o){return e[o]=at(t,{placement:o,boundary:n,rootBoundary:i,padding:r})[C(o)],e}),{});return Object.keys(l).sort((function(t,e){return l[t]-l[e]}))}const ft={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r||r,d=n.altAxis,h=void 0===d||d,v=n.fallbackPlacements,p=n.padding,b=n.boundary,m=n.rootBoundary,y=n.altBoundary,g=n.flipVariations,w=void 0===g||g,x=n.allowedAutoPlacements,O=e.options.placement,j=C(O),k=v||(j!==O&&w?function(t){if(C(t)===c)return[];var e=Q(t);return[Y(t),e,Y(e)]}(O):[Q(O)]),E=[O].concat(k).reduce((function(t,n){return t.concat(C(n)===c?ut(e,{placement:n,boundary:b,rootBoundary:m,padding:p,flipVariations:w,allowedAutoPlacements:x}):n)}),[]),S=e.rects.reference,M=e.rects.popper,T=new Map,P=!0,R=E[0],A=0;A<E.length;A++){var q=E[A],B=C(q),W=$(q)===l,I=[s,a].indexOf(B)>=0,L=I?"width":"height",H=at(e,{placement:q,boundary:b,rootBoundary:m,altBoundary:y,padding:p}),z=I?W?u:f:W?a:s;S[L]>M[L]&&(z=Q(z));var D=Q(z),_=[];if(o&&_.push(H[B]<=0),h&&_.push(H[z]<=0,H[D]<=0),_.every((function(t){return t}))){R=q,P=!1;break}T.set(q,_)}if(P)for(var F=function(t){var e=E.find((function(e){var n=T.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return R=e,"break"},U=w?3:1;U>0&&"break"!==F(U);U--);e.placement!==R&&(e.modifiersData[i]._skip=!0,e.placement=R,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ct(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function dt(t){return[s,u,a,f].some((function(e){return t[e]>=0}))}function lt(t,e,n){void 0===n&&(n=!1);var i,r,o=k(e),s=k(e)&&function(t){var e=t.getBoundingClientRect(),n=T(e.width)/t.offsetWidth||1,i=T(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=L(e),u=A(t,s,n),f={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!n)&&(("body"!==x(e)||et(a))&&(f=(i=e)!==O(i)&&k(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:Z(i)),k(e)?((c=A(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=tt(a))),{x:u.left+f.scrollLeft-c.x,y:u.top+f.scrollTop-c.y,width:u.width,height:u.height}}function ht(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),i}var vt={placement:"bottom",modifiers:[],strategy:"absolute"};function pt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function bt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,r=void 0===i?vt:i;return function(t,e,i){void 0===i&&(i=r);var o,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},vt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},u=[],f=!1,c={state:a,setOptions:function(i){var o="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},r,a.options,o),a.scrollParents={reference:j(t)?it(t):t.contextElement?it(t.contextElement):[],popper:it(e)};var s,f,l=function(t){var e=ht(t);return w.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((s=[].concat(n,a.options.modifiers),f=s.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(f).map((function(t){return f[t]}))));return a.orderedModifiers=l.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:a,name:t.name,instance:c,options:void 0===e?{}:e});u.push(i||function(){})}})),c.update()},forceUpdate:function(){if(!f){var t=a.elements,e=t.reference,n=t.popper;if(pt(e,n)){a.rects={reference:lt(e,D(n),"fixed"===a.options.strategy),popper:q(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var r=a.orderedModifiers[i],o=r.fn,s=r.options;"function"==typeof o&&(a=o({state:a,options:void 0===s?{}:s,name:r.name,instance:c})||a)}else a.reset=!1,i=-1}}},update:(o=function(){return new Promise((function(t){c.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(o())}))}))),s}),destroy:function(){d(),f=!0}};if(!pt(t,e))return c;function d(){u.forEach((function(t){return t()})),u=[]}return c.setOptions(i).then((function(t){!f&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var mt=bt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,s=i.resize,a=void 0===s||s,u=O(e.elements.popper),f=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&f.forEach((function(t){t.addEventListener("scroll",n.update,J)})),a&&u.addEventListener("resize",n.update,J),function(){o&&f.forEach((function(t){t.removeEventListener("scroll",n.update,J)})),a&&u.removeEventListener("resize",n.update,J)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=st({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i||i,o=n.adaptive,s=void 0===o||o,a=n.roundOffsets,u=void 0===a||a,f={placement:C(e.placement),variation:$(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,G(Object.assign({},f,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:u})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,G(Object.assign({},f,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},r=e.elements[t];k(r)&&x(r)&&(Object.assign(r.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});k(i)&&x(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,r=void 0===i?[0,0]:i,o=g.reduce((function(t,n){return t[n]=function(t,e,n){var i=C(t),r=[f,s].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=o[0],c=o[1];return a=a||0,c=(c||0)*r,[f,u].indexOf(i)>=0?{x:c,y:a}:{x:a,y:c}}(n,e.rects,r),t}),{}),a=o[e.placement],c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=o}},ft,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r||r,c=n.altAxis,d=void 0!==c&&c,h=n.tether,v=void 0===h||h,p=n.tetherOffset,b=void 0===p?0:p,m=at(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=C(e.placement),g=$(e.placement),w=!g,x=_(y),O="x"===x?"y":"x",j=e.modifiersData.popperOffsets,k=e.rects.reference,E=e.rects.popper,T="function"==typeof b?b(Object.assign({},e.rects,{placement:e.placement})):b,P="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),R=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,A={x:0,y:0};if(j){if(o){var B,W="y"===x?s:f,I="y"===x?a:u,L="y"===x?"height":"width",H=j[x],z=H+m[W],U=H-m[I],V=v?-E[L]/2:0,K=g===l?k[L]:E[L],G=g===l?-E[L]:-k[L],J=e.elements.arrow,N=v&&J?q(J):{width:0,height:0},Q=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},X=Q[W],Y=Q[I],Z=F(0,k[L],N[L]),tt=w?k[L]/2-V-Z-X-P.mainAxis:K-Z-X-P.mainAxis,et=w?-k[L]/2+V+Z+Y+P.mainAxis:G+Z+Y+P.mainAxis,nt=e.elements.arrow&&D(e.elements.arrow),it=null!=(B=null==R?void 0:R[x])?B:0,rt=H+et-it,ot=F(v?M(z,H+tt-it-(nt?"y"===x?nt.clientTop||0:nt.clientLeft||0:0)):z,H,v?S(U,rt):U);j[x]=ot,A[x]=ot-H}if(d){var st,ut=j[O],ft="y"===O?"height":"width",ct=ut+m["x"===x?s:f],dt=ut-m["x"===x?a:u],lt=-1!==[s,f].indexOf(y),ht=null!=(st=null==R?void 0:R[O])?st:0,vt=lt?ct:ut-k[ft]-E[ft]-ht+P.altAxis,pt=lt?ut+k[ft]+E[ft]-ht-P.altAxis:dt,bt=v&<?function(t,e,n){var i=F(t,e,n);return i>n?n:i}(vt,ut,pt):F(v?vt:ct,ut,v?pt:dt);j[O]=bt,A[O]=bt-ut}e.modifiersData[i]=A}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,r=t.options,o=n.elements.arrow,c=n.modifiersData.popperOffsets,l=C(n.placement),h=_(l),v=[f,u].indexOf(l)>=0?"height":"width";if(o&&c){var p=function(t,e){return U("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:V(t,d))}(r.padding,n),b=q(o),m="y"===h?s:f,y="y"===h?a:u,g=n.rects.reference[v]+n.rects.reference[h]-c[h]-n.rects.popper[v],w=c[h]-n.rects.reference[h],x=D(o),O=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,j=O/2-b[v]/2+(g/2-w/2),k=F(p[m],j,O-b[v]-p[y]);n.modifiersData[i]=((e={})[h]=k,e.centerOffset=k-j,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i)))&&B(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,s=at(e,{elementContext:"reference"}),a=at(e,{altBoundary:!0}),u=ct(s,i),f=ct(a,r,o),c=dt(u),d=dt(f);e.modifiersData[n]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]});const yt=class{constructor(n){t(this,n),this.internalTdsShow=e(this,"internalTdsShow",4),this.internalTdsClose=e(this,"internalTdsClose",0),this.uuid=o(),this.setIsShown=t=>{this.isShown="function"==typeof t?t(this.isShown):t,this.isShown?(this.hasShownAtLeastOnce=!0,this.internalTdsShow.emit()):(this.internalTdsClose.emit(),this.openedByKeyboard=!1)},this.onClickTarget=t=>{t.stopPropagation(),this.openedByKeyboard="keydown"===t.type||"Enter"===t.key||" "===t.key,this.setIsShown((t=>!t))},this.handleShow=t=>{t.stopPropagation(),this.openedByKeyboard="focusin"===t.type,this.setIsShown(!0)},this.handleHide=t=>{t.stopPropagation(),this.setIsShown(!1)},this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.animation="none",this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.trigger="click",this.autoHide=!0,this.renderedShowValue=!1,this.popperInstance=null,this.target=void 0,this.isShown=!1,this.disableLogic=!1,this.hasShownAtLeastOnce=!1,this.openedByKeyboard=!1}async close(){this.setIsShown(!1)}onAnyClick(t){"click"===this.trigger&&this.isShown&&null===this.show&&!t.composedPath().includes(this.host)&&this.setIsShown(!1)}onTdsShow(t){null===this.show&&t.target.id!==`tds-popover-core-${this.uuid}`&&this.setIsShown(!1)}handleKeydown(t){"Escape"===t.key&&this.isShown&&this.setIsShown(!1)}onShowChange(t){this.setIsShown(t)}onReferenceElChanged(t,e){t!==e&&this.initialize({referenceEl:t,trigger:this.trigger})}onTriggerChanged(t){this.initialize({referenceEl:this.referenceEl,trigger:t})}onIsShownChange(t){t&&this.openedByKeyboard&&setTimeout((()=>{this.focusFirstElement()}),0)}focusFirstElement(){const t=this.host.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');t.length>0?t[0].focus():(this.host.setAttribute("tabindex","0"),this.host.focus())}initialize({referenceEl:t,trigger:e}){var n,i,r,o,s,a;this.cleanUp(),this.target=void 0!==t?t:this.selector?document.querySelector(this.selector):null,this.popperInstance=this.target?mt(this.target,this.host,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}):null,this.popperInstance||console.error("Could not initialize: reference element not found."),"click"===e&&null===this.show&&(null===(n=this.target)||void 0===n||n.addEventListener("click",this.onClickTarget),null===(i=this.target)||void 0===i||i.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.openedByKeyboard=!0,this.onClickTarget(t))}))),"hover"!==e&&"hover-popover"!==e||(null===(r=this.target)||void 0===r||r.addEventListener("focusin",this.handleShow),null===(o=this.target)||void 0===o||o.addEventListener("focusout",this.handleHide),null===(s=this.target)||void 0===s||s.addEventListener("mouseenter",this.handleShow),null===(a=this.target)||void 0===a||a.addEventListener("mouseleave",this.handleHide),"hover-popover"===e&&(this.host.addEventListener("mouseenter",this.handleShow),this.host.addEventListener("mouseleave",this.handleHide)))}cleanUp(){var t,e,n,i,r,o,s,a,u;null===(t=this.target)||void 0===t||t.removeEventListener("click",this.onClickTarget),null===(e=this.target)||void 0===e||e.removeEventListener("keydown",this.onClickTarget),null===(n=this.target)||void 0===n||n.removeEventListener("focusin",this.handleShow),null===(i=this.target)||void 0===i||i.removeEventListener("focusout",this.handleHide),null===(r=this.target)||void 0===r||r.removeEventListener("mouseenter",this.handleShow),null===(o=this.target)||void 0===o||o.removeEventListener("mouseleave",this.handleHide),null===(s=this.host)||void 0===s||s.removeEventListener("mouseenter",this.handleShow),null===(a=this.host)||void 0===a||a.removeEventListener("mouseleave",this.handleHide),null===(u=this.popperInstance)||void 0===u||u.destroy()}connectedCallback(){if(void 0===this.selector&&void 0===this.referenceEl)return this.disableLogic=!0,void console.warn("TDS-POPOVER-CORE: Popover internal logic disabled. Please provide a `selector` or `referenceEl` prop");this.initialize({referenceEl:this.referenceEl,trigger:this.trigger})}componentWillLoad(){this.setIsShown(!0===this.show||!0===this.defaultShow)}componentDidRender(){var t;!this.isShown||this.renderedShowValue||this.disableLogic||null===(t=this.popperInstance)||void 0===t||t.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){this.cleanUp()}render(){const t=(e={"is-shown":this.isShown&&"none"===this.animation||void 0===this.animation,"is-hidden":!this.isShown&&"none"===this.animation||void 0===this.animation,"initially-hidden":!this.hasShownAtLeastOnce,"tds-animation-enter-fade":this.isShown&&"fade"===this.animation,"tds-animation-exit-fade":!this.isShown&&"fade"===this.animation},Object.keys(e).filter((t=>e[t])).join(" "));var e;return n(i,{key:"b00f6068cba1931082dc1b11397902b17bbbc598",role:this.host.getAttribute("role"),class:t,id:`tds-popover-core-${this.uuid}`},n("slot",{key:"397a6cb4a557f79528f4387b141f8883dbc1c24c"}))}get host(){return r(this)}static get watchers(){return{show:["onShowChange"],referenceEl:["onReferenceElChanged"],trigger:["onTriggerChanged"],isShown:["onIsShownChange"]}}};yt.style=".sc-tds-popover-core-h{pointer-events:none;display:block}.tds-animation-enter-fade.sc-tds-popover-core-h{animation:tds-fade-in var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter) forwards}.tds-animation-exit-fade.sc-tds-popover-core-h{animation:tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards}.is-shown.sc-tds-popover-core-h{opacity:1;pointer-events:auto;visibility:visible}.is-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}.initially-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}";export{yt as tds_popover_core}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as o,g as e}from"./p-2049fab2.js";const h=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.children=[],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.scrollWidth=i-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children.map(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",i),this.clickHandlers.set(t,i),t}))},this.removeEventListenerFromTabs=()=>{this.children.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){if(t<0||t>=this.children.length)throw new Error("Tab index out of bounds");return this.children=Array.from(this.host.children),this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.children=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.children[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.scrollWidth,this.showLeftScroll=t>0}initializeTabs(){this.children=Array.from(this.host.children),this.children.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.children[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=`${this.leftPadding}px`)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"e5c91714cc292fc3b5ba4aea446507b07e3d7928",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},i("div",{key:"494199f5f33abb5b5da122caf0124329630ce0e3",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:`${this.leftPadding}px`}},i("button",{key:"60f7ec503a86d2a2aabb6153a67a804ac297931c","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"ed092e0d1077b9865ce7b62a889c7687c8fe7758",name:"chevron_left",size:"20px"})),i("slot",{key:"99f32f72a5f3b8ccb47a59cd910953fdbc898fb1",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"c24a97379767c6e4a1107e957fd7304218231b37","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"cd0f808c268006cb6074e0cf1250e4667b6f1c89",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:["handleSelectedIndexUpdate"]}}};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}
|
package/dist/tegel/p-e1255160.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const o=()=>{};export{o as g}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,H as d,g as s}from"./p-2049fab2.js";import{g as o}from"./p-11648030.js";const i=["verticalDividers","compactDesign","noMinWidth","modeVariant"],l=class{constructor(a){t(this,a),this.internalTdsRowExpanded=e(this,"internalTdsRowExpanded",6),this.tdsChange=e(this,"tdsChange",6),this.colSpan=null,this.rowId=o(),this.expanded=void 0,this.overflow="auto",this.autoCollapse=!1,this.tdsAriaLabelExpandButton="",this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}handleRowExpand(t){this.autoCollapse&&t.detail.isExpanded&&t.detail.rowId!==this.rowId&&t.detail.tableId===this.tableId&&this.collapse()}watchExpanded(t){t!==this.isExpanded&&(this.isExpanded=t,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId}))}async expand(){this.isExpanded=!0,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}async collapse(){this.isExpanded=!1,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}connectedCallback(){var t;void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){i.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){var t;if(null!==this.colSpan)this.columnsNumber=this.colSpan;else{const e=null===(t=this.tableEl)||void 0===t?void 0:t.querySelector("tds-table-header");e&&(this.columnsNumber=e.childElementCount+1)}}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded]),this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}render(){var t;return a(d,{key:"9747b45c606d94f6a79e35afd1e126e0d4940761",class:{"tds-table__row":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers}},a("tr",{key:"c3eb7c452c55cd64393d4d0820983a450b3c83de",id:`expandable-content-${this.rowId}`,class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded},part:"row"},a("td",{key:"a269a53c209ac33f82475c92408a824194feea0d",class:{"tds-table__cell-expand":!0}},a("label",{key:"3a32f175d6f584850e442a279818bbdec8fbc00a",class:"tds-table__expand-control-container"},a("input",{key:"073584fdeda9b0aa6dc6fa51030ee84c1478f3a4",class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`expandable-content-${this.rowId}`,"aria-label":this.tdsAriaLabelExpandButton}),a("span",{key:"d3782b0bb66e7ac420c94eaa310a18ec97de34a8",class:"tds-expendable-row-icon"},a("svg",{key:"d25d24e492917ecea514da86a7e92238089bfe3c",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},a("path",{key:"1849dbf3a843f1f98a415a0017ad32951e0af4ff","fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),a("slot",{key:"c6af8843f62b83e6e96e3ea65087c276c0fb6e4f"})),a("tr",{key:"12d8127b203fd91f1b0a767b47aa752d84016aed",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},a("td",{key:"9bd6d1292ede611479fe3f59239ca0ae1257fddc",class:{"tds-table__cell-expand":!0,"tds-table__cell-expand--overflow-hidden":"hidden"===this.overflow,"tds-table__cell-expand--overflow-visible":"visible"===this.overflow},part:"expand-row-cell",colSpan:null!==(t=this.columnsNumber)&&void 0!==t?t:void 0},a("div",{key:"6cfcd733564c5e6d1b55f6029e80e2b5713988d5",style:{overflow:this.overflow}},a("slot",{key:"fa74913d8c68ad2fbfc359fe9d67f27b9b254d28",name:"expand-row"})))))}get host(){return s(this)}static get watchers(){return{expanded:["watchExpanded"]}}};l.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--tds-table-divider)}";export{l as tds_table_body_row_expandable}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as a,H as t,g as s}from"./p-2049fab2.js";const d=class{constructor(a){e(this,a),this.imgUrl=void 0,this.imgAlt=void 0,this.header=void 0,this.subheader=void 0}render(){return a(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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as s,h as a,H as o,g as t}from"./p-2049fab2.js";import{g as n}from"./p-11648030.js";import{h as d}from"./p-ae110fc2.js";const r=class{constructor(a){e(this,a),this.tdsClose=s(this,"tdsClose",7),this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)},this.icon=void 0,this.header=void 0,this.subheader=void 0,this.variant="default",this.bannerId=n(),this.hidden=!1,this.roleType="banner"}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const e=d("subheader",this.host),s=d("subheader",this.host),t=d("actions",this.host);return a(o,{key:"5b89bedb919ed799da1701cae1c152e310865b43",role:this.roleType,"aria-hidden":`${this.hidden}`,"aria-live":"alert"===this.roleType?"assertive":"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:{[this.variant]:!0,hide:this.hidden,show:!this.hidden}},this.icon&&a("div",{key:"b17e4c4986ccb9afde8ad9609465fdad1f5f78fe",class:`banner-icon ${this.variant}`},a("tds-icon",{key:"2d43b52d72b874809d48b40ab2faae796e3c7d08",name:this.icon,size:"20px",svgTitle:this.icon})),a("div",{key:"3f1d0b8493aaf41e1fe78837c937d56bb4d4d6af",class:"content"},a("div",{key:"3fd4dac5928d5f588eff7cc9cf8a64c401b75875",class:"header-subheader"},this.header&&a("div",{key:"f356b4218fba0c42c97e728fe6fc91bb14c8a3d7",class:"header"},this.header),e&&a("slot",{key:"74659c5c0b33bbc81f90d79c9cb80d3dcd1839fa",name:"header"}),this.subheader&&a("div",{key:"b91ba944f6c41ccf62002a2dade85968dd5b34f4",class:"subheader"},this.subheader),s&&a("slot",{key:"e8854a51dc158cba747abca51d79828ee419732e",name:"subheader"})),t&&a("slot",{key:"60fe1b1b75a7cc169d71b97d5d91086d7ae96a07",name:"actions"})),a("div",{key:"bf664cd50d34e9ac4c3061d1670d0607cd326bef",class:"banner-close"},a("button",{key:"0ddfadbfe00ecf7ec1376fdfbc2d70ff0cffb919","aria-label":"Close banner",onClick:this.handleClose},a("tds-icon",{key:"7e45115cd682e035227b486442c4fe4c67dfec4b",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return t(this)}};r.style=":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}";export{r as tds_banner}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as e,H as o,g as t}from"./p-2049fab2.js";import{i as d}from"./p-3fe9cbbf.js";const i=class{constructor(e){s(this,e),this.inheritedAttributes={},this.selector=void 0,this.referenceEl=void 0,this.show=null,this.defaultShow=!1,this.placement="auto",this.animation="none",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.modeVariant=null,this.childRef=void 0}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=d(this.host,["style","class"])}render(){var s;return e(o,{key:"9475e802c247f2be782246ed4060d1df78cb9ca6",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},e("tds-popover-core",{key:"f124ad67796e05654a4b1af634877e372a0b69e7",class:{"tds-popover-menu":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation},e("div",{key:"f97c6bd562a011be0595fa0189dd1209e6f80bca",role:"menu"},e("slot",{key:"8d7ddcf67d2adc1d928384779a01eed8adf61e41"}))))}get host(){return t(this)}};i.style=".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";export{i as tds_popover_menu}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as s,g as a}from"./p-2049fab2.js";import{i}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const o=class{constructor(t){e(this,t),this.tdsAriaLabel=void 0}render(){const e=Object.assign({},i(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)}};o.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{o as tds_header_hamburger}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as s,H as t}from"./p-2049fab2.js";const i=class{constructor(s){e(this,s),this.src=void 0,this.alt=void 0}render(){return s(t,{key:"22bb496463e8548ddf2ce55f95f112dae1afa181"},s("slot",{key:"ebbe1e06c9b27b41f9f206f65890654be3866d03"}),this.src&&s("img",{key:"2a378a8e56cb54a5c300123e156ecadf04d92459",src:this.src,alt:this.alt}))}};i.style=":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";const a=class{constructor(s){e(this,s),this.heading=void 0,this.subheading=void 0}render(){return s(t,{key:"30326793059e4e25b3c769e94b22780a37754ba4"},this.heading,this.subheading&&s("div",{key:"e3912bf0571bb8ef67ebea53d37547a0a9284bf7",class:"subheading"},this.subheading))}};a.style=":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}";export{i as tds_side_menu_user_image,a as tds_side_menu_user_label}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as r,g as s}from"./p-2049fab2.js";import{h as d}from"./p-ae110fc2.js";const n=class{constructor(o){t(this,o),this.text=void 0,this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.animation="none",this.tdsAriaLabel=void 0,this.name=void 0,this.value=void 0,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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as a,g as d}from"./p-2049fab2.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.selected=void 0,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}
|
package/loader/package.json
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "tegel-loader",
|
|
3
|
-
"private": true,
|
|
4
|
-
"typings": "./index.d.ts",
|
|
5
|
-
"module": "./index.js",
|
|
6
|
-
"main": "./index.cjs.js",
|
|
7
|
-
"jsnext:main": "./index.es2017.js",
|
|
8
|
-
"es2015": "./index.es2017.js",
|
|
9
|
-
"es2017": "./index.es2017.js",
|
|
10
|
-
"unpkg": "./cdn.js"
|
|
11
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|