@scania/tegel 1.49.1 → 1.49.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-body-cell.cjs.entry.js +2 -2
- package/dist/cjs/tds-button_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +3 -3
- package/dist/cjs/tds-datetime.cjs.entry.js +48 -7
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +172 -49
- package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +3 -3
- package/dist/cjs/tds-footer-group.cjs.entry.js +3 -3
- package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-cell.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-icon.cjs.entry.js +3 -2
- package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
- package/dist/cjs/tds-link.cjs.entry.js +2 -2
- package/dist/cjs/tds-message.cjs.entry.js +2 -2
- package/dist/cjs/tds-modal.cjs.entry.js +2 -2
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -4
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +3 -3
- package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-popover-menu.cjs.entry.js +3 -3
- package/dist/cjs/tds-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu.cjs.entry.js +20 -10
- package/dist/cjs/tds-slider.cjs.entry.js +8 -8
- package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tds-step.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +7 -7
- package/dist/cjs/tds-table-body-row.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-body.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-footer.cjs.entry.js +3 -3
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-header.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/tds-tag.cjs.entry.js +1 -1
- package/dist/cjs/tds-text-field.cjs.entry.js +5 -5
- package/dist/cjs/tds-textarea.cjs.entry.js +3 -3
- package/dist/cjs/tds-toast.cjs.entry.js +3 -3
- package/dist/cjs/tds-toggle.cjs.entry.js +3 -3
- package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/assets/icons/scania/configurator.svg +1 -0
- package/dist/collection/components/banner/banner.js +1 -1
- package/dist/collection/components/datetime/datetime.css +24 -41
- package/dist/collection/components/datetime/datetime.js +113 -15
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +43 -19
- package/dist/collection/components/dropdown/dropdown.js +170 -47
- package/dist/collection/components/footer/footer-group/footer-group.js +3 -3
- package/dist/collection/components/footer/footer-item/footer-item.js +1 -1
- package/dist/collection/components/footer/footer.js +2 -2
- package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +3 -3
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
- package/dist/collection/components/header/header-hamburger/header-hamburger.js +1 -1
- package/dist/collection/components/header/header-item/header-item.js +2 -2
- package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
- package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
- package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +1 -1
- package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +1 -1
- package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
- package/dist/collection/components/header/header-title/header-title.js +1 -1
- package/dist/collection/components/header/header.js +1 -1
- package/dist/collection/components/icon/icon.js +2 -2
- package/dist/collection/components/icon/scaniaIconsArray.js +256 -2
- package/dist/collection/components/link/link.js +2 -2
- package/dist/collection/components/message/message.js +2 -2
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/popover-canvas/popover-canvas.js +3 -3
- package/dist/collection/components/popover-core/popover-core.js +1 -1
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
- package/dist/collection/components/popover-menu/popover-menu.js +3 -3
- package/dist/collection/components/radio-button/radio-button.js +2 -2
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
- package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
- package/dist/collection/components/side-menu/side-menu.js +21 -10
- package/dist/collection/components/slider/slider.js +8 -8
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/stepper/step/step.js +1 -1
- package/dist/collection/components/table/table-body/table-body.js +2 -2
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +2 -2
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
- package/dist/collection/components/table/table-body-row/table-body-row.js +2 -2
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
- package/dist/collection/components/table/table-footer/table-footer.js +3 -3
- package/dist/collection/components/table/table-header/table-header.js +2 -2
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +2 -2
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +3 -3
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text-field/text-field.js +5 -5
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/components/{p-BLhZliIO.js → p-454Tm-qg.js} +1 -1
- package/dist/components/{p-BonnqD8w.js → p-7g_ABN5n.js} +1 -1
- package/dist/components/{p-CzyhBRHW.js → p-C9OMhzbc.js} +1 -1
- package/dist/components/{p-CuBmZ6sl.js → p-CAGXolMB.js} +1 -1
- package/dist/components/{p-hVetZOGH.js → p-CIt4YhvL.js} +1 -1
- package/dist/components/{p-DlkBTA_R.js → p-COWTtzpX.js} +1 -1
- package/dist/components/{p-CKbZVUR2.js → p-CVrz-nvu.js} +1 -1
- package/dist/components/p-CXwwrpih.js +1 -0
- package/dist/components/{p-Bp11uQum.js → p-CbSJY3jI.js} +1 -1
- package/dist/components/{p-C9VPZFHA.js → p-DDZjm4KO.js} +1 -1
- package/dist/components/p-DU6on7Ts.js +1 -0
- package/dist/components/{p-C4MTsi5W.js → p-Dc6aMuMv.js} +1 -1
- package/dist/components/p-Dcq3a5KI.js +1 -0
- package/dist/components/{p-CwklLnIa.js → p-blXt609Y.js} +1 -1
- package/dist/components/p-hCp8GmRl.js +1 -0
- package/dist/components/{p-BMeMtNu0.js → p-le823YD3.js} +1 -1
- package/dist/components/tds-accordion-item.js +1 -1
- package/dist/components/tds-banner.js +1 -1
- package/dist/components/tds-body-cell.js +1 -1
- package/dist/components/tds-card.js +1 -1
- package/dist/components/tds-core-header-item.js +1 -1
- package/dist/components/tds-datetime.js +1 -1
- package/dist/components/tds-divider.js +1 -1
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +1 -1
- package/dist/components/tds-folder-tab.js +1 -1
- package/dist/components/tds-folder-tabs.js +1 -1
- package/dist/components/tds-footer-group.js +1 -1
- package/dist/components/tds-footer-item.js +1 -1
- package/dist/components/tds-footer.js +1 -1
- package/dist/components/tds-header-brand-symbol.js +1 -1
- package/dist/components/tds-header-cell.js +1 -1
- package/dist/components/tds-header-dropdown-list-item.js +1 -1
- package/dist/components/tds-header-dropdown-list-user.js +1 -1
- package/dist/components/tds-header-dropdown-list.js +1 -1
- package/dist/components/tds-header-dropdown.js +1 -1
- package/dist/components/tds-header-hamburger.js +1 -1
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +1 -1
- package/dist/components/tds-header-launcher-grid-item.js +1 -1
- package/dist/components/tds-header-launcher-grid-title.js +1 -1
- package/dist/components/tds-header-launcher-grid.js +1 -1
- package/dist/components/tds-header-launcher-list-item.js +1 -1
- package/dist/components/tds-header-launcher-list-title.js +1 -1
- package/dist/components/tds-header-launcher-list.js +1 -1
- package/dist/components/tds-header-launcher.js +1 -1
- package/dist/components/tds-header-title.js +1 -1
- package/dist/components/tds-header.js +1 -1
- package/dist/components/tds-icon.js +1 -1
- package/dist/components/tds-inline-tab.js +1 -1
- package/dist/components/tds-inline-tabs.js +1 -1
- package/dist/components/tds-link.js +1 -1
- package/dist/components/tds-message.js +1 -1
- package/dist/components/tds-modal.js +1 -1
- package/dist/components/tds-navigation-tab.js +1 -1
- package/dist/components/tds-navigation-tabs.js +1 -1
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-core.js +1 -1
- package/dist/components/tds-popover-menu-item.js +1 -1
- package/dist/components/tds-popover-menu.js +1 -1
- package/dist/components/tds-radio-button.js +1 -1
- package/dist/components/tds-side-menu-close-button.js +1 -1
- package/dist/components/tds-side-menu-collapse-button.js +1 -1
- package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
- package/dist/components/tds-side-menu-dropdown-list.js +1 -1
- package/dist/components/tds-side-menu-dropdown.js +1 -1
- package/dist/components/tds-side-menu-item.js +1 -1
- package/dist/components/tds-side-menu-overlay.js +1 -1
- package/dist/components/tds-side-menu-user-image.js +1 -1
- package/dist/components/tds-side-menu-user-label.js +1 -1
- package/dist/components/tds-side-menu-user.js +1 -1
- package/dist/components/tds-side-menu.js +1 -1
- package/dist/components/tds-slider.js +1 -1
- package/dist/components/tds-spinner.js +1 -1
- package/dist/components/tds-step.js +1 -1
- package/dist/components/tds-table-body-input-wrapper.js +1 -1
- package/dist/components/tds-table-body-row-expandable.js +1 -1
- package/dist/components/tds-table-body-row.js +1 -1
- package/dist/components/tds-table-body.js +1 -1
- package/dist/components/tds-table-footer.js +1 -1
- package/dist/components/tds-table-header-input-wrapper.js +1 -1
- package/dist/components/tds-table-header.js +1 -1
- package/dist/components/tds-table-toolbar.js +1 -1
- package/dist/components/tds-tag.js +1 -1
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-textarea.js +1 -1
- package/dist/components/tds-toast.js +1 -1
- package/dist/components/tds-toggle.js +1 -1
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-body-cell.entry.js +2 -2
- package/dist/esm/tds-button_2.entry.js +1 -1
- package/dist/esm/tds-core-header-item_2.entry.js +3 -3
- package/dist/esm/tds-datetime.entry.js +48 -7
- package/dist/esm/tds-dropdown_2.entry.js +172 -49
- package/dist/esm/tds-folder-tab.entry.js +2 -2
- package/dist/esm/tds-folder-tabs.entry.js +3 -3
- package/dist/esm/tds-footer-group.entry.js +3 -3
- package/dist/esm/tds-footer-item.entry.js +1 -1
- package/dist/esm/tds-footer.entry.js +2 -2
- package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
- package/dist/esm/tds-header-cell.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
- package/dist/esm/tds-header-dropdown.entry.js +3 -3
- package/dist/esm/tds-header-hamburger.entry.js +1 -1
- package/dist/esm/tds-header-launcher-button.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list.entry.js +1 -1
- package/dist/esm/tds-header-launcher.entry.js +2 -2
- package/dist/esm/tds-header-title.entry.js +1 -1
- package/dist/esm/tds-header.entry.js +1 -1
- package/dist/esm/tds-icon.entry.js +3 -2
- package/dist/esm/tds-inline-tab.entry.js +2 -2
- package/dist/esm/tds-inline-tabs.entry.js +2 -2
- package/dist/esm/tds-link.entry.js +2 -2
- package/dist/esm/tds-message.entry.js +2 -2
- package/dist/esm/tds-modal.entry.js +2 -2
- package/dist/esm/tds-navigation-tab.entry.js +2 -2
- package/dist/esm/tds-navigation-tabs.entry.js +4 -4
- package/dist/esm/tds-popover-canvas.entry.js +3 -3
- package/dist/esm/tds-popover-core.entry.js +1 -1
- package/dist/esm/tds-popover-menu-item.entry.js +2 -2
- package/dist/esm/tds-popover-menu.entry.js +3 -3
- package/dist/esm/tds-radio-button.entry.js +2 -2
- package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +2 -2
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +2 -2
- package/dist/esm/tds-side-menu-dropdown.entry.js +3 -3
- package/dist/esm/tds-side-menu-item.entry.js +2 -2
- package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
- package/dist/esm/tds-side-menu-user-image_2.entry.js +2 -2
- package/dist/esm/tds-side-menu-user.entry.js +1 -1
- package/dist/esm/tds-side-menu.entry.js +20 -10
- package/dist/esm/tds-slider.entry.js +8 -8
- package/dist/esm/tds-spinner.entry.js +1 -1
- package/dist/esm/tds-step.entry.js +1 -1
- package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
- package/dist/esm/tds-table-body-row-expandable.entry.js +7 -7
- package/dist/esm/tds-table-body-row.entry.js +2 -2
- package/dist/esm/tds-table-body.entry.js +2 -2
- package/dist/esm/tds-table-footer.entry.js +3 -3
- package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
- package/dist/esm/tds-table-header.entry.js +2 -2
- package/dist/esm/tds-table-toolbar.entry.js +2 -2
- package/dist/esm/tds-tag.entry.js +1 -1
- package/dist/esm/tds-text-field.entry.js +5 -5
- package/dist/esm/tds-textarea.entry.js +3 -3
- package/dist/esm/tds-toast.entry.js +3 -3
- package/dist/esm/tds-toggle.entry.js +3 -3
- package/dist/esm/tds-tooltip.entry.js +2 -2
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/assets/icons/scania/configurator.svg +1 -0
- package/dist/tegel/{p-ed40e3b0.entry.js → p-00f77dd3.entry.js} +1 -1
- package/dist/tegel/{p-fc26b649.entry.js → p-01c5df5c.entry.js} +1 -1
- package/dist/tegel/{p-1f7bf292.entry.js → p-066bb57c.entry.js} +1 -1
- package/dist/tegel/{p-6c61a2f0.entry.js → p-089347c1.entry.js} +1 -1
- package/dist/tegel/p-091c27ee.entry.js +1 -0
- package/dist/tegel/{p-f019e894.entry.js → p-09867bb0.entry.js} +1 -1
- package/dist/tegel/p-09c5a74a.entry.js +1 -0
- package/dist/tegel/{p-2fa10d10.entry.js → p-10bd75ab.entry.js} +1 -1
- package/dist/tegel/{p-4df49756.entry.js → p-130d96b2.entry.js} +1 -1
- package/dist/tegel/{p-5492f7b1.entry.js → p-17ea4d71.entry.js} +1 -1
- package/dist/tegel/p-1c117ed6.entry.js +1 -0
- package/dist/tegel/p-1c73f091.entry.js +1 -0
- package/dist/tegel/{p-50593c6d.entry.js → p-2c4defb0.entry.js} +1 -1
- package/dist/tegel/{p-117b6fd9.entry.js → p-2ef824fb.entry.js} +1 -1
- package/dist/tegel/{p-6e8da39b.entry.js → p-34acf548.entry.js} +1 -1
- package/dist/tegel/p-399de5fb.entry.js +1 -0
- package/dist/tegel/{p-6c3e8059.entry.js → p-4236bbf5.entry.js} +1 -1
- package/dist/tegel/{p-f84ce63c.entry.js → p-462a1867.entry.js} +1 -1
- package/dist/tegel/{p-7492a041.entry.js → p-483d8c89.entry.js} +1 -1
- package/dist/tegel/{p-8b3e1cd0.entry.js → p-492af98d.entry.js} +1 -1
- package/dist/tegel/{p-a10af11f.entry.js → p-513f9e4a.entry.js} +1 -1
- package/dist/tegel/p-5aac239b.entry.js +1 -0
- package/dist/tegel/{p-12d791e7.entry.js → p-5b787973.entry.js} +1 -1
- package/dist/tegel/p-5de5a2e8.entry.js +1 -0
- package/dist/tegel/{p-2818d320.entry.js → p-64e04dc0.entry.js} +1 -1
- package/dist/tegel/p-6bcb6678.entry.js +1 -0
- package/dist/tegel/p-6c86f384.entry.js +1 -0
- package/dist/tegel/{p-44cbb1d0.entry.js → p-735375dd.entry.js} +1 -1
- package/dist/tegel/p-785a02d1.entry.js +1 -0
- package/dist/tegel/p-7aa48b05.entry.js +1 -0
- package/dist/tegel/p-7d2217bc.entry.js +1 -0
- package/dist/tegel/{p-60c4deaf.entry.js → p-7fd4299d.entry.js} +1 -1
- package/dist/tegel/{p-f0b836d4.entry.js → p-808c9db1.entry.js} +1 -1
- package/dist/tegel/{p-182669b3.entry.js → p-84580662.entry.js} +1 -1
- package/dist/tegel/{p-a96da238.entry.js → p-8db648a3.entry.js} +1 -1
- package/dist/tegel/p-8f69297f.entry.js +1 -0
- package/dist/tegel/p-9a0253d6.entry.js +1 -0
- package/dist/tegel/{p-7ba5eadf.entry.js → p-9c179f84.entry.js} +1 -1
- package/dist/tegel/{p-9dd59846.entry.js → p-9d1d18e5.entry.js} +1 -1
- package/dist/tegel/{p-45f611ce.entry.js → p-a5ec44a0.entry.js} +1 -1
- package/dist/tegel/p-ad5f719a.entry.js +1 -0
- package/dist/tegel/p-afad1dba.entry.js +1 -0
- package/dist/tegel/{p-4ff91349.entry.js → p-b11a2807.entry.js} +1 -1
- package/dist/tegel/{p-c7a7d0c3.entry.js → p-b29a9c01.entry.js} +1 -1
- package/dist/tegel/p-b524bbfe.entry.js +1 -0
- package/dist/tegel/p-b765f247.entry.js +1 -0
- package/dist/tegel/{p-e9d550f5.entry.js → p-bc98d0e2.entry.js} +1 -1
- package/dist/tegel/{p-c51b97da.entry.js → p-bf411bd0.entry.js} +1 -1
- package/dist/tegel/{p-0426cbc9.entry.js → p-bfa98728.entry.js} +1 -1
- package/dist/tegel/p-c18d557c.entry.js +1 -0
- package/dist/tegel/{p-8354ed21.entry.js → p-c2e17e83.entry.js} +1 -1
- package/dist/tegel/{p-158fd791.entry.js → p-d92682e4.entry.js} +1 -1
- package/dist/tegel/p-dc425994.entry.js +1 -0
- package/dist/tegel/p-dc823504.entry.js +1 -0
- package/dist/tegel/{p-8f89e6d1.entry.js → p-e0be794f.entry.js} +1 -1
- package/dist/tegel/p-e2848b6f.entry.js +1 -0
- package/dist/tegel/{p-5b66a01d.entry.js → p-e399bba6.entry.js} +1 -1
- package/dist/tegel/{p-d477128f.entry.js → p-e4cd252c.entry.js} +1 -1
- package/dist/tegel/{p-2eaf9959.entry.js → p-e7793e67.entry.js} +1 -1
- package/dist/tegel/{p-9802c999.entry.js → p-e8658834.entry.js} +1 -1
- package/dist/tegel/{p-c74d8810.entry.js → p-eebfce98.entry.js} +1 -1
- package/dist/tegel/{p-c1bafa58.entry.js → p-f7e30ce0.entry.js} +1 -1
- package/dist/tegel/{p-a9a60c38.entry.js → p-f935c2e9.entry.js} +1 -1
- package/dist/tegel/{p-bf85e0e7.entry.js → p-fb9f17be.entry.js} +1 -1
- package/dist/tegel/{p-88761a57.entry.js → p-fc5445b7.entry.js} +1 -1
- package/dist/tegel/{p-2b1c9edf.entry.js → p-fe45a38b.entry.js} +1 -1
- package/dist/tegel/{p-8817bb70.entry.js → p-fed169d8.entry.js} +1 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/datetime/datetime.d.ts +18 -6
- package/dist/types/components/dropdown/dropdown.d.ts +4 -0
- package/dist/types/components/side-menu/side-menu.d.ts +1 -0
- package/dist/types/components.d.ts +41 -13
- package/dist/types/types/ScaniaIcons.d.ts +1 -1
- package/package.json +2 -2
- package/dist/components/p-BYl_hs2I.js +0 -1
- package/dist/components/p-DGE6WcOB.js +0 -1
- package/dist/components/p-DdOzmmZe.js +0 -1
- package/dist/components/p-DjZ0RkWr.js +0 -1
- package/dist/tegel/p-0056a170.entry.js +0 -1
- package/dist/tegel/p-01f5774a.entry.js +0 -1
- package/dist/tegel/p-11f23ac6.entry.js +0 -1
- package/dist/tegel/p-15bc881b.entry.js +0 -1
- package/dist/tegel/p-1ff8bbed.entry.js +0 -1
- package/dist/tegel/p-5af70803.entry.js +0 -1
- package/dist/tegel/p-62e7169c.entry.js +0 -1
- package/dist/tegel/p-630d0a10.entry.js +0 -1
- package/dist/tegel/p-6410c845.entry.js +0 -1
- package/dist/tegel/p-8e0402a1.entry.js +0 -1
- package/dist/tegel/p-9a9ac3b2.entry.js +0 -1
- package/dist/tegel/p-ac5abaa4.entry.js +0 -1
- package/dist/tegel/p-ae5bc89a.entry.js +0 -1
- package/dist/tegel/p-b9096df7.entry.js +0 -1
- package/dist/tegel/p-be4b4dfd.entry.js +0 -1
- package/dist/tegel/p-cc133aa7.entry.js +0 -1
- package/dist/tegel/p-ce117e66.entry.js +0 -1
- package/dist/tegel/p-de5fa736.entry.js +0 -1
- package/dist/tegel/p-dfbbe349.entry.js +0 -1
- package/dist/tegel/p-e13d59c1.entry.js +0 -1
- package/dist/tegel/p-e82bf5c9.entry.js +0 -1
- package/dist/tegel/p-f844ce31.entry.js +0 -1
- /package/dist/collection/assets/icons/scania/{gift inactive.svg → gift_inactive.svg} +0 -0
- /package/dist/tegel/assets/icons/scania/{gift inactive.svg → gift_inactive.svg} +0 -0
|
@@ -179,14 +179,14 @@ export class TdsTableFooter {
|
|
|
179
179
|
}
|
|
180
180
|
render() {
|
|
181
181
|
var _a;
|
|
182
|
-
return (h(Host, { key: '
|
|
182
|
+
return (h(Host, { key: '8cf70f3e746f05b392b4b95d54bfece7220633e4', class: {
|
|
183
183
|
'tds-table--compact': this.compactDesign,
|
|
184
184
|
'footer__horizontal-scroll': !!this.horizontalScrollWidth,
|
|
185
|
-
}, style: this.getStyles() }, h("tr", { key: '
|
|
185
|
+
}, style: this.getStyles() }, h("tr", { key: '5cb6329b2555cc8b5d225509523e231c446b3c4a', class: "tds-table__footer-row" }, h("td", { key: '6f80504a5a0ff08150815f92981ca3fc6daaefab', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: '14412d3db567342d7d24a52291de9468306111cc', class: "tds-table__pagination" }, h("div", { key: 'e7d3853740a5173322cb35670e39485e9ffb8c11', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '9f92698875cacaa25910597a7361fcbcda4318c6', class: "rows-per-page" }, h("p", { key: 'f046870d8bdbe7f90625e36a37b8b3720f72ff12' }, "Rows per page"), h("tds-dropdown", { key: 'c75c1ef3c1a66e8ec7a130d24dca504148b8113e', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => (h("tds-dropdown-option", { value: `${value}` }, value))))))), h("div", { key: 'dd171addd35fdfb1f4a90e545dd3d4a56568436f', class: "tds-table__page-selector" }, h("input", { key: 'af61e22ec0dfa8468ee32ed0343aae28bc54f101', ref: (element) => {
|
|
186
186
|
if (element) {
|
|
187
187
|
this.inputElement = element;
|
|
188
188
|
}
|
|
189
|
-
}, class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: '
|
|
189
|
+
}, class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: 'd741a6d807bcbc9d3b132092b827b99ac7c27764', class: "tds-table__footer-text" }, "of ", h("span", { key: 'ba74d91e5ed8796c0c17e73e53f4ea9385cdbdb5' }, this.pages), " pages"), h("button", { key: '7ba4cb7b425c0aba89cde7e925d3b50ebd28070d', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '2b6ddc50e9d584cf4e7530a6f3a8a20b67035c89', name: "skip_backwards", size: "20px" })), h("button", { key: '5dd123e068da4d89552c6403aefa32e6c037c571', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '86da02b6cde0c0aac91a5bbde6a705c8499f7516', name: "chevron_left", size: "20px" })), h("button", { key: 'd8208da719503be3edc6397a82d196c76beac598', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: 'f52872c6cf209a65658f4cf8f9ca7f309a94793b', name: "chevron_right", size: "20px" })), h("button", { key: 'b1e5db7b0dffd15b920db01ed3f02d5c5940e288', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: '52ec734eaa1992709ac6ffc32f6d493e8ebd86a9', name: "skip_forward", size: "20px" })))))))));
|
|
190
190
|
}
|
|
191
191
|
static get is() { return "tds-table-footer"; }
|
|
192
192
|
static get encapsulation() { return "shadow"; }
|
|
@@ -90,11 +90,11 @@ export class TdsTableHeaderRow {
|
|
|
90
90
|
});
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
|
-
return (h(Host, { key: '
|
|
93
|
+
return (h(Host, { key: '6694732da4046fe06dd5583dabcd7f08b1eca27e', class: {
|
|
94
94
|
'tds-table--compact': this.compactDesign,
|
|
95
95
|
'tds-table--divider': this.verticalDividers,
|
|
96
96
|
'tds-table--toolbar-available': this.enableToolbarDesign,
|
|
97
|
-
} }, h("tr", { key: '
|
|
97
|
+
} }, h("tr", { key: 'ae44f1f20feedd4833dcad0f5eb166dbcb8271c2' }, this.multiselect && (h("th", { key: '7164dda86ee3eb21dc04c11ebd0dd074a8fdf00d', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: '791a29bf597e9395c84bae6d408f146f8d240967', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '6bad99498d9e67dfe068e393ed15dc229a6229de', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: '5818a44e2ce485265fecef36135dbbe113ac2bdf', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: 'a8cd6f4cde24922bf8a1998a4120c7ff02cf60f3' }))));
|
|
98
98
|
}
|
|
99
99
|
static get is() { return "tds-table-header"; }
|
|
100
100
|
static get encapsulation() { return "shadow"; }
|
|
@@ -118,7 +118,7 @@ export class TdsTableHeaderCell {
|
|
|
118
118
|
return 'none';
|
|
119
119
|
}
|
|
120
120
|
render() {
|
|
121
|
-
return (h(Host, { key: '
|
|
121
|
+
return (h(Host, { key: 'be64d88104f52df5d328b61a052eb489bcc01b72', class: {
|
|
122
122
|
'tds-table__header-cell': true,
|
|
123
123
|
'tds-table__header-cell--sortable': this.sortable,
|
|
124
124
|
'tds-table__header-cell--is-sorted': this.sortedByMyKey,
|
|
@@ -129,7 +129,7 @@ export class TdsTableHeaderCell {
|
|
|
129
129
|
'tds-table--extra-column': this.multiselect || this.expandableRows,
|
|
130
130
|
'tds-table--toolbar-available': this.enableToolbarDesign,
|
|
131
131
|
'tds-table--no-padding': this.disablePadding,
|
|
132
|
-
} }, h("th", { key: '
|
|
132
|
+
} }, h("th", { key: '5ce91b5905d96bf9be4061a2b7a53c1af18fc390', style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onFocus: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover(''), onBlur: () => this.onHeadCellHover(''), "aria-sort": this.getAriaSort(), colSpan: this.colSpan, rowSpan: this.rowSpan }, this.headerCellContent())));
|
|
133
133
|
}
|
|
134
134
|
static get is() { return "tds-header-cell"; }
|
|
135
135
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js
CHANGED
|
@@ -64,7 +64,7 @@ export class TdsTableHeaderInputWrapper {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
return (h(Host, { key: '
|
|
67
|
+
return (h(Host, { key: '84cc720addbfd6252297b0fd67114f7dfa920cc9', class: {
|
|
68
68
|
'focused-input-wrapper': this.inputFocused,
|
|
69
69
|
'show-icon': this.showIcon,
|
|
70
70
|
'tds-table__compact': this.compactDesign,
|
|
@@ -73,10 +73,10 @@ export class TdsTableToolbar {
|
|
|
73
73
|
return styles;
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
|
-
return (h(Host, { key: '
|
|
76
|
+
return (h(Host, { key: 'f8a4f02533b392cdef06823c0a8f3fc7eb65dac1', class: {
|
|
77
77
|
'tds-table--compact': this.compactDesign,
|
|
78
78
|
'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
|
|
79
|
-
}, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '
|
|
79
|
+
}, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: 'a4d5d8b3a1f874ad6cf8b6c2f0387abb80dc6c7c', class: "tds-table__upper-bar-flex" }, h("div", { key: 'fdda25df918b94db38efec19b67486c27ecef944', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: '835fa2f6230dffd4e30f219d5753959d66833717', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: '1e55264456b36bfee36674ced3ab6b7a4767dd24', name: "start" })), h("div", { key: '6bbc6ca3917171e610ae162bc2ffce3e5b190874', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '49acb858ed5fefb5ef3cd7e84a11d22a8ffbbfa4', class: "tds-table__searchbar" }, h("input", { key: '72e41aef9c82e018e03c95dc3c48f1901cf1ce84', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: 'c9825e7843f1460f2d9d2aa1122790b2d2c8fd01', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '3f772922cc80abbb127ff675f4e0e9db79cd6c9a', name: "search", size: "20px" })))), h("slot", { key: '20128d959ea3a1fc97eeb4dcf41313db088feae5', name: "end" })))));
|
|
80
80
|
}
|
|
81
81
|
static get is() { return "tds-table-toolbar"; }
|
|
82
82
|
static get encapsulation() { return "shadow"; }
|
|
@@ -35,10 +35,10 @@ export class TdsFolderTab {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: 'bcb1ed17ebb34e2a458daa2fb3c6f7f52c3d9bf6', "aria-selected": this.selected }, h("div", { key: 'b6ee4cef0bac744ad09e92a32453ba6fb6021c41', class: {
|
|
39
39
|
selected: this.selected,
|
|
40
40
|
disabled: this.disabled,
|
|
41
|
-
}, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '
|
|
41
|
+
}, style: { width: `${this.tabWidth}px` } }, h("slot", { key: 'b7d230c050fc315fb5de735a0496c69c967bdefe' }))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "tds-folder-tab"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -98,7 +98,7 @@ export class TdsFolderTabs {
|
|
|
98
98
|
tabElement.setSelected(false);
|
|
99
99
|
return tabElement;
|
|
100
100
|
});
|
|
101
|
-
if (this.selectedIndex) {
|
|
101
|
+
if (this.selectedIndex !== undefined) {
|
|
102
102
|
this.tabElements[this.selectedIndex].setSelected(true);
|
|
103
103
|
}
|
|
104
104
|
}
|
|
@@ -176,9 +176,9 @@ export class TdsFolderTabs {
|
|
|
176
176
|
this.removeEventListenerFromTabs();
|
|
177
177
|
}
|
|
178
178
|
render() {
|
|
179
|
-
return (h(Host, { key: '
|
|
179
|
+
return (h(Host, { key: 'e8b3a0c15cad9dc5cf7b68381de79786c5853c17', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '459d2af9aa923196938b7c7848ef3494b1eb0015', class: "wrapper", ref: (el) => {
|
|
180
180
|
this.navWrapperElement = el;
|
|
181
|
-
} }, h("button", { key: '
|
|
181
|
+
} }, h("button", { key: '6c124a6cc60705c0eabe05f05e24308300c5c230', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '82585953fd9a38d4b4fa9c0ddf514b7ddf0f5938', name: "chevron_left", size: "20px" })), h("slot", { key: '101d7936691d26bc4448d9c8800e28500c42c92e', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'a95a09608cf9388d0e55465a62ba6d3c5101d337', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'c36777a240da371d5f2145410f6b5635bb688d95', name: "chevron_right", size: "20px" })))));
|
|
182
182
|
}
|
|
183
183
|
static get is() { return "tds-folder-tabs"; }
|
|
184
184
|
static get encapsulation() { return "shadow"; }
|
|
@@ -31,11 +31,11 @@ export class TdsInlineTab {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: 'f1dec66ce92e3d2913941faedc3fe0f9d4e0ce17', "aria-selected": this.selected }, h("div", { key: '55335b61d72e1b20d6fddddc40f58c966c827f41', class: {
|
|
35
35
|
'inline-tab-item': true,
|
|
36
36
|
'selected': this.selected,
|
|
37
37
|
'disabled': this.disabled,
|
|
38
|
-
} }, h("slot", { key: '
|
|
38
|
+
} }, h("slot", { key: '3ff73b16df1a3a97924ced2f61ff72c92c92835c' }))));
|
|
39
39
|
}
|
|
40
40
|
static get is() { return "tds-inline-tab"; }
|
|
41
41
|
static get encapsulation() { return "shadow"; }
|
|
@@ -177,9 +177,9 @@ export class TdsInlineTabs {
|
|
|
177
177
|
this.removeEventListenerFromTabs();
|
|
178
178
|
}
|
|
179
179
|
render() {
|
|
180
|
-
return (h(Host, { key: '
|
|
180
|
+
return (h(Host, { key: 'c560fe618bd56e56b83d98959a787d1d253b294a', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}`, style: { '--padding-left': `${this.leftPadding}px` } }, h("div", { key: '4a2070625881a955ddc8b7d58869ac2908f1aeef', class: "wrapper", ref: (el) => {
|
|
181
181
|
this.navWrapperElement = el;
|
|
182
|
-
} }, h("button", { key: '
|
|
182
|
+
} }, h("button", { key: '1df4f76b71faf9ea2e2f57c3da07c41315bcb59f', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '9e0e80a1791ccf9fb28b1c597ce498808365f9c1', name: "chevron_left", size: "20px" })), h("slot", { key: 'f702f8f7761d797cb121ce77f96276a615c211f9', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '735e8a5e76d32903ecf666e59a646d4bbf0b8c4d', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'f0a59a1305c1ae93908ca307c03d57b9a171c4ec', name: "chevron_right", size: "20px" })))));
|
|
183
183
|
}
|
|
184
184
|
static get is() { return "tds-inline-tabs"; }
|
|
185
185
|
static get encapsulation() { return "shadow"; }
|
|
@@ -31,8 +31,8 @@ export class TdsNavigationTab {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
35
|
-
${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '
|
|
34
|
+
return (h(Host, { key: '362f628f25730c6e878172a64d94f34bdc3e5ddb' }, h("div", { key: '58767c9578afb7dcb6c30c22fb61bf366c267e4d', class: `navigation-tab-item ${this.selected ? 'selected' : ''}
|
|
35
|
+
${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'c3bfcb9677f7cb318b1e70a53135f31b79345d78' }))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "tds-navigation-tab"; }
|
|
38
38
|
static get encapsulation() { return "shadow"; }
|
|
@@ -183,15 +183,15 @@ export class TdsNavigationTabs {
|
|
|
183
183
|
this.removeEventListenerFromTabs();
|
|
184
184
|
}
|
|
185
185
|
render() {
|
|
186
|
-
return (h(Host, { key: '
|
|
186
|
+
return (h(Host, { key: '30d0734a2ac6fe0a585ca7e15fe08f9feceb2303', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: 'b27101ea4c520eb434ba26c425e6179c1b0bdd8b', class: "wrapper", ref: (el) => {
|
|
187
187
|
this.navWrapperElement = el;
|
|
188
|
-
}, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '
|
|
188
|
+
}, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: 'a2214da9d20638ee1896cb04c759f598caee3425', "aria-label": this.tdsScrollLeftAriaLabel, class: {
|
|
189
189
|
'scroll-left-button': true,
|
|
190
190
|
'show': this.showLeftScroll,
|
|
191
|
-
}, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '
|
|
191
|
+
}, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '54fc194d33c682ecf03c51af39ce5290de199c29', name: "chevron_left", size: "20px" })), h("slot", { key: '8c673f8d743352b4f5228c434ea6ba73b35d5916', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'f89e20284ad64bb864e84c28015f162fdf744b62', "aria-label": this.tdsScrollRightAriaLabel, class: {
|
|
192
192
|
'scroll-right-button': true,
|
|
193
193
|
'show': this.showRightScroll,
|
|
194
|
-
}, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '
|
|
194
|
+
}, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '6099eec68724b31d6ec71e5f6491313cae51db1f', name: "chevron_right", size: "20px" })))));
|
|
195
195
|
}
|
|
196
196
|
static get is() { return "tds-navigation-tabs"; }
|
|
197
197
|
static get encapsulation() { return "shadow"; }
|
|
@@ -16,7 +16,7 @@ export class TdsTag {
|
|
|
16
16
|
[`${this.size.toLowerCase()}`]: true,
|
|
17
17
|
[this.variant.toLowerCase()]: true,
|
|
18
18
|
});
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '6e014440b1933df324129ccb7ee25a4e6e28f7f5', class: getTagClasses() }, h("div", { key: '14605f18833dc92370646302cf0fd10106ae8600', class: "tds-tag__content" }, hasPrefixSlot && h("slot", { key: 'f6f426e202bee36eb53fc35b132b216ab74d7b6f', name: "prefix" }), h("span", { key: '15c5d2b25241ef26fe71ba37d2f16e3b0d88a9ce' }, this.text))));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "tds-tag"; }
|
|
22
22
|
static get encapsulation() { return "scoped"; }
|
|
@@ -110,7 +110,7 @@ export class TdsTextField {
|
|
|
110
110
|
var _a, _b, _c, _d;
|
|
111
111
|
const usesPrefixSlot = hasSlot('prefix', this.host);
|
|
112
112
|
const usesSuffixSlot = hasSlot('suffix', this.host);
|
|
113
|
-
return (h("div", { key: '
|
|
113
|
+
return (h("div", { key: 'f16b01caa6aab76ff91b1bbd339726bc091073b4', class: {
|
|
114
114
|
'form-text-field': true,
|
|
115
115
|
'form-text-field-nomin': this.noMinWidth,
|
|
116
116
|
'text-field-focus': this.focusInput && !this.disabled,
|
|
@@ -128,12 +128,12 @@ export class TdsTextField {
|
|
|
128
128
|
'form-text-field-sm': this.size === 'sm',
|
|
129
129
|
'form-text-field-error': this.state === 'error',
|
|
130
130
|
'form-text-field-success': this.state === 'success',
|
|
131
|
-
} }, this.labelPosition === 'outside' && (h("div", { key: '
|
|
131
|
+
} }, this.labelPosition === 'outside' && (h("div", { key: '05a6ee014f2d3e6e4394050423282d18cf5908b0', class: "text-field-label-outside" }, h("label", { key: 'cf3b333f2a898c048a1d456c6b7f6c65390615f0', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: 'fc4a03cf20e81fa191ba536d2b79a0f1b0c535dd', onClick: () => { var _a; return (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus(); }, class: "text-field-container" }, usesPrefixSlot && (h("div", { key: '3638c5a1acde4ad2eabc403d74a551d6185985a8', class: {
|
|
132
132
|
'text-field-slot-wrap-prefix': true,
|
|
133
133
|
'text-field-error': this.state === 'error',
|
|
134
134
|
'text-field-success': this.state === 'success',
|
|
135
135
|
'text-field-default': this.state === 'default',
|
|
136
|
-
} }, h("slot", { key: '
|
|
136
|
+
} }, h("slot", { key: 'aa86f986720a076698b3193009eb8ebc5022e531', name: "prefix" }))), h("div", { key: '5b884728b755f3c604b233f706da028dc12ab0f8', class: "text-field-input-container" }, h("input", { key: 'a04b70515c8ea73d3435292249fb3aea9a43663a', ref: (inputEl) => {
|
|
137
137
|
this.textInput = inputEl;
|
|
138
138
|
}, class: {
|
|
139
139
|
'text-field-input': true,
|
|
@@ -149,13 +149,13 @@ export class TdsTextField {
|
|
|
149
149
|
if (!this.readOnly) {
|
|
150
150
|
this.handleBlur(event);
|
|
151
151
|
}
|
|
152
|
-
}, "aria-invalid": getAriaInvalid(this.host, this.state), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '
|
|
152
|
+
}, "aria-invalid": getAriaInvalid(this.host, this.state), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '2b4adf151e255ac983027b61b43f18e81399f11a', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (h("div", { key: '70fccd2b3ffcab91b2537ef1512d2bbe86c4a1e5', class: {
|
|
153
153
|
'text-field-slot-wrap-suffix': true,
|
|
154
154
|
'text-field-error': this.state === 'error',
|
|
155
155
|
'text-field-success': this.state === 'success',
|
|
156
156
|
'text-field-default': this.state === 'default',
|
|
157
157
|
'tds-u-display-none': this.readOnly,
|
|
158
|
-
} }, h("slot", { key: '
|
|
158
|
+
} }, h("slot", { key: '631a64c5239415bbf8449e90d046a3a2eb8fdf3c', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '975a0d8877d271c45c6b5f210537b11b5b70004e', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: 'e0aa565b62e640afcf13f270187269dbe79b9a48', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '9dadaaa674e0ef4f47e24889ff9e418e7ff3a168', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: '787ae2f6f83ff667885adec7b30ac31c3d99a8e4', "aria-live": "assertive" }, (this.helper || ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0) && (h("div", { key: 'f655beff3ed7f0a3441c790fce325ce830770707', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: '1e2ec411ebb607637b0584a54c1c19ff6d0e031e', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: 'ce34402f70808ab965669863d46c9d84fb66609d', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && ((_b = this.maxLength) !== null && _b !== void 0 ? _b : 0) > 0 && (h("span", { key: '17945ce6d01531279d561fc2115cc8461b59b6ea', class: {
|
|
159
159
|
'text-field-textcounter-divider': true,
|
|
160
160
|
'text-field-textcounter-disabled': this.disabled,
|
|
161
161
|
} }, this.value === null ? 0 : (_c = this.value) === null || _c === void 0 ? void 0 : _c.length, " / ", (_d = this.maxLength) !== null && _d !== void 0 ? _d : 0)))))));
|
|
@@ -70,7 +70,7 @@ export class TdsTextarea {
|
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
72
|
var _a, _b;
|
|
73
|
-
return (h("div", { key: '
|
|
73
|
+
return (h("div", { key: '2ccb72218895d827f951926844f7f5912f5e5981', class: {
|
|
74
74
|
'textarea-container': true,
|
|
75
75
|
'textarea-label-inside': this.labelPosition === 'inside',
|
|
76
76
|
'textarea-focus': this.focusInput,
|
|
@@ -80,7 +80,7 @@ export class TdsTextarea {
|
|
|
80
80
|
'textarea-data': this.value !== '',
|
|
81
81
|
[`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
|
|
82
82
|
'no-min-width': this.noMinWidth,
|
|
83
|
-
} }, this.labelPosition !== 'no-label' && (h("label", { key: '
|
|
83
|
+
} }, this.labelPosition !== 'no-label' && (h("label", { key: '55b640f946d5f3b553f0c8d6f458076e22675a3c', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), h("div", { key: '716876e13a8f7ce5336410fef5d9b9de90f89e01', class: "textarea-wrapper" }, h("textarea", { key: '80041c04a5bce79615bb92bb3489ec9af9328cd8', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
|
|
84
84
|
this.textEl = inputEl;
|
|
85
85
|
}, 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: (event) => {
|
|
86
86
|
if (!this.readOnly) {
|
|
@@ -90,7 +90,7 @@ export class TdsTextarea {
|
|
|
90
90
|
if (!this.readOnly) {
|
|
91
91
|
this.handleBlur(event);
|
|
92
92
|
}
|
|
93
|
-
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": getAriaInvalid(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}` }), h("span", { key: '
|
|
93
|
+
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": getAriaInvalid(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}` }), h("span", { key: '09fe37f55f352eb6a2e6482dd4a3fd1a5c2a5a4d', class: "textarea-resizer-icon" }, h("svg", { key: '7ddadcc0a6a6392b891fa93abbcb286b95123fbe', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '486e21dc5f89ca182e3870c010d05f8d05dee56f', "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 && (h("span", { key: 'bcaf8a2615483c20d5047dd182e46a3db316b745', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: 'a70b88e3c48613f80c8c7d558732e3d51a2cb00c', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '7bbe4e5b22c6b1cc6dca8880e03eb3079bc8fe6e', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), h("span", { key: 'feadff54f5c5fc884a5a7099878ee023a3c6f1c9', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (h("tds-icon", { key: 'ea538dae22b40ae4aac1d96064a137d28dbe3a52', name: "error", size: "16px" })), this.helper), ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0 && (h("div", { key: '92db8cc03e82c34f47a7c331c871240150b60732', class: 'textarea-textcounter' }, this.value === null ? 0 : (_b = this.value) === null || _b === void 0 ? void 0 : _b.length, h("span", { key: '4788115dbd59ce70f37b2033f3a08a4f8329106e', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
|
|
94
94
|
}
|
|
95
95
|
static get is() { return "tds-textarea"; }
|
|
96
96
|
static get encapsulation() { return "scoped"; }
|
|
@@ -68,12 +68,12 @@ export class TdsToast {
|
|
|
68
68
|
const usesHeaderSlot = hasSlot('header', this.host);
|
|
69
69
|
const usesSubheaderSlot = hasSlot('subheader', this.host);
|
|
70
70
|
const usesActionsSlot = hasSlot('actions', this.host);
|
|
71
|
-
return (h(Host, { key: '
|
|
71
|
+
return (h(Host, { key: '05cfab6acac4bf8a86b3bfede4ddfa80d9f1a304', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
|
|
72
72
|
hide: this.hidden,
|
|
73
73
|
show: !this.hidden,
|
|
74
|
-
} }, h("div", { key: '
|
|
74
|
+
} }, h("div", { key: '32583b47e144a437be6c194445b22f4a0aa00ba8', class: `
|
|
75
75
|
wrapper
|
|
76
|
-
${this.variant}` }, h("tds-icon", { key: '
|
|
76
|
+
${this.variant}` }, h("tds-icon", { key: '0a3b7c306323b02ae1b1ef67cbe339f51404dade', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: 'f8759ce8357c526cfedc218220c950b1b5e637c7', class: `content` }, h("div", { key: 'bb4487290f95f36554afc7f6b2ce672eda8eaebc', class: "header-subheader" }, this.header && h("div", { key: 'ff99a04a22409cd318710d013e8d25b8a0aa3861', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '101a2ada1599fdc15b90ccc658e508b51dee2900', name: "header" }), this.subheader && h("div", { key: '2edc1acb846a8a364bc589f90891b07722d558c9', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '572ff0654cd2eda217ff0f124e8599748b71d151', name: "subheader" })), usesActionsSlot && (h("div", { key: 'efb4061f8574866c8944d1349d37cae8d7348993', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: 'ae41441a2d602ae150ec685725a7ee6722e84a4e', name: "actions" })))), this.closable && (h("button", { key: '52f934fb79a07225a393ff799e6189aa51052b6c', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'c208a433f3be14c1ad2e38a74ef9945ab05bbf7d', name: "cross", size: "20px", svgTitle: "cross" }))))));
|
|
77
77
|
}
|
|
78
78
|
static get is() { return "tds-toast"; }
|
|
79
79
|
static get encapsulation() { return "shadow"; }
|
|
@@ -41,13 +41,13 @@ export class TdsToggle {
|
|
|
41
41
|
this.labelSlot = this.host.querySelector("[slot='label']");
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (h("div", { key: '
|
|
44
|
+
return (h("div", { key: 'c1aa9475d114ceed43404e5782281f8890b98722', class: "tds-toggle" }, this.headline && (h("div", { key: '7734e6fec341d4b89857ad6d7d114c57684e7730', class: {
|
|
45
45
|
'toggle-headline': true,
|
|
46
46
|
'disabled': this.disabled,
|
|
47
|
-
} }, this.headline)), h("input", { key: '
|
|
47
|
+
} }, this.headline)), h("input", { key: '6a6420579c616daea95b0b07a194a0e4cc206c47', ref: (inputEl) => {
|
|
48
48
|
if (inputEl)
|
|
49
49
|
this.inputElement = inputEl;
|
|
50
|
-
}, "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '
|
|
50
|
+
}, "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: 'f6120cfbd981949507274eb628b6c84af4fecfd1', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '0998bb02cf4626f7589556c4bb2ce9846e4028de', name: "label" })))));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "tds-toggle"; }
|
|
53
53
|
static get encapsulation() { return "scoped"; }
|
|
@@ -64,7 +64,7 @@ export class TdsTooltip {
|
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
66
|
var _a;
|
|
67
|
-
return (h(Host, { key: '
|
|
67
|
+
return (h(Host, { key: '1bd8ec7aed94718f305853bfe59cff193537c3f9', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '6dbe7c7c9662fccba29de2451b37bec6c3e77db4' }, this.inheritedAttributes, { class: {
|
|
68
68
|
'tds-tooltip': true,
|
|
69
69
|
[`tds-tooltip-${this.border}`]: true,
|
|
70
70
|
[(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
|
|
@@ -73,7 +73,7 @@ export class TdsTooltip {
|
|
|
73
73
|
this.show = true;
|
|
74
74
|
}, onInternalTdsClose: () => {
|
|
75
75
|
this.show = false;
|
|
76
|
-
}, defaultShow: this.defaultShow }), this.text, h("slot", { key: '
|
|
76
|
+
}, defaultShow: this.defaultShow }), this.text, h("slot", { key: '4a14caadf2026d45858f7de11b94faebf1b19f03' }))));
|
|
77
77
|
}
|
|
78
78
|
static get is() { return "tds-tooltip"; }
|
|
79
79
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as d,c as i,h as l}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";import{g as o}from"./p-Cn4f8w1e.js";import{g as r}from"./p-wEP_nEaO.js";import{d as a}from"./p-hVetZOGH.js";import{d as f}from"./p-BMeMtNu0.js";import{d as n}from"./p-DGE6WcOB.js";const x=e(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsInput=i(this,"tdsInput",6),this.tdsFocus=i(this,"tdsFocus",6),this.tdsBlur=i(this,"tdsBlur",6),this.tdsError=i(this,"tdsError",6),this.uuid=o(),this.type="text",this.labelPosition="no-label",this.label="",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.autofocus=!1,this.required=!1,this.autocomplete="off",this.hideNumberArrows=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target,{value:d}=e;this.value=d,this.tdsInput.emit(t)}handleFocus(t){var e;null===(e=this.textInput)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){if(this.focusInput=!1,"number"===this.type&&this.textInput){const t=this.textInput.valueAsNumber,e=void 0!==this.min?Number(this.min):void 0,d=void 0!==this.max?Number(this.max):void 0;if(void 0!==e&&void 0!==d&&e>d)return void console.warn("tds-text-field: min value is greater than max value");if(!isNaN(t)){const i=this.textInput.value;let l=i,s=null;void 0!==e&&t<e&&(l=String(this.min),s="min"),void 0!==d&&t>d&&(l=String(this.max),s="max"),l!==i&&s&&(this.textInput.value=l,this.value=l,this.tdsError.emit({originalValue:i,clampedValue:l,reason:s}))}}this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}render(){var t,e,d,i;const o=s("prefix",this.host),a=s("suffix",this.host);return l("div",{key:"fc3f2e8ac55bbf7d58853eab5219aea93f7c9ab9",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&l("div",{key:"54b1ec0d30841b9dee730a5da4d95f7c2ec513a7",class:"text-field-label-outside"},l("label",{key:"96ac690b7f5265d96c24e52aa895b92bd5588656",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),l("div",{key:"ff11e245ef294a31ca2699fe2054059a702031ec",onClick:()=>{var t;return null===(t=this.textInput)||void 0===t?void 0:t.focus()},class:"text-field-container"},o&&l("div",{key:"3132c1999e07ce858f54b10b6340541c40c3e02e",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},l("slot",{key:"049997c0ac032385aa50dc13d33a63bbadcdf049",name:"prefix"})),l("div",{key:"99cbbffbb290cf35caee77163f48fed58c8d6ddb",class:"text-field-input-container"},l("input",{key:"73d21ee3ed1f0cc8877e5a0a6b683c4e331b22b1",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size,"text-field-input-no-arrows":this.hideNumberArrows},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,step:this.step,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-invalid":r(this.host,this.state),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`,required:this.required,autocomplete:this.autocomplete}),"inside"===this.labelPosition&&"sm"!==this.size&&l("label",{key:"ad1c5bcdd51ff49e07602421f4e8f368160cc7b2",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),a&&l("div",{key:"52ef806d5f168301485834bd95800941b91a7bd5",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},l("slot",{key:"837a31890e5a54fded2f05f40882f2756b9af41c",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&l("span",{key:"4c4d50d36c26bc7a68f61aed515f49cb1c6c510a",class:"text-field-icon__readonly"},l("tds-tooltip",{key:"065e0ff598dba8db4aefffa977c1773d9326a4ed",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),l("tds-icon",{key:"7825231a8693057fb9648c31f61631bed454b757",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),l("div",{key:"993e4fe3d5d51af92b6cd27c904561e4691e097e","aria-live":"assertive"},(this.helper||(null!==(t=this.maxLength)&&void 0!==t?t:0)>0)&&l("div",{key:"52089552d0b3c2c1dd74ad0eb726882eb29e333e",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&l("div",{key:"95f826115b61119d6c538071b4bff75320ff38c8",class:"text-field-helper-error-state"},!this.readOnly&&l("tds-icon",{key:"a8b1536d5ad673abec3d0b56af758179bc694ef4",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&(null!==(e=this.maxLength)&&void 0!==e?e:0)>0&&l("span",{key:"0a37e035b4a707e6b541d045c4b7d11345bb3a7a",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(d=this.value)||void 0===d?void 0:d.length," / ",null!==(i=this.maxLength)&&void 0!==i?i:0))))}get host(){return this}static get style(){return".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);border-top:1px solid transparent;transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{border:2px solid var(--tds-focus-outline-color);margin:0 -2px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}.text-field-input-no-arrows.sc-tds-text-field{appearance:textfield}.text-field-input-no-arrows.sc-tds-text-field::-webkit-outer-spin-button,.text-field-input-no-arrows.sc-tds-text-field::-webkit-inner-spin-button{appearance:none;margin:0}"}},[262,"tds-text-field",{type:[513],labelPosition:[1,"label-position"],label:[1],min:[8],max:[8],step:[8],helper:[1],placeholder:[1],value:[513],disabled:[4],readOnly:[4,"read-only"],hideReadOnlyIcon:[4,"hide-read-only-icon"],size:[1],modeVariant:[1,"mode-variant"],noMinWidth:[4,"no-min-width"],name:[1],state:[1],maxLength:[2,"max-length"],autofocus:[4],tdsAriaLabel:[1,"tds-aria-label"],required:[4],autocomplete:[1],hideNumberArrows:[4,"hide-number-arrows"],focusInput:[32],focusElement:[64]}]);function c(){"undefined"!=typeof customElements&&["tds-text-field","tds-icon","tds-popover-core","tds-tooltip"].forEach((e=>{switch(e){case"tds-text-field":customElements.get(t(e))||customElements.define(t(e),x);break;case"tds-icon":customElements.get(t(e))||a();break;case"tds-popover-core":customElements.get(t(e))||f();break;case"tds-tooltip":customElements.get(t(e))||n()}}))}c();export{x as T,c as d}
|
|
1
|
+
import{t,p as e,H as d,c as i,h as l}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";import{g as o}from"./p-Cn4f8w1e.js";import{g as r}from"./p-wEP_nEaO.js";import{d as a}from"./p-CIt4YhvL.js";import{d as f}from"./p-le823YD3.js";import{d as n}from"./p-Dcq3a5KI.js";const x=e(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsInput=i(this,"tdsInput",6),this.tdsFocus=i(this,"tdsFocus",6),this.tdsBlur=i(this,"tdsBlur",6),this.tdsError=i(this,"tdsError",6),this.uuid=o(),this.type="text",this.labelPosition="no-label",this.label="",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.autofocus=!1,this.required=!1,this.autocomplete="off",this.hideNumberArrows=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target,{value:d}=e;this.value=d,this.tdsInput.emit(t)}handleFocus(t){var e;null===(e=this.textInput)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){if(this.focusInput=!1,"number"===this.type&&this.textInput){const t=this.textInput.valueAsNumber,e=void 0!==this.min?Number(this.min):void 0,d=void 0!==this.max?Number(this.max):void 0;if(void 0!==e&&void 0!==d&&e>d)return void console.warn("tds-text-field: min value is greater than max value");if(!isNaN(t)){const i=this.textInput.value;let l=i,s=null;void 0!==e&&t<e&&(l=String(this.min),s="min"),void 0!==d&&t>d&&(l=String(this.max),s="max"),l!==i&&s&&(this.textInput.value=l,this.value=l,this.tdsError.emit({originalValue:i,clampedValue:l,reason:s}))}}this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}render(){var t,e,d,i;const o=s("prefix",this.host),a=s("suffix",this.host);return l("div",{key:"f16b01caa6aab76ff91b1bbd339726bc091073b4",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&l("div",{key:"05a6ee014f2d3e6e4394050423282d18cf5908b0",class:"text-field-label-outside"},l("label",{key:"cf3b333f2a898c048a1d456c6b7f6c65390615f0",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),l("div",{key:"fc4a03cf20e81fa191ba536d2b79a0f1b0c535dd",onClick:()=>{var t;return null===(t=this.textInput)||void 0===t?void 0:t.focus()},class:"text-field-container"},o&&l("div",{key:"3638c5a1acde4ad2eabc403d74a551d6185985a8",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},l("slot",{key:"aa86f986720a076698b3193009eb8ebc5022e531",name:"prefix"})),l("div",{key:"5b884728b755f3c604b233f706da028dc12ab0f8",class:"text-field-input-container"},l("input",{key:"a04b70515c8ea73d3435292249fb3aea9a43663a",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size,"text-field-input-no-arrows":this.hideNumberArrows},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,step:this.step,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-invalid":r(this.host,this.state),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`,required:this.required,autocomplete:this.autocomplete}),"inside"===this.labelPosition&&"sm"!==this.size&&l("label",{key:"2b4adf151e255ac983027b61b43f18e81399f11a",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),a&&l("div",{key:"70fccd2b3ffcab91b2537ef1512d2bbe86c4a1e5",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},l("slot",{key:"631a64c5239415bbf8449e90d046a3a2eb8fdf3c",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&l("span",{key:"975a0d8877d271c45c6b5f210537b11b5b70004e",class:"text-field-icon__readonly"},l("tds-tooltip",{key:"e0aa565b62e640afcf13f270187269dbe79b9a48",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),l("tds-icon",{key:"9dadaaa674e0ef4f47e24889ff9e418e7ff3a168",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),l("div",{key:"787ae2f6f83ff667885adec7b30ac31c3d99a8e4","aria-live":"assertive"},(this.helper||(null!==(t=this.maxLength)&&void 0!==t?t:0)>0)&&l("div",{key:"f655beff3ed7f0a3441c790fce325ce830770707",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&l("div",{key:"1e2ec411ebb607637b0584a54c1c19ff6d0e031e",class:"text-field-helper-error-state"},!this.readOnly&&l("tds-icon",{key:"ce34402f70808ab965669863d46c9d84fb66609d",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&(null!==(e=this.maxLength)&&void 0!==e?e:0)>0&&l("span",{key:"17945ce6d01531279d561fc2115cc8461b59b6ea",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(d=this.value)||void 0===d?void 0:d.length," / ",null!==(i=this.maxLength)&&void 0!==i?i:0))))}get host(){return this}static get style(){return".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);border-top:1px solid transparent;transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{border:2px solid var(--tds-focus-outline-color);margin:0 -2px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}.text-field-input-no-arrows.sc-tds-text-field{appearance:textfield}.text-field-input-no-arrows.sc-tds-text-field::-webkit-outer-spin-button,.text-field-input-no-arrows.sc-tds-text-field::-webkit-inner-spin-button{appearance:none;margin:0}"}},[262,"tds-text-field",{type:[513],labelPosition:[1,"label-position"],label:[1],min:[8],max:[8],step:[8],helper:[1],placeholder:[1],value:[513],disabled:[4],readOnly:[4,"read-only"],hideReadOnlyIcon:[4,"hide-read-only-icon"],size:[1],modeVariant:[1,"mode-variant"],noMinWidth:[4,"no-min-width"],name:[1],state:[1],maxLength:[2,"max-length"],autofocus:[4],tdsAriaLabel:[1,"tds-aria-label"],required:[4],autocomplete:[1],hideNumberArrows:[4,"hide-number-arrows"],focusInput:[32],focusElement:[64]}]);function c(){"undefined"!=typeof customElements&&["tds-text-field","tds-icon","tds-popover-core","tds-tooltip"].forEach((e=>{switch(e){case"tds-text-field":customElements.get(t(e))||customElements.define(t(e),x);break;case"tds-icon":customElements.get(t(e))||a();break;case"tds-popover-core":customElements.get(t(e))||f();break;case"tds-tooltip":customElements.get(t(e))||n()}}))}c();export{x as T,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as d,p as i,H as
|
|
1
|
+
import{t as d,p as i,H as r,h as e,a as t}from"./index.js";const o=i(class extends r{constructor(d){super(),!1!==d&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.variant="subtle"}render(){return e(t,{key:"86cef3b6aacde74bbaa414992cd805058e3b5290",role:"separator","aria-orientation":"vertical"===this.orientation?"vertical":void 0},e("div",{key:"cd59487dd9214b2635a11ab1a012309a727bd389",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}}))}static get style(){return".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}"}},[1,"tds-divider",{orientation:[1],variant:[1]}]);function s(){"undefined"!=typeof customElements&&["tds-divider"].forEach((i=>{"tds-divider"===i&&(customElements.get(d(i))||customElements.define(d(i),o))}))}s();export{o as D,s as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as s,H as e,h as i,a as o}from"./index.js";import{g as
|
|
1
|
+
import{t,p as s,H as e,h as i,a as o}from"./index.js";import{g as n,i as a}from"./p-CuIyaNyT.js";const d=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.slotListeners=new Map,this.size="md"}componentWillLoad(){var t,s;const{children:e}=this.host;for(let t=0;t<e.length;t++){const s=e[t];"size"in s&&(s.size=this.size)}let i=this.host;"tds-header-launcher-list"===(null===(s=null===(t=this.host)||void 0===t?void 0:t.parentElement)||void 0===s?void 0:s.tagName.toLowerCase())&&(i=this.host.parentElement);const o=n(i,a);o?this.headingElement=o:console.warn("Heading element for list not found")}componentDidLoad(){var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const s={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return i(o,Object.assign({key:"87736a915ab274f1fcd30e6eb3ac2b594c323ba9"},s),i("slot",{key:"61a2332a3da99fa2b0fa51a54547e9d5b66fa804"}))}get host(){return this}static get style(){return":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}"}},[257,"tds-header-dropdown-list",{size:[513],headingElement:[32]}]);function l(){"undefined"!=typeof customElements&&["tds-header-dropdown-list"].forEach((s=>{"tds-header-dropdown-list"===s&&(customElements.get(t(s))||customElements.define(t(s),d))}))}l();export{d as T,l as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as
|
|
1
|
+
import{t as s,p as e,H as o,h as t,a}from"./index.js";import{i}from"./p-CF8bH08v.js";import{d as r}from"./p-le823YD3.js";const c=e(class extends o{constructor(s){super(),!1!==s&&this.__registerHost(),this.defaultShow=!1,this.show=null,this.placement="auto",this.offsetSkidding=0,this.animation="none",this.offsetDistance=8,this.modifiers=[],this.tdsAlertDialog="dialog",this.modeVariant=null,this.inheritedAttributes={}}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=i(this.host,["style","class"])}render(){var s;return t(a,{key:"f839a18c87e3bfda390b498902c839e9c02498dd",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},t("tds-popover-core",Object.assign({key:"406b98aa40a5a227956018a6892b0963530bc0a0",role:this.tdsAlertDialog},this.inheritedAttributes,{class:{"tds-popover-canvas":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,modifiers:this.modifiers,trigger:"click",ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation}),t("div",{key:"4c733fb2a810d47668f4625d947f5e82884cfdf8"},t("slot",{key:"cff933b094ae64e5ecad95ab1752206f16f3f919"}))))}get host(){return this}static get style(){return".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:var(--tds-popover-canvas-box-shadow);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}"}},[262,"tds-popover-canvas",{selector:[1],referenceEl:[16],defaultShow:[4,"default-show"],show:[4],placement:[1],offsetSkidding:[2,"offset-skidding"],animation:[1],offsetDistance:[2,"offset-distance"],modifiers:[16],tdsAlertDialog:[1,"tds-alert-dialog"],modeVariant:[1,"mode-variant"],childRef:[32],close:[64]}]);function d(){"undefined"!=typeof customElements&&["tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-popover-canvas":customElements.get(s(e))||customElements.define(s(e),c);break;case"tds-popover-core":customElements.get(s(e))||r()}}))}d();export{c as T,d}
|