@scania/tegel 1.25.0 → 1.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (442) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/tds-badge.cjs.entry.js +5 -9
  3. package/dist/cjs/tds-banner.cjs.entry.js +3 -4
  4. package/dist/cjs/tds-block.cjs.entry.js +3 -1
  5. package/dist/cjs/tds-body-cell.cjs.entry.js +9 -6
  6. package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -2
  7. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +7 -1
  8. package/dist/cjs/tds-button.cjs.entry.js +12 -4
  9. package/dist/cjs/tds-card.cjs.entry.js +5 -5
  10. package/dist/cjs/tds-checkbox.cjs.entry.js +2 -2
  11. package/dist/cjs/tds-chip.cjs.entry.js +7 -2
  12. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +40 -3
  13. package/dist/cjs/tds-datetime.cjs.entry.js +20 -13
  14. package/dist/cjs/tds-divider.cjs.entry.js +1 -1
  15. package/dist/cjs/tds-dropdown_2.cjs.entry.js +229 -205
  16. package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -2
  17. package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
  18. package/dist/cjs/tds-footer-group.cjs.entry.js +3 -3
  19. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  20. package/dist/cjs/tds-footer.cjs.entry.js +2 -2
  21. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  23. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
  24. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
  26. package/dist/cjs/tds-header-dropdown.cjs.entry.js +3 -3
  27. package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
  29. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
  31. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
  32. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
  33. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
  36. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  37. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  38. package/dist/cjs/tds-icon.cjs.entry.js +1 -1
  39. package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
  40. package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
  41. package/dist/cjs/tds-link.cjs.entry.js +2 -2
  42. package/dist/cjs/tds-message.cjs.entry.js +2 -2
  43. package/dist/cjs/tds-modal.cjs.entry.js +2 -2
  44. package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
  45. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -4
  46. package/dist/cjs/tds-popover-canvas.cjs.entry.js +2 -2
  47. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  48. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +2 -2
  49. package/dist/cjs/tds-popover-menu.cjs.entry.js +2 -2
  50. package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
  51. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  52. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +4 -4
  53. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +2 -2
  54. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +2 -2
  55. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +3 -3
  56. package/dist/cjs/tds-side-menu-item.cjs.entry.js +2 -2
  57. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
  58. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +2 -2
  59. package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
  60. package/dist/cjs/tds-slider.cjs.entry.js +7 -7
  61. package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
  62. package/dist/cjs/tds-step.cjs.entry.js +1 -1
  63. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +1 -1
  64. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +7 -7
  65. package/dist/cjs/tds-table-body-row.cjs.entry.js +9 -6
  66. package/dist/cjs/tds-table-body.cjs.entry.js +2 -2
  67. package/dist/cjs/tds-table-footer.cjs.entry.js +3 -3
  68. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
  69. package/dist/cjs/tds-table-header.cjs.entry.js +2 -2
  70. package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
  71. package/dist/cjs/tds-text-field.cjs.entry.js +6 -6
  72. package/dist/cjs/tds-textarea.cjs.entry.js +3 -3
  73. package/dist/cjs/tds-toast.cjs.entry.js +3 -3
  74. package/dist/cjs/tds-toggle.cjs.entry.js +11 -2
  75. package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
  76. package/dist/cjs/tegel.cjs.js +1 -1
  77. package/dist/collection/components/badge/badge.js +24 -9
  78. package/dist/collection/components/banner/banner.js +21 -4
  79. package/dist/collection/components/block/block.js +27 -2
  80. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +9 -10
  81. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +2 -2
  82. package/dist/collection/components/breadcrumbs/breadcrumbs.js +30 -1
  83. package/dist/collection/components/button/button.css +3 -3
  84. package/dist/collection/components/button/button.js +28 -3
  85. package/dist/collection/components/card/card.js +5 -5
  86. package/dist/collection/components/checkbox/checkbox.js +2 -2
  87. package/dist/collection/components/chip/chip.js +8 -3
  88. package/dist/collection/components/datetime/datetime.css +20 -0
  89. package/dist/collection/components/datetime/datetime.js +22 -15
  90. package/dist/collection/components/divider/divider.js +1 -1
  91. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +41 -16
  92. package/dist/collection/components/dropdown/dropdown.js +253 -247
  93. package/dist/collection/components/footer/footer-group/footer-group.js +3 -3
  94. package/dist/collection/components/footer/footer-item/footer-item.js +1 -1
  95. package/dist/collection/components/footer/footer.js +2 -2
  96. package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
  97. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
  98. package/dist/collection/components/header/header-dropdown/header-dropdown.js +3 -3
  99. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
  100. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
  101. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
  102. package/dist/collection/components/header/header-hamburger/header-hamburger.js +1 -1
  103. package/dist/collection/components/header/header-item/header-item.js +39 -2
  104. package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
  105. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
  106. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
  107. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
  108. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
  109. package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +1 -1
  110. package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +1 -1
  111. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
  112. package/dist/collection/components/header/header-title/header-title.js +1 -1
  113. package/dist/collection/components/header/header.js +1 -1
  114. package/dist/collection/components/icon/icon.js +1 -1
  115. package/dist/collection/components/link/link.js +2 -2
  116. package/dist/collection/components/message/message.js +2 -2
  117. package/dist/collection/components/modal/modal.js +2 -2
  118. package/dist/collection/components/popover-canvas/popover-canvas.js +2 -2
  119. package/dist/collection/components/popover-core/popover-core.js +1 -1
  120. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
  121. package/dist/collection/components/popover-menu/popover-menu.js +2 -2
  122. package/dist/collection/components/radio-button/radio-button.js +1 -1
  123. package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
  124. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +4 -4
  125. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +3 -3
  126. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
  127. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
  128. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
  129. package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
  130. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
  131. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
  132. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
  133. package/dist/collection/components/slider/slider.js +7 -7
  134. package/dist/collection/components/spinner/spinner.js +1 -1
  135. package/dist/collection/components/stepper/step/step.js +1 -1
  136. package/dist/collection/components/table/table-body/table-body.js +2 -2
  137. package/dist/collection/components/table/table-body-cell/table-body-cell.js +9 -6
  138. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
  139. package/dist/collection/components/table/table-body-row/table-body-row.js +9 -6
  140. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
  141. package/dist/collection/components/table/table-footer/table-footer.js +3 -3
  142. package/dist/collection/components/table/table-header/table-header.js +2 -2
  143. package/dist/collection/components/table/table-header-cell/table-header-cell.js +1 -1
  144. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
  145. package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
  146. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
  147. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
  148. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
  149. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
  150. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
  151. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
  152. package/dist/collection/components/text-field/text-field.js +6 -6
  153. package/dist/collection/components/textarea/textarea.js +3 -3
  154. package/dist/collection/components/toast/toast.js +3 -3
  155. package/dist/collection/components/toggle/toggle.js +28 -2
  156. package/dist/collection/components/tooltip/tooltip.js +2 -2
  157. package/dist/collection/utils/axeHelpers.js +1 -1
  158. package/dist/collection/utils/convertToString.js +14 -0
  159. package/dist/components/{p-2ef329f1.js → p-0e6efec9.js} +2 -2
  160. package/dist/components/{p-4bdaf254.js → p-265c3467.js} +1 -1
  161. package/dist/components/{p-f0a50868.js → p-29d19dc8.js} +3 -3
  162. package/dist/components/{p-1e110ab8.js → p-2a43e410.js} +39 -15
  163. package/dist/components/{p-75437dea.js → p-34737ed9.js} +1 -1
  164. package/dist/components/{p-d1ace0be.js → p-3e93886d.js} +1 -1
  165. package/dist/components/{p-3351035f.js → p-4764a1d5.js} +1 -1
  166. package/dist/components/{p-f1980746.js → p-4c1e3344.js} +4 -4
  167. package/dist/components/{p-9d7232d0.js → p-8c849aa2.js} +2 -2
  168. package/dist/components/{p-ad77fb02.js → p-a2b7bdef.js} +1 -1
  169. package/dist/components/{p-dd6ff1e2.js → p-a64dc22e.js} +196 -201
  170. package/dist/components/p-b1d21573.js +16 -0
  171. package/dist/components/{p-eac79032.js → p-c65351ab.js} +2 -2
  172. package/dist/components/{p-3a7f88ff.js → p-d61bd22e.js} +40 -3
  173. package/dist/components/{p-707a562e.js → p-e49a0ceb.js} +1 -1
  174. package/dist/components/{p-8f8b0827.js → p-e8d2dbbf.js} +1 -1
  175. package/dist/components/tds-accordion-item.js +1 -1
  176. package/dist/components/tds-badge.js +7 -9
  177. package/dist/components/tds-banner.js +5 -5
  178. package/dist/components/tds-block.js +5 -2
  179. package/dist/components/tds-body-cell.js +9 -6
  180. package/dist/components/tds-breadcrumb.js +3 -3
  181. package/dist/components/tds-breadcrumbs.js +10 -2
  182. package/dist/components/tds-button.js +13 -4
  183. package/dist/components/tds-card.js +6 -6
  184. package/dist/components/tds-checkbox.js +1 -1
  185. package/dist/components/tds-chip.js +7 -2
  186. package/dist/components/tds-core-header-item.js +1 -1
  187. package/dist/components/tds-datetime.js +21 -14
  188. package/dist/components/tds-divider.js +1 -1
  189. package/dist/components/tds-dropdown-option.js +1 -1
  190. package/dist/components/tds-dropdown.js +1 -1
  191. package/dist/components/tds-folder-tab.js +2 -2
  192. package/dist/components/tds-folder-tabs.js +3 -3
  193. package/dist/components/tds-footer-group.js +4 -4
  194. package/dist/components/tds-footer-item.js +1 -1
  195. package/dist/components/tds-footer.js +2 -2
  196. package/dist/components/tds-header-brand-symbol.js +3 -3
  197. package/dist/components/tds-header-cell.js +2 -2
  198. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  199. package/dist/components/tds-header-dropdown-list-user.js +1 -1
  200. package/dist/components/tds-header-dropdown-list.js +1 -1
  201. package/dist/components/tds-header-dropdown.js +8 -8
  202. package/dist/components/tds-header-hamburger.js +4 -4
  203. package/dist/components/tds-header-item.js +1 -1
  204. package/dist/components/tds-header-launcher-button.js +1 -1
  205. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  206. package/dist/components/tds-header-launcher-grid-title.js +1 -1
  207. package/dist/components/tds-header-launcher-grid.js +1 -1
  208. package/dist/components/tds-header-launcher-list-item.js +2 -2
  209. package/dist/components/tds-header-launcher-list-title.js +1 -1
  210. package/dist/components/tds-header-launcher-list.js +2 -2
  211. package/dist/components/tds-header-launcher.js +8 -8
  212. package/dist/components/tds-header-title.js +1 -1
  213. package/dist/components/tds-header.js +1 -1
  214. package/dist/components/tds-icon.js +1 -1
  215. package/dist/components/tds-inline-tab.js +2 -2
  216. package/dist/components/tds-inline-tabs.js +3 -3
  217. package/dist/components/tds-link.js +2 -2
  218. package/dist/components/tds-message.js +3 -3
  219. package/dist/components/tds-modal.js +3 -3
  220. package/dist/components/tds-navigation-tab.js +2 -2
  221. package/dist/components/tds-navigation-tabs.js +5 -5
  222. package/dist/components/tds-popover-canvas.js +1 -1
  223. package/dist/components/tds-popover-core.js +1 -1
  224. package/dist/components/tds-popover-menu-item.js +2 -2
  225. package/dist/components/tds-popover-menu.js +3 -3
  226. package/dist/components/tds-radio-button.js +1 -1
  227. package/dist/components/tds-side-menu-close-button.js +2 -2
  228. package/dist/components/tds-side-menu-collapse-button.js +5 -5
  229. package/dist/components/tds-side-menu-dropdown-list-item.js +2 -2
  230. package/dist/components/tds-side-menu-dropdown-list.js +2 -2
  231. package/dist/components/tds-side-menu-dropdown.js +5 -5
  232. package/dist/components/tds-side-menu-item.js +1 -1
  233. package/dist/components/tds-side-menu-overlay.js +1 -1
  234. package/dist/components/tds-side-menu-user-image.js +1 -1
  235. package/dist/components/tds-side-menu-user-label.js +1 -1
  236. package/dist/components/tds-side-menu-user.js +3 -3
  237. package/dist/components/tds-slider.js +8 -8
  238. package/dist/components/tds-spinner.js +1 -1
  239. package/dist/components/tds-step.js +2 -2
  240. package/dist/components/tds-table-body-input-wrapper.js +2 -2
  241. package/dist/components/tds-table-body-row-expandable.js +7 -7
  242. package/dist/components/tds-table-body-row.js +10 -7
  243. package/dist/components/tds-table-body.js +2 -2
  244. package/dist/components/tds-table-footer.js +7 -7
  245. package/dist/components/tds-table-header-input-wrapper.js +2 -2
  246. package/dist/components/tds-table-header.js +3 -3
  247. package/dist/components/tds-table-toolbar.js +3 -3
  248. package/dist/components/tds-text-field.js +7 -7
  249. package/dist/components/tds-textarea.js +4 -4
  250. package/dist/components/tds-toast.js +4 -4
  251. package/dist/components/tds-toggle.js +12 -2
  252. package/dist/components/tds-tooltip.js +3 -3
  253. package/dist/esm/loader.js +1 -1
  254. package/dist/esm/tds-badge.entry.js +5 -9
  255. package/dist/esm/tds-banner.entry.js +3 -4
  256. package/dist/esm/tds-block.entry.js +3 -1
  257. package/dist/esm/tds-body-cell.entry.js +9 -6
  258. package/dist/esm/tds-breadcrumb.entry.js +3 -3
  259. package/dist/esm/tds-breadcrumbs.entry.js +7 -1
  260. package/dist/esm/tds-button.entry.js +12 -4
  261. package/dist/esm/tds-card.entry.js +5 -5
  262. package/dist/esm/tds-checkbox.entry.js +2 -2
  263. package/dist/esm/tds-chip.entry.js +7 -2
  264. package/dist/esm/tds-core-header-item_2.entry.js +40 -3
  265. package/dist/esm/tds-datetime.entry.js +20 -13
  266. package/dist/esm/tds-divider.entry.js +1 -1
  267. package/dist/esm/tds-dropdown_2.entry.js +229 -205
  268. package/dist/esm/tds-folder-tab.entry.js +2 -2
  269. package/dist/esm/tds-folder-tabs.entry.js +2 -2
  270. package/dist/esm/tds-footer-group.entry.js +3 -3
  271. package/dist/esm/tds-footer-item.entry.js +1 -1
  272. package/dist/esm/tds-footer.entry.js +2 -2
  273. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  274. package/dist/esm/tds-header-cell.entry.js +1 -1
  275. package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
  276. package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
  277. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  278. package/dist/esm/tds-header-dropdown.entry.js +3 -3
  279. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  280. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  281. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  282. package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
  283. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  284. package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
  285. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  286. package/dist/esm/tds-header-launcher-list.entry.js +1 -1
  287. package/dist/esm/tds-header-launcher.entry.js +2 -2
  288. package/dist/esm/tds-header-title.entry.js +1 -1
  289. package/dist/esm/tds-header.entry.js +1 -1
  290. package/dist/esm/tds-icon.entry.js +1 -1
  291. package/dist/esm/tds-inline-tab.entry.js +2 -2
  292. package/dist/esm/tds-inline-tabs.entry.js +2 -2
  293. package/dist/esm/tds-link.entry.js +2 -2
  294. package/dist/esm/tds-message.entry.js +2 -2
  295. package/dist/esm/tds-modal.entry.js +2 -2
  296. package/dist/esm/tds-navigation-tab.entry.js +2 -2
  297. package/dist/esm/tds-navigation-tabs.entry.js +4 -4
  298. package/dist/esm/tds-popover-canvas.entry.js +2 -2
  299. package/dist/esm/tds-popover-core.entry.js +1 -1
  300. package/dist/esm/tds-popover-menu-item.entry.js +2 -2
  301. package/dist/esm/tds-popover-menu.entry.js +2 -2
  302. package/dist/esm/tds-radio-button.entry.js +1 -1
  303. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  304. package/dist/esm/tds-side-menu-collapse-button.entry.js +4 -4
  305. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +2 -2
  306. package/dist/esm/tds-side-menu-dropdown-list.entry.js +2 -2
  307. package/dist/esm/tds-side-menu-dropdown.entry.js +3 -3
  308. package/dist/esm/tds-side-menu-item.entry.js +2 -2
  309. package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
  310. package/dist/esm/tds-side-menu-user-image_2.entry.js +2 -2
  311. package/dist/esm/tds-side-menu-user.entry.js +1 -1
  312. package/dist/esm/tds-slider.entry.js +7 -7
  313. package/dist/esm/tds-spinner.entry.js +1 -1
  314. package/dist/esm/tds-step.entry.js +1 -1
  315. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  316. package/dist/esm/tds-table-body-row-expandable.entry.js +7 -7
  317. package/dist/esm/tds-table-body-row.entry.js +9 -6
  318. package/dist/esm/tds-table-body.entry.js +2 -2
  319. package/dist/esm/tds-table-footer.entry.js +3 -3
  320. package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
  321. package/dist/esm/tds-table-header.entry.js +2 -2
  322. package/dist/esm/tds-table-toolbar.entry.js +2 -2
  323. package/dist/esm/tds-text-field.entry.js +6 -6
  324. package/dist/esm/tds-textarea.entry.js +3 -3
  325. package/dist/esm/tds-toast.entry.js +3 -3
  326. package/dist/esm/tds-toggle.entry.js +11 -2
  327. package/dist/esm/tds-tooltip.entry.js +2 -2
  328. package/dist/esm/tegel.js +1 -1
  329. package/dist/tegel/p-01edebef.entry.js +1 -0
  330. package/dist/tegel/{p-3e144a83.entry.js → p-035e58e6.entry.js} +1 -1
  331. package/dist/tegel/{p-170ab61b.entry.js → p-065d6f83.entry.js} +1 -1
  332. package/dist/tegel/p-0c1e632d.entry.js +1 -0
  333. package/dist/tegel/{p-72106a5c.entry.js → p-168122a7.entry.js} +1 -1
  334. package/dist/tegel/{p-6eeded00.entry.js → p-19eb4ae1.entry.js} +1 -1
  335. package/dist/tegel/p-1b390acb.entry.js +1 -0
  336. package/dist/tegel/{p-059a9499.entry.js → p-288a09ef.entry.js} +1 -1
  337. package/dist/tegel/{p-b2018a5b.entry.js → p-3204ae8f.entry.js} +1 -1
  338. package/dist/tegel/p-32be63ea.entry.js +1 -0
  339. package/dist/tegel/{p-cc2730d8.entry.js → p-34b793c9.entry.js} +1 -1
  340. package/dist/tegel/p-3c2f7033.entry.js +1 -0
  341. package/dist/tegel/p-46205cfb.entry.js +1 -0
  342. package/dist/tegel/p-4d5963d0.entry.js +1 -0
  343. package/dist/tegel/{p-68859ddc.entry.js → p-4e298888.entry.js} +1 -1
  344. package/dist/tegel/{p-9c3f2c12.entry.js → p-4e33cbda.entry.js} +1 -1
  345. package/dist/tegel/{p-b425b2f4.entry.js → p-4ee344e5.entry.js} +1 -1
  346. package/dist/tegel/p-4f5f152a.entry.js +1 -0
  347. package/dist/tegel/p-4fe6512b.entry.js +1 -0
  348. package/dist/tegel/p-5242a1f6.entry.js +1 -0
  349. package/dist/tegel/{p-038c22ff.entry.js → p-542d7b3e.entry.js} +1 -1
  350. package/dist/tegel/{p-5eaa23dc.entry.js → p-5a7110b8.entry.js} +1 -1
  351. package/dist/tegel/{p-93930c03.entry.js → p-5ba254ee.entry.js} +1 -1
  352. package/dist/tegel/{p-06968bd7.entry.js → p-60b38806.entry.js} +1 -1
  353. package/dist/tegel/{p-9016758e.entry.js → p-64c80f14.entry.js} +1 -1
  354. package/dist/tegel/{p-7929d22f.entry.js → p-654785d2.entry.js} +1 -1
  355. package/dist/tegel/p-6f17d37f.entry.js +1 -0
  356. package/dist/tegel/p-70795d6e.entry.js +1 -0
  357. package/dist/tegel/{p-4a282c25.entry.js → p-72fd0083.entry.js} +1 -1
  358. package/dist/tegel/{p-3d3ee51f.entry.js → p-74fc9c92.entry.js} +1 -1
  359. package/dist/tegel/p-77c79b91.entry.js +1 -0
  360. package/dist/tegel/{p-54154f09.entry.js → p-77d457b8.entry.js} +1 -1
  361. package/dist/tegel/{p-4b7c53a6.entry.js → p-78d5acd7.entry.js} +1 -1
  362. package/dist/tegel/{p-44c33b20.entry.js → p-7c4c65c9.entry.js} +1 -1
  363. package/dist/tegel/{p-3a32fe40.entry.js → p-848c2732.entry.js} +1 -1
  364. package/dist/tegel/p-868757d9.entry.js +1 -0
  365. package/dist/tegel/p-8c8b9908.entry.js +1 -0
  366. package/dist/tegel/{p-59293f88.entry.js → p-93a4bd11.entry.js} +1 -1
  367. package/dist/tegel/{p-2f32991e.entry.js → p-96635c10.entry.js} +1 -1
  368. package/dist/tegel/p-9e0b31a1.entry.js +1 -0
  369. package/dist/tegel/{p-c289dfb9.entry.js → p-a0fc0cc2.entry.js} +1 -1
  370. package/dist/tegel/p-a5e0f030.entry.js +1 -0
  371. package/dist/tegel/{p-96bdf035.entry.js → p-aa9d281b.entry.js} +1 -1
  372. package/dist/tegel/p-ae46766a.entry.js +1 -0
  373. package/dist/tegel/{p-86b30f71.entry.js → p-aef6b130.entry.js} +1 -1
  374. package/dist/tegel/{p-f67b4047.entry.js → p-b35e7208.entry.js} +1 -1
  375. package/dist/tegel/{p-a86fe122.entry.js → p-b39ffad4.entry.js} +1 -1
  376. package/dist/tegel/p-b5ced8e5.entry.js +1 -0
  377. package/dist/tegel/{p-fd3d56aa.entry.js → p-b6526302.entry.js} +1 -1
  378. package/dist/tegel/{p-e7300cca.entry.js → p-b686f1ad.entry.js} +1 -1
  379. package/dist/tegel/{p-b96cd80d.entry.js → p-b9576881.entry.js} +1 -1
  380. package/dist/tegel/p-b9f81e53.entry.js +1 -0
  381. package/dist/tegel/p-be1d1345.entry.js +1 -0
  382. package/dist/tegel/{p-708a8bab.entry.js → p-bee533b5.entry.js} +1 -1
  383. package/dist/tegel/{p-99da056d.entry.js → p-c56be8d1.entry.js} +1 -1
  384. package/dist/tegel/{p-2a38b053.entry.js → p-c8404432.entry.js} +1 -1
  385. package/dist/tegel/{p-24ff5903.entry.js → p-ca93de01.entry.js} +1 -1
  386. package/dist/tegel/p-cc6c06e3.entry.js +1 -0
  387. package/dist/tegel/{p-b19ce79c.entry.js → p-cca85da0.entry.js} +1 -1
  388. package/dist/tegel/p-cde32bc6.entry.js +1 -0
  389. package/dist/tegel/p-d0abf078.entry.js +1 -0
  390. package/dist/tegel/{p-6d022f47.entry.js → p-d267665e.entry.js} +1 -1
  391. package/dist/tegel/{p-e9ac7a1a.entry.js → p-d33cb2d1.entry.js} +1 -1
  392. package/dist/tegel/{p-5fea857b.entry.js → p-d47c744f.entry.js} +1 -1
  393. package/dist/tegel/p-d65dfe04.entry.js +1 -0
  394. package/dist/tegel/{p-2a96bd05.entry.js → p-d853f8c2.entry.js} +1 -1
  395. package/dist/tegel/p-d9511720.entry.js +1 -0
  396. package/dist/tegel/{p-0b773208.entry.js → p-dcbc35af.entry.js} +1 -1
  397. package/dist/tegel/{p-fd432c54.entry.js → p-dfbbaefd.entry.js} +1 -1
  398. package/dist/tegel/{p-88204e0a.entry.js → p-ea3e071f.entry.js} +1 -1
  399. package/dist/tegel/{p-2795009a.entry.js → p-ed17283a.entry.js} +1 -1
  400. package/dist/tegel/{p-e478953c.entry.js → p-ee7f07ae.entry.js} +1 -1
  401. package/dist/tegel/{p-b9b63210.entry.js → p-f1b0211a.entry.js} +1 -1
  402. package/dist/tegel/{p-a392e6e7.entry.js → p-fa07db58.entry.js} +1 -1
  403. package/dist/tegel/tegel.esm.js +1 -1
  404. package/dist/types/components/badge/badge.d.ts +3 -0
  405. package/dist/types/components/banner/banner.d.ts +4 -0
  406. package/dist/types/components/block/block.d.ts +8 -1
  407. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  408. package/dist/types/components/button/button.d.ts +3 -0
  409. package/dist/types/components/datetime/datetime.d.ts +2 -2
  410. package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +6 -2
  411. package/dist/types/components/dropdown/dropdown.d.ts +27 -24
  412. package/dist/types/components/header/header-item/header-item.d.ts +7 -0
  413. package/dist/types/components/toggle/toggle.d.ts +5 -0
  414. package/dist/types/components.d.ts +104 -23
  415. package/dist/types/utils/convertToString.d.ts +7 -0
  416. package/package.json +1 -1
  417. package/dist/tegel/p-0939b9fb.entry.js +0 -1
  418. package/dist/tegel/p-0cb6c898.entry.js +0 -1
  419. package/dist/tegel/p-1703f73a.entry.js +0 -1
  420. package/dist/tegel/p-32b7f431.entry.js +0 -1
  421. package/dist/tegel/p-39373227.entry.js +0 -1
  422. package/dist/tegel/p-3c22aef7.entry.js +0 -1
  423. package/dist/tegel/p-3e1b1399.entry.js +0 -1
  424. package/dist/tegel/p-48bbc11f.entry.js +0 -1
  425. package/dist/tegel/p-4b231bf9.entry.js +0 -1
  426. package/dist/tegel/p-4c2f313d.entry.js +0 -1
  427. package/dist/tegel/p-69b38504.entry.js +0 -1
  428. package/dist/tegel/p-7090a95c.entry.js +0 -1
  429. package/dist/tegel/p-85a9032e.entry.js +0 -1
  430. package/dist/tegel/p-92f81cda.entry.js +0 -1
  431. package/dist/tegel/p-9eaaa2c0.entry.js +0 -1
  432. package/dist/tegel/p-a38dda58.entry.js +0 -1
  433. package/dist/tegel/p-b647d20e.entry.js +0 -1
  434. package/dist/tegel/p-be88c5ab.entry.js +0 -1
  435. package/dist/tegel/p-d7f48112.entry.js +0 -1
  436. package/dist/tegel/p-d926d075.entry.js +0 -1
  437. package/dist/tegel/p-ddd33cce.entry.js +0 -1
  438. package/dist/tegel/p-ea4a9a4f.entry.js +0 -1
  439. package/dist/tegel/p-ee0e04ed.entry.js +0 -1
  440. package/dist/tegel/p-f050aad8.entry.js +0 -1
  441. package/dist/tegel/p-f4db0231.entry.js +0 -1
  442. package/dist/tegel/p-ffd827ef.entry.js +0 -1
@@ -5,7 +5,7 @@ export class TdsSideMenuUserLabel {
5
5
  this.subheading = undefined;
6
6
  }
7
7
  render() {
8
- return (h(Host, { key: '361c1868777c78a539e7c36a0acb9963f57fde3c' }, this.heading, this.subheading && h("div", { key: 'a1e15c671dcd77841051c52c3e17ef66bbf7730f', class: "subheading" }, this.subheading)));
8
+ return (h(Host, { key: '7bac8221992109403d3f0506b7f0125a0b77b6d4' }, this.heading, this.subheading && h("div", { key: 'b9137e36496fb7fc10da067ea61596da2a38fa9d', class: "subheading" }, this.subheading)));
9
9
  }
10
10
  static get is() { return "tds-side-menu-user-label"; }
11
11
  static get encapsulation() { return "shadow"; }
@@ -322,24 +322,24 @@ export class TdsSlider {
322
322
  }
323
323
  }
324
324
  render() {
325
- return (h("div", { key: '84d8b507b3f7c917a45c65dd65b1f0a2156b9b13', class: {
325
+ return (h("div", { key: '0bc25504b575817a7fb374dcedf021bca0c31e1d', class: {
326
326
  'tds-slider-wrapper': true,
327
327
  'read-only': this.readOnly,
328
- } }, h("input", { key: 'f90219558d73bf2da74a189dca71e546c874efd8', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, value: this.value, disabled: this.disabled }), h("div", { key: '915d95e4d2a421f98feb18367c70fbb28ff3fa63', class: {
328
+ } }, h("input", { key: '5d415abddae83b6faea5c1c7fc7a7fedbc2484aa', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, value: this.value, disabled: this.disabled }), h("div", { key: '55d2251ecc7ff0cc30ff39be15cb065932976c2a', class: {
329
329
  'tds-slider': true,
330
330
  'disabled': this.disabled,
331
331
  'tds-slider-small': this.useSmall,
332
332
  }, ref: (el) => {
333
333
  this.wrapperElement = el;
334
- } }, h("label", { key: '04b9f18581daaefc2a4d2b5f36b80f2838a0077d', class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { key: '906ab4554905e13b6fcaf019277c1a65e363f62a', class: "tds-slider__input-values" }, h("div", { key: '737cca67e45dd7ae67db13e131c1e4022fc1c735', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: 'd6154dcd53edc5048538594dd9304f46aedc1a2d', class: "tds-slider__controls" }, h("div", { key: '2dcad21efeda6ec442b515462c4a17f1792947e6', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event) }, h("tds-icon", { key: '45c5effcb1e80b73f9b4762a20e84b509ec40eab', name: "minus", size: "16px" })))), h("div", { key: '0f150bf07581a72644e6c6d079504580ffda4c8b', class: "tds-slider-inner" }, this.tickValues.length > 0 && (h("div", { key: 'ad513096aa373f50c0c100b9a9a2ce9190d1db01', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: 'c86a101be7c307df7bc26eb71d0b9a308a8d5135', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '5684732f47aee14a08d855102ba9da1c4499cc31', class: "tds-slider__track", ref: (el) => {
334
+ } }, h("label", { key: 'b43f34bbc7cbd7f8082ce17ef0f2b115fb5b41aa', class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { key: '30fcbd13672af1648cc74f48c6df7a1378f9f538', class: "tds-slider__input-values" }, h("div", { key: '5d41657b4ad6d062beba9fd0db6b709056245ec4', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '2ccc0bf2341ade649edfc24212ac5b2b59b21385', class: "tds-slider__controls" }, h("div", { key: 'ce7dcfd5686aadb18115926142e82f313951eb2f', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event) }, h("tds-icon", { key: '6e6e6e990cac821b21b7f23690bf26d1a973525a', name: "minus", size: "16px" })))), h("div", { key: 'e64d393d7fe8abf33aa7a75ce7db93ab64f5fcab', class: "tds-slider-inner" }, this.tickValues.length > 0 && (h("div", { key: '85d36d8b772609e6cf72de94bf28ad0342d3558a', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: '057feca60e9d4f5ba96f8ad83e937955c48b9ca4', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: 'de922947c8ec868eb652bebd508237f085a2b78a', class: "tds-slider__track", ref: (el) => {
335
335
  this.trackElement = el;
336
- }, tabindex: this.disabled ? '-1' : '0' }, h("div", { key: '4168a54f0e286174b31b1aad81fab357aa5f4de9', class: "tds-slider__track-fill", ref: (el) => {
336
+ }, tabindex: this.disabled ? '-1' : '0' }, h("div", { key: '0318d2221c4b2c5ce460113111d18f63113ac4ec', class: "tds-slider__track-fill", ref: (el) => {
337
337
  this.trackFillElement = el;
338
- } }), h("div", { key: 'c7acc000600fa017dc4753c9db3b8099a6a2e169', class: "tds-slider__thumb", ref: (el) => {
338
+ } }), h("div", { key: 'ad87dc2827bb7ccd306d87f675654ae40a74aeb0', class: "tds-slider__thumb", ref: (el) => {
339
339
  this.thumbElement = el;
340
- }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (h("div", { key: 'c6f91bfa64cad05dac128f6a94ac02d264471199', class: "tds-slider__value" }, this.value, h("svg", { key: 'dd9e4f44ca960830683f4c88bd0abac43ca9c497', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '14042a1208dc7c7ba4328477246200633dd56a49', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), h("div", { key: '0a70bc608508de6089a20cc5ee64dac695d96a8b', class: "tds-slider__thumb-inner", ref: (el) => {
340
+ }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (h("div", { key: 'a25f6c8f4f79a4395bf3f0e380546089407dde98', class: "tds-slider__value" }, this.value, h("svg", { key: 'eca8aa480f914cb7984efef83ccec4dde9a907b8', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '64dded325632c7178df7ca035cfbd61403d6b7d0', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), h("div", { key: '19e520735e16de7defc900e836c3303668a6a68b', class: "tds-slider__thumb-inner", ref: (el) => {
341
341
  this.thumbInnerElement = el;
342
- } })))), this.useInput && (h("div", { key: 'e4849109f89a6a9212f334ea7731798bfb6f81ef', class: "tds-slider__input-values" }, h("div", { key: 'b4a9d3e892df0ce14027968e4ae189466efd1945', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: '031c30dd3817d414a81729eb27801063b9dd6836', class: "tds-slider__input-field-wrapper" }, h("input", { key: '8cc0d21a9ac638f80a58aea5b66161d6527db420', size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, readOnly: this.readOnly, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event), type: "number", min: this.min, max: this.max })))), this.useControls && (h("div", { key: '2fc86a7a1f51ca5f9784590a77f76091d67ca499', class: "tds-slider__controls" }, h("div", { key: 'dff918df7cc22ed45b783674f8e11c2a44845402', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event) }, h("tds-icon", { key: 'dc41c936d301570bcf59291dafdffcdc37b28cc1', name: "plus", size: "16px" })))))));
342
+ } })))), this.useInput && (h("div", { key: '1ec5dab77cbe54a237cb5e951043378b18b25fe3', class: "tds-slider__input-values" }, h("div", { key: '8ce027db6a886c2aa2308b7f189cc9da69406146', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: 'a71a82d159456a59c2c92136d6b6c83faba5fdbf', class: "tds-slider__input-field-wrapper" }, h("input", { key: 'c6ef62b23580b1b6b41b7a35f9e1e7d98267b42d', size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, readOnly: this.readOnly, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event), type: "number", min: this.min, max: this.max })))), this.useControls && (h("div", { key: '61acb8a3bd20557d89adcdb58eb08b0692be20ac', class: "tds-slider__controls" }, h("div", { key: '74d3353d1edc9406e51f29038e737d0558d983a7', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event) }, h("tds-icon", { key: '44ba3b91c185b97b7f5aeedf48155a24eb0f721f', name: "plus", size: "16px" })))))));
343
343
  }
344
344
  static get is() { return "tds-slider"; }
345
345
  static get originalStyleUrls() {
@@ -5,7 +5,7 @@ export class TdsSpinner {
5
5
  this.variant = 'standard';
6
6
  }
7
7
  render() {
8
- return (h("div", { key: '13dcb29d2a392299bb705f062544dca1226e4ae7', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: '3295c24006f13219f9d4dadb01194cc97a1259d3', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: 'ba6939e6ae556aa57b5a20b40f23922207a33b87', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
8
+ return (h("div", { key: '95f9c4ff6ad75e990e037debeb13b20f4f9d0b81', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: '901c96e841db8498d6fe5f0ec42d10afabd02a84', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: 'a71da609265f82835d116bf7836521948355d2fd', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
9
9
  }
10
10
  static get is() { return "tds-spinner"; }
11
11
  static get originalStyleUrls() {
@@ -39,7 +39,7 @@ export class TdsStep {
39
39
  }
40
40
  }
41
41
  render() {
42
- return (h(Host, { key: '25272154fa202dc80faadec2f69bb76c7cfb23ba' }, h("div", { key: 'b95ec3ae0c8842cce29a26a00b77e9d63ddf3e7c', role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("span", { key: '0dfc323696c80230df87de15858a08c2051e9f64', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (h("span", { class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: '1726259dde21fea66e1554f6f5760176e3a24b13', class: `label ${this.size} ${this.state}` }, h("slot", { key: 'dd9d6499348d2e7bbf36920c63dd836371dbd090', name: "label" }))))));
42
+ return (h(Host, { key: '7797a3c6062a198dd291bd7fe30af307561c0cf2' }, h("div", { key: '5607a73ab02896e18005862029d868cc3e933c76', role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("span", { key: '443a1126ec4c8bf978c5d498cb044b5f551a53d1', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (h("span", { class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: 'd3d5aaed1f221bbdc6e90cbbbd89415e0ec83233', class: `label ${this.size} ${this.state}` }, h("slot", { key: 'b27f1910deacb6070c3702033351240762111235', name: "label" }))))));
43
43
  }
44
44
  static get is() { return "tds-step"; }
45
45
  static get encapsulation() { return "shadow"; }
@@ -60,12 +60,12 @@ export class TdsTableBody {
60
60
  }
61
61
  }
62
62
  render() {
63
- return (h(Host, { key: 'c5e67ff8b2d6643036efd3642e623c8c29778d0c', "data-selected-rows": this.multiselectArrayJSON, class: {
63
+ return (h(Host, { key: '0e0b165d1fe72aecfb3ab6f5afcf2c19b917e389', "data-selected-rows": this.multiselectArrayJSON, class: {
64
64
  'tds-table--zebra-mode-rows-odd': this.zebraMode === 'rows-odd',
65
65
  'tds-table--zebra-mode-rows-even': this.zebraMode === 'rows-even',
66
66
  'tds-table--zebra-mode-columns-odd': this.zebraMode === 'columns-odd',
67
67
  'tds-table--zebra-mode-columns-even': this.zebraMode === 'columns-even',
68
- } }, h("slot", { key: '5a92dbbef0ddd833905068b964e8c5e59c024161' })));
68
+ } }, h("slot", { key: 'abc4a35c7c216a7becde1dba32f0a9eadb9364c4' })));
69
69
  }
70
70
  static get is() { return "tds-table-body"; }
71
71
  static get originalStyleUrls() {
@@ -56,13 +56,16 @@ export class TdsTableBodyCell {
56
56
  }
57
57
  }
58
58
  connectedCallback() {
59
+ var _a;
59
60
  this.tableEl = this.host.closest('tds-table');
60
- this.tableId = this.tableEl.tableId;
61
+ this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
61
62
  }
62
63
  componentWillLoad() {
63
- relevantTableProps.forEach((tablePropName) => {
64
- this[tablePropName] = this.tableEl[tablePropName];
65
- });
64
+ if (this.tableEl) {
65
+ relevantTableProps.forEach((tablePropName) => {
66
+ this[tablePropName] = this.tableEl[tablePropName];
67
+ });
68
+ }
66
69
  if (this.textAlign) {
67
70
  this.textAlignState = this.textAlign;
68
71
  }
@@ -80,13 +83,13 @@ export class TdsTableBodyCell {
80
83
  // Conditionally set padding style
81
84
  padding: paddingStyle,
82
85
  };
83
- return (h(Host, { key: '0d82f35d5eeac811148529dc4e10f529edd340fb', class: {
86
+ return (h(Host, { key: '1a20de405d23d807c9584791793ecc271354ef56', class: {
84
87
  'tds-table__body-cell': true,
85
88
  'tds-table__body-cell--hover': this.activeSorting,
86
89
  'tds-table__compact': this.compactDesign,
87
90
  'tds-table--divider': this.verticalDividers,
88
91
  'tds-table--no-min-width': this.noMinWidth,
89
- }, style: dynamicStyles }, this.cellValue, h("slot", { key: '6e7e6bfb637b4b67d801c29bd0eaefe34b1863d5' })));
92
+ }, style: dynamicStyles }, this.cellValue, h("slot", { key: '0954fdb9b7ab354dd9321602b6d4045afc72fc1f' })));
90
93
  }
91
94
  static get is() { return "tds-body-cell"; }
92
95
  static get encapsulation() { return "shadow"; }
@@ -63,7 +63,7 @@ export class TdsTableBodyInputWrapper {
63
63
  }
64
64
  }
65
65
  render() {
66
- return (h(Host, { key: 'd24d67e22c093e7681958e897ec9813d84f5ba7b', class: {
66
+ return (h(Host, { key: '83dc46604d7d5607e22684a405224afcb21c463d', class: {
67
67
  'focused-input-wrapper': this.inputFocused,
68
68
  'show-icon': this.showIcon,
69
69
  'tds-table__compact': this.compactDesign,
@@ -56,22 +56,25 @@ export class TdsTableBodyRow {
56
56
  }
57
57
  }
58
58
  connectedCallback() {
59
+ var _a;
59
60
  this.tableEl = this.host.closest('tds-table');
60
- this.tableId = this.tableEl.tableId;
61
+ this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
61
62
  }
62
63
  componentWillLoad() {
63
- relevantTableProps.forEach((tablePropName) => {
64
- this[tablePropName] = this.tableEl[tablePropName];
65
- });
64
+ if (this.tableEl) {
65
+ relevantTableProps.forEach((tablePropName) => {
66
+ this[tablePropName] = this.tableEl[tablePropName];
67
+ });
68
+ }
66
69
  }
67
70
  render() {
68
- return (h(Host, { key: '3ed856c9d2ad2b600559295cfd48dc35aac4368b', tabindex: this.clickable ? '0' : null, class: {
71
+ return (h(Host, { key: 'fa5a532c518a73a9bc4fb3b94475bb6c7fb0530b', tabindex: this.clickable ? '0' : null, class: {
69
72
  'tds-table__row': true,
70
73
  'tds-table__row--selected': this.selected,
71
74
  'tds-table__compact': this.compactDesign,
72
75
  'tds-table--divider': this.verticalDividers,
73
76
  'tds-table__row--clickable': this.clickable,
74
- }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e) }, this.multiselect && (h("td", { key: '890ec619c715803404286c2db19d7f229820dcf4', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'c0c350b5fb5146f47bb703ffb9f900e0726fe80e', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '23ae044099a0cd69fd41b7da5314223789643559' })));
77
+ }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e) }, this.multiselect && (h("td", { key: 'dd524054a3b9db562b6ffb01a93175b4b8e8b5ff', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'ab960de6521b221af09a5ccdfc0142cd2bf1e72c', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '55a4c8f8397ca5d45676fbd3b9e3ab51ca5bc401' })));
75
78
  }
76
79
  static get is() { return "tds-table-body-row"; }
77
80
  static get encapsulation() { return "shadow"; }
@@ -100,26 +100,26 @@ export class TdsTableBodyRowExpandable {
100
100
  this.sendValue();
101
101
  }
102
102
  render() {
103
- return (h(Host, { key: '88bdc031d23bed04c66ea19665becc9f17c7a06f', class: {
103
+ return (h(Host, { key: '6eaab9070f782ad29c6733f1a012eda6720d5f2c', class: {
104
104
  'tds-table__row': true,
105
105
  'tds-table__row-expand--active': this.isExpanded,
106
106
  'tds-table__compact': this.compactDesign,
107
107
  'tds-table--divider': this.verticalDividers,
108
- } }, h("tr", { key: 'b2d4ed815278333aa6af9274839df26eea5ab41a', class: {
108
+ } }, h("tr", { key: '2dade2d71b2421e82ec4a78568d4a1b5b9d0bb60', class: {
109
109
  'tds-table__row': true,
110
110
  'tds-table__row--expanded': this.isExpanded,
111
- }, part: "row" }, h("td", { key: '9d1ffafe9b05e39f14e1c7e8cd8f42dd2df6e3fd', class: {
111
+ }, part: "row" }, h("td", { key: '5748b3aeab6adc7f5c2bb322aa706464b845d798', class: {
112
112
  'tds-table__cell-expand': true,
113
- } }, h("label", { key: 'b69e92f5fbda3d2cf0455bf201bf636d1d7b3629', class: "tds-table__expand-control-container" }, h("input", { key: 'eeba40080825f033e8a1b3be791425f548def0b7', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { key: 'e6043fb1274674b09fe51563df9a1ddb70d77c87', class: "tds-expendable-row-icon" }, h("svg", { key: '4b4f2ef69e58f2eca16f925f7dc99ae9b749e687', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '57b49045410452bbb291e4c01cfdf6121c8c170e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '767343d7c3ecfd4022328d2f09793d0a6595f354' })), h("tr", { key: '475276ceafd46129ca89d235f040de9616a0b537', class: {
113
+ } }, h("label", { key: '185b91d4dd5c5ecf2c2f246474a3147b65deede0', class: "tds-table__expand-control-container" }, h("input", { key: 'eb4f25a58fab25fd686fac95b41425b49b2bf591', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { key: '74c4bf376c53cdea707921610e383d3c4830f1a1', class: "tds-expendable-row-icon" }, h("svg", { key: '0b5a3c5fc2d86d4809d7a50153d835c06e61e5d4', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '009fac726b97fdf9d2b02b958ee6f62be275e65c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '06614199b6fde8f643e0bdb34e51e5874e66d689' })), h("tr", { key: '6980ce96e91be2e3b1b96c5115a1aad52aeedf94', class: {
114
114
  'tds-table__row-expand': true,
115
115
  'tds-table__row-expand--expanded': this.isExpanded,
116
- }, part: "expand-row" }, h("td", { key: '1de5c95195cc84e416aa5008a8876735d196d70c', class: {
116
+ }, part: "expand-row" }, h("td", { key: 'f539ee0187f3b5fa7600110d8655c78d1010afdf', class: {
117
117
  'tds-table__cell-expand': true,
118
118
  'tds-table__cell-expand--overflow-hidden': this.overflow === 'hidden',
119
119
  'tds-table__cell-expand--overflow-visible': this.overflow === 'visible',
120
- }, part: "expand-row-cell", colSpan: this.columnsNumber }, h("div", { key: 'bf5df977cdcdb10ad0b3594973ebf034e058a807', style: {
120
+ }, part: "expand-row-cell", colSpan: this.columnsNumber }, h("div", { key: '0af12e1435d9cce526565183f6281c99432d4de2', style: {
121
121
  overflow: this.overflow,
122
- } }, h("slot", { key: 'f081d57d2d41cc280e3c267b2fdf65a186427324', name: "expand-row" }))))));
122
+ } }, h("slot", { key: 'cbfdcaed15bb00884c8c5f54b9eb52aab0c6870a', name: "expand-row" }))))));
123
123
  }
124
124
  static get is() { return "tds-table-body-row-expandable"; }
125
125
  static get encapsulation() { return "shadow"; }
@@ -127,12 +127,12 @@ export class TdsTableFooter {
127
127
  }
128
128
  render() {
129
129
  var _a;
130
- return (h(Host, { key: '117730d1c68205810a27b986d33db66536477397', class: {
130
+ return (h(Host, { key: '9b21be9df87785ac51f00fc0fc739fe4980d8d69', class: {
131
131
  'tds-table--compact': this.compactDesign,
132
132
  'footer__horizontal-scroll': !!this.horizontalScrollWidth,
133
- }, style: this.getStyles() }, h("tr", { key: 'ec17cd0543bafb5b025e8fff1cd7a64f46590adf', class: "tds-table__footer-row" }, h("td", { key: 'ae616976b5ce3a75f672ff7aa9b9e446fae77588', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: '131d7616cedd11b7153c46b1485b4f249d6c25b3', class: "tds-table__pagination" }, h("div", { key: 'b785377fd374510319576f7945ce8194f813d4b1', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '97ab7f1da3805ebc0d7bfe9ac568f1359444ba37', class: "rows-per-page" }, h("p", { key: 'eef6e04ac743e2101fc8feb352cb926c71c237ba' }, "Rows per page"), h("tds-dropdown", { key: 'bb7d4340735227bb2048d786671fb874445786ee', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
133
+ }, style: this.getStyles() }, h("tr", { key: '3ec21be1dd53ab45ebeca5081a9c2f0597930dea', class: "tds-table__footer-row" }, h("td", { key: '739364c5f7417c3da2d8eefceb071e5c4df80e25', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: 'edb2e4cb6c893ad947feba4cdd4ca72c283bf6cf', class: "tds-table__pagination" }, h("div", { key: 'ab721dbd4e55d7e66b0ac1344a588e0d7e89ab6a', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: 'f77ccfd43490d91a4853f95177b37206ed091f4f', class: "rows-per-page" }, h("p", { key: 'a654e24545b62882588a765a1a6e9ff0929d7c85' }, "Rows per page"), h("tds-dropdown", { key: 'd72a44a2edb5ea7973bbeff68a7150d8f0b9cfdc', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
134
134
  return (h("tds-dropdown-option", { value: `${value}` }, value));
135
- }))))), h("div", { key: '1c0a59c3e722880a5b7765672742ffb0b77ef6e9', class: "tds-table__page-selector" }, h("input", { key: '883e3ea6f692928abe7257fc7992f8fd6fdc294e', ref: (element) => (this.inputElement = element), 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: '51c4811e14f801e7f1d331e5e177390b1d71d4b0', class: "tds-table__footer-text" }, "of ", h("span", { key: '7a2e2d99407481c0fde506b40e0321eccd09bb92' }, this.pages), " pages"), h("button", { key: '2686970457baa6bc45317153d39232cc0edc46c6', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '6bb34e3e3b21ff2b919ff19b33d9e07022fce1c6', name: "skip_backwards", size: "20px" })), h("button", { key: '846ee457f3877bb249ae35496bffb6abbbbe13b6', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: 'a622c10321358520457d31cee8691de27c02700b', name: "chevron_left", size: "20px" })), h("button", { key: 'e7f44b166d57aff4da1810a4626f9ced833a5464', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: '7a1ca34a3c55c91694b6106876aea457254e25c7', name: "chevron_right", size: "20px" })), h("button", { key: 'f83be57a31ef4fb49ca7179d1fb4fe379875fa4c', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: 'd6436b222fd1749a62c11660abf1320a73311da2', name: "skip_forward", size: "20px" })))))))));
135
+ }))))), h("div", { key: '74b3ca1895fac9a5f6c40c54cb3802d995a5af64', class: "tds-table__page-selector" }, h("input", { key: 'b1d32a9f834b09dd10c8d160c16d0c4acaa334b3', ref: (element) => (this.inputElement = element), 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: '10eec5a6d55728121629358a669b4528a84b20b2', class: "tds-table__footer-text" }, "of ", h("span", { key: '74a89f18a367946a695f6df45cb879f755b52127' }, this.pages), " pages"), h("button", { key: '57c4e14b227692166ff22eb70ffd91f387156a0c', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '85af6d8297fb4d4a16d9569d3b32df843ecb9238', name: "skip_backwards", size: "20px" })), h("button", { key: 'ecbc0e6c623f0e34e0143a5525f85dad0a4ea503', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: 'd5c9f208529b0c2780f615e83eaa561287e45b57', name: "chevron_left", size: "20px" })), h("button", { key: '7451440c861a8e707dbe3ed138cd480403c9e063', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: '09b034dca95d82c3eb1b0738e256580ed60c0be3', name: "chevron_right", size: "20px" })), h("button", { key: 'ed5ebd4705683f7a0693a31c4ced121d1f54f660', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: 'b96224ea1fd759bb944066fbb73bddd64e52ce1d', name: "skip_forward", size: "20px" })))))))));
136
136
  }
137
137
  static get is() { return "tds-table-footer"; }
138
138
  static get encapsulation() { return "shadow"; }
@@ -82,11 +82,11 @@ export class TdsTableHeaderRow {
82
82
  });
83
83
  }
84
84
  render() {
85
- return (h(Host, { key: 'e21dbe2e6305e3aa9c5e5afa1fde4d4a7c66bbbb', class: {
85
+ return (h(Host, { key: 'e503496c4c86dd5ea411ac950195047efe2abd68', class: {
86
86
  'tds-table--compact': this.compactDesign,
87
87
  'tds-table--divider': this.verticalDividers,
88
88
  'tds-table--toolbar-available': this.enableToolbarDesign,
89
- } }, h("tr", { key: '6737748d94783df4ece62410ac325762bec547cc' }, this.multiselect && (h("th", { key: '53eb8c50bf7be339d87c77cf6fc7e3221533862b', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: 'b5a363d1b39f07ceca33824f27fefbf659a2427f', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'e3809f9eee428fd4ae681e1146cd8308c0b70718', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: '78cbace7847d8b7b535cd40c969b0935799695f9', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '530d2c592a33b1357b73acad695b1cec5047793d' }))));
89
+ } }, h("tr", { key: '249ad4aee1ea1bf9ed989afcce31706f829f2372' }, this.multiselect && (h("th", { key: '4766432503a95018ab3af151d13a7cfe431bec20', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: 'e92d809b3c0e8aeab578c1d744def9dd2bfe9975', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'aed850f2651fcc65baa2d82ac7d33b59b502cedd', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: 'bb89288d56a3911eced41933ab32015c8e333722', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '505c660ccdeec2b563bad55322666c4b69222b7e' }))));
90
90
  }
91
91
  static get is() { return "tds-table-header"; }
92
92
  static get encapsulation() { return "shadow"; }
@@ -105,7 +105,7 @@ export class TdsTableHeaderCell {
105
105
  this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
106
106
  }
107
107
  render() {
108
- return (h(Host, { key: '967a02c87d37c0eb75219c84c09edbb34b0257df', class: {
108
+ return (h(Host, { key: '5bfbed888fd12522741f991542a308772799ceee', class: {
109
109
  'tds-table__header-cell': true,
110
110
  'tds-table__header-cell--sortable': this.sortable,
111
111
  'tds-table__header-cell--is-sorted': this.sortedByMyKey,
@@ -63,7 +63,7 @@ export class TdsTableHeaderInputWrapper {
63
63
  }
64
64
  }
65
65
  render() {
66
- return (h(Host, { key: 'cfb0b0352d7cff9dfaa868cb33669a8c85e43c84', class: {
66
+ return (h(Host, { key: '04c6b46892b719c0f66525ddcacae57dceb3b9ff', class: {
67
67
  'focused-input-wrapper': this.inputFocused,
68
68
  'show-icon': this.showIcon,
69
69
  'tds-table__compact': this.compactDesign,
@@ -63,10 +63,10 @@ export class TdsTableToolbar {
63
63
  return styles;
64
64
  }
65
65
  render() {
66
- return (h(Host, { key: '7fb4e76fd0d04ff1c46412c9ed7b483ae0d5bbb1', class: {
66
+ return (h(Host, { key: '6350a9feb5812921105edb7bb5951d03d0c32a24', class: {
67
67
  'tds-table--compact': this.compactDesign,
68
68
  'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
69
- }, style: this.getStyles() }, h("div", { key: 'ef9b0e0b704299e46e3fea0163aedefed28aa892', class: "tds-table__upper-bar-flex" }, h("caption", { key: 'ba76d6250a905bc6e7d5346a96d2d2ec1cb877de', class: "tds-table__title" }, this.tableTitle), h("div", { key: '145a0ee32aa2db958a5c05026e590352e15c3ead', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '81a54d7a3b05a0e043ce8560abfb6f2e2a343750', class: "tds-table__searchbar" }, h("input", { key: 'e7888c4618c3fcdf7e8c513411659ee905f78427', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event) }), h("span", { key: 'fe620676a927a37cbc1ce7886510da8979925041', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: 'cbf9d21fb58fc1ad4ed39e33c8ee101339a102d7', name: "search", size: "20px" })))), h("slot", { key: '1a15fe7de33f86467e53141818f72ebf25c4e864', name: "end" })))));
69
+ }, style: this.getStyles() }, h("div", { key: '1cb6c95719546ea0bbde729e6b26ab34dd3ae55f', class: "tds-table__upper-bar-flex" }, h("caption", { key: '37ca396778dbe93ca622564f4374a0561348c243', class: "tds-table__title" }, this.tableTitle), h("div", { key: 'aa129f0aca461d85dfad97fa0682975787512d53', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '447cd5e4ad047f1424180e7456093b43f5b23e09', class: "tds-table__searchbar" }, h("input", { key: 'c9798ebec2c279516f34bb8c25912e7959c3abfd', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event) }), h("span", { key: 'a6c16f3162e654aff742634a4bb77eb8a886fbad', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: 'c1bcb6cfa93140a3e1b2cced582cdb62eb184623', name: "search", size: "20px" })))), h("slot", { key: 'fd86cec3c8e2cbd8c0198005883c1d2b64acd51b', name: "end" })))));
70
70
  }
71
71
  static get is() { return "tds-table-toolbar"; }
72
72
  static get encapsulation() { return "shadow"; }
@@ -17,10 +17,10 @@ export class TdsFolderTab {
17
17
  this.selected = selected;
18
18
  }
19
19
  render() {
20
- return (h(Host, { key: '3ebe8719ec0bae1d4de2f698b032d9914f01fc65', role: "listitem" }, h("div", { key: '26e4df6a7c2c3ec3cc9b391004b0ecc2e08886ce', class: {
20
+ return (h(Host, { key: '919cd453da1e3649fb5da8783ab8fabc47322d47', role: "listitem" }, h("div", { key: 'f00bf3eea1ee0d670d8989e23e27d6c54fbe7c17', class: {
21
21
  selected: this.selected,
22
22
  disabled: this.disabled,
23
- }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '78549272532f6fa272660fde77c61464dbede36c' }))));
23
+ }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '3e3bd62fd02c922fa0592dc0f2dae5a8b49d6c4c' }))));
24
24
  }
25
25
  static get is() { return "tds-folder-tab"; }
26
26
  static get encapsulation() { return "shadow"; }
@@ -160,9 +160,9 @@ export class TdsFolderTabs {
160
160
  this.removeEventListenerFromTabs();
161
161
  }
162
162
  render() {
163
- return (h(Host, { key: 'ab95c2616920aa0feb451cdc8e05697bfedb12b6', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '5330ac0094013711f2d85befe37e7f02de22d8c9', class: "wrapper", ref: (el) => {
163
+ return (h(Host, { key: '19b773750f13304194341caf79242c7be95b41be', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '915b525f1d8fc67f3edf82f0841ea89cfd8424bc', class: "wrapper", ref: (el) => {
164
164
  this.navWrapperElement = el;
165
- } }, h("button", { key: 'cf1d97ff6db378f1a9d2306dce45ccc24ff00718', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'df3cd8050d37eeb32e957ec22796c551476f003b', name: "chevron_left", size: "20px" })), h("slot", { key: '695ba9188c06a56785b1362e7554cf0bdfa0c635', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'c64fa2e8788ef3ae78dd1c32b6755625abd4a115', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '3d7f40dcc022b37d1d5419ff4b111bf085011698', name: "chevron_right", size: "20px" })))));
165
+ } }, h("button", { key: '806f5ce973b4b9bf842ae4c3fdf42c6160255db4', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '4762c8fcfb5f7bb9a67ce2515fc3cab557180ca8', name: "chevron_left", size: "20px" })), h("slot", { key: '498f04374cb1ad240df2a6e02830eba9bc6c3c8d', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '47f114815e98c22f26b021df2b5f53f4498ba24b', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'b4f3a0e137c84b996bdf7eb7e497e788637ac401', name: "chevron_right", size: "20px" })))));
166
166
  }
167
167
  static get is() { return "tds-folder-tabs"; }
168
168
  static get encapsulation() { return "shadow"; }
@@ -12,11 +12,11 @@ export class TdsInlineTab {
12
12
  this.selected = selected;
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '4b05e137c36bc1307778c29ea67aa05fe51b0048', role: "listitem" }, h("div", { key: 'e290c72530ea8a55561c087eef706f6faeff5ddc', class: {
15
+ return (h(Host, { key: '4bb1d313b0d2b7e3bc612474201b0a3e06dd6555', role: "listitem" }, h("div", { key: 'c49a2745c5c6de9276807e670c9886130f5e5dbd', class: {
16
16
  'inline-tab-item': true,
17
17
  'selected': this.selected,
18
18
  'disabled': this.disabled,
19
- } }, h("slot", { key: 'ec94a152be5f26837f77b915d8176b3bc2df0036' }))));
19
+ } }, h("slot", { key: 'caa1851fd0a992f38e04fb4872e52c90a3731e6a' }))));
20
20
  }
21
21
  static get is() { return "tds-inline-tab"; }
22
22
  static get encapsulation() { return "shadow"; }
@@ -167,9 +167,9 @@ export class TdsInlineTabs {
167
167
  this.removeEventListenerFromTabs();
168
168
  }
169
169
  render() {
170
- return (h(Host, { key: '1dc5b7ff1aa5c9a1cb0cd9064be6b064c0b7ba20', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '1f66f69ca3cf4d25565a41cfcf1cbffcd8a4b355', class: "wrapper", ref: (el) => {
170
+ return (h(Host, { key: 'cd482509c07b6074d81a35eb9447ef561ce7c84a', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '63590b1fec8637f1000897f62962dae2efdcc05d', class: "wrapper", ref: (el) => {
171
171
  this.navWrapperElement = el;
172
- }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '98601dfb32252be02f7db236bb71bf21bd59147f', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'ba1b3b814bdba6d0334eb037d62476cabe8790f6', name: "chevron_left", size: "20px" })), h("slot", { key: 'cd9564df014b85e27d7a37cbb262d55872745f3c', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'e2690cd7e7dddd5b3e66e5767602e25e70c1e6fb', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'eff5006eecba07819c6b91c489f2ee3104ed78b6', name: "chevron_right", size: "20px" })))));
172
+ }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '349a8cc729442d4307f800c69abe36adeb7f7e0c', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'feacf20411c38c0b9d80b25a1a19ef89e812b81d', name: "chevron_left", size: "20px" })), h("slot", { key: '78727b46e6adc0c516cbbfb4dc072f59330c8635', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '580d1416f7329133c58f5bfaaa7169623e1dd001', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'f9d1c4f717303f0c1c2eb4b33b361be8fa2f15ab', name: "chevron_right", size: "20px" })))));
173
173
  }
174
174
  static get is() { return "tds-inline-tabs"; }
175
175
  static get encapsulation() { return "shadow"; }
@@ -12,8 +12,8 @@ export class TdsNavigationTab {
12
12
  this.selected = selected;
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: 'ed5cdc4e3c00f43156fce13993c34a4183c127d7', role: "listitem" }, h("div", { key: '5ac651a862a04b0327695d2ad6ed42af7af0d139', class: `navigation-tab-item ${this.selected ? 'selected' : ''}
16
- ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '4cf2d6c740cc73cbe5743191776ce008bf8dd358' }))));
15
+ return (h(Host, { key: '58749f71c75a0026b58645df3ccaa6ebd5e5dc9f', role: "listitem" }, h("div", { key: 'ed4cc04c74a69470c95f9ec3ba034c7ad6b9f2d3', class: `navigation-tab-item ${this.selected ? 'selected' : ''}
16
+ ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'ee7c740413087d0da51bdfc8da4509d482f1faeb' }))));
17
17
  }
18
18
  static get is() { return "tds-navigation-tab"; }
19
19
  static get encapsulation() { return "shadow"; }
@@ -167,15 +167,15 @@ export class TdsNavigationTabs {
167
167
  this.removeEventListenerFromTabs();
168
168
  }
169
169
  render() {
170
- return (h(Host, { key: '7d073990d798ef8bd602cff43f1dab1701c67535', role: "list", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '2816efa2148f1feaa0283a8c3a023ff044f5ea11', class: "wrapper", ref: (el) => {
170
+ return (h(Host, { key: '0ca3544da4ef897b44bd2f55b0dc03edf7921818', role: "list", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '3eff9e0fc6b416171d0928e3e1933fed626fb3ec', class: "wrapper", ref: (el) => {
171
171
  this.navWrapperElement = el;
172
- }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: 'b95bf6d5da6b7a9eeea0079b54f729188175c122', class: {
172
+ }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '730023259356eec4ec037e56a495dfea4f8d469c', class: {
173
173
  'scroll-left-button': true,
174
174
  'show': this.showLeftScroll,
175
- }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '71577f14a5b1e3348a5b69f9e44c6945a5c5f99f', name: "chevron_left", size: "20px" })), h("slot", { key: 'be3cb961b96a307fdd4ac6f54e7ef0f188e20fe4', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'ac6d8c5720e782e48caedf7fffb3f8a485b51fdb', class: {
175
+ }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '5e601f5e4a3aa308e5a5a636fc08c7b32387dbd9', name: "chevron_left", size: "20px" })), h("slot", { key: '43c9228e6c328b4cc651a9ffbd7dd8dbbfd592fe', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '7eca0796fed3a98043abbbe306c29eed10cd8c5d', class: {
176
176
  'scroll-right-button': true,
177
177
  'show': this.showRightScroll,
178
- }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '0fc2e8bf463fff2caba762220098a239919d4c93', name: "chevron_right", size: "20px" })))));
178
+ }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '9b84ae33c083f41ce6d8a83da1f1edb37c95de55', name: "chevron_right", size: "20px" })))));
179
179
  }
180
180
  static get is() { return "tds-navigation-tabs"; }
181
181
  static get encapsulation() { return "shadow"; }
@@ -54,7 +54,7 @@ export class TdsTextField {
54
54
  var _a;
55
55
  const usesPrefixSlot = hasSlot('prefix', this.host);
56
56
  const usesSuffixSlot = hasSlot('suffix', this.host);
57
- return (h("div", { key: '218f38761223da2f6e9abf913551cc6c9b7f5766', class: {
57
+ return (h("div", { key: '9a746f9a955c02adbc1154e02dc82fc6062d4eeb', class: {
58
58
  'form-text-field': true,
59
59
  'form-text-field-nomin': this.noMinWidth,
60
60
  'text-field-focus': this.focusInput && !this.disabled,
@@ -68,12 +68,12 @@ export class TdsTextField {
68
68
  'form-text-field-sm': this.size === 'sm',
69
69
  'form-text-field-error': this.state === 'error',
70
70
  'form-text-field-success': this.state === 'success',
71
- } }, this.labelPosition === 'outside' && (h("div", { key: 'e2e2745caf16f1a2cc5757e43d7285a3ac694f06', class: "text-field-label-outside" }, h("div", { key: 'e7f20b834be522122e3656403a1e90d4bdebcaff' }, this.label))), h("div", { key: '3782c060097653bdfd2ca129486e5945e2620954', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: '4c91f21a73034a6918deb18226812c12e297aa4b', class: {
71
+ } }, this.labelPosition === 'outside' && (h("div", { key: '4a6a898131f86115c6cbf07f6e67058ac548fdfb', class: "text-field-label-outside" }, h("div", { key: '868b1372153ac1d27e0d407a5199c8cb6659d21a' }, this.label))), h("div", { key: '917a0691663c81418cb8adfc2963e2514f6a228d', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: 'e11cb3a273a9899972b035b1296deda841145928', class: {
72
72
  'text-field-slot-wrap-prefix': true,
73
73
  'text-field-error': this.state === 'error',
74
74
  'text-field-success': this.state === 'success',
75
75
  'text-field-default': this.state === 'default',
76
- } }, h("slot", { key: '5d3cae29c5e28a11c55617c01b0c737c49fdd037', name: "prefix" }))), h("div", { key: '8c26d4fab3c17c3cea194bb627c84d66cdde209a', class: "text-field-input-container" }, h("input", { key: '78b9e8949f97668c3a87ee29f5a3f8ccc4144f36', ref: (inputEl) => {
76
+ } }, h("slot", { key: 'a6336094ef22454c6d7b782b78690773dfcc444a', name: "prefix" }))), h("div", { key: 'cee83edde0b7189258aa7f1aaa3573d27b4e0d06', class: "text-field-input-container" }, h("input", { key: '27c52fc9ffa89f57578d152a5eaf8bd25c4b48d7', ref: (inputEl) => {
77
77
  this.textInput = inputEl;
78
78
  }, class: {
79
79
  'text-field-input': true,
@@ -88,16 +88,16 @@ export class TdsTextField {
88
88
  if (!this.readOnly) {
89
89
  this.handleBlur(event);
90
90
  }
91
- } }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '0b52682b6ae31b9ab145bbe2e728c964af34ce82', class: "text-field-label-inside" }, this.label))), h("div", { key: '8988b72caf92303b3dbb5c5dd6b3e89975e1a116', class: "text-field-bar" }), usesSuffixSlot && (h("div", { key: 'dec6fcb2afc3617dc84360bc13d2f9a2acedac3d', class: {
91
+ } }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '00fdc9f7231bb1991afb37d3477ac6267594ccb5', class: "text-field-label-inside" }, this.label))), h("div", { key: 'a5c349a2e3695122244feb4daacf9c0a523656d6', class: "text-field-bar" }), usesSuffixSlot && (h("div", { key: 'f4812d2d9162330bb9e9a480a6f1c6fb0f1603b4', class: {
92
92
  'text-field-slot-wrap-suffix': true,
93
93
  'text-field-error': this.state === 'error',
94
94
  'text-field-success': this.state === 'success',
95
95
  'text-field-default': this.state === 'default',
96
96
  'tds-u-display-none': this.readOnly,
97
- } }, h("slot", { key: '2b8a9f15a85ebcf01f4db88f7a113775b602be2c', name: "suffix" }))), h("span", { key: '1934c462d7a9427a265c411ca6befe0c63f95eef', class: "text-field-icon__readonly" }, h("tds-icon", { key: 'f2c800161b1e131966a4c2f01525de4df01d3d96', name: "edit_inactive", size: "20px" })), h("span", { key: '2c899ef5a118a99cbbb1fc1cd920cc5bf9d22f1e', class: "text-field-icon__readonly-label" }, "This field is non-editable")), (this.helper || this.maxLength > 0) && (h("div", { key: 'eb31f7eb2a8c88952972d4005ac82e917b7c2425', class: "text-field-helper" }, this.state === 'error' && (h("div", { key: '0a61f37738f50f54a81686b6d923d85a0d07cff2', class: "text-field-helper-error-state" }, h("tds-icon", { key: 'ae20a242ee3dda49ce757e9733b081ed00ec51c1', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, this.maxLength > 0 && (h("div", { key: '85e2c4ae48276b84b4507380e51663b9166de4a8', class: {
97
+ } }, h("slot", { key: '2583307a640ff3b1badd3b528db408bb9aeb4ca2', name: "suffix" }))), h("span", { key: '04fe8fb44155eacd3a2e24e84783f2145f244c9c', class: "text-field-icon__readonly" }, h("tds-icon", { key: '68a92868b1c5828c41f36eaddd97532e14a82f68', name: "edit_inactive", size: "20px" })), h("span", { key: 'a7f89ce9d3bab3b89787a9baf59c35dba06f023e', class: "text-field-icon__readonly-label" }, "This field is non-editable")), (this.helper || this.maxLength > 0) && (h("div", { key: 'ba89f1650e5ebbb45f0dbc06548ed86add1d4971', class: "text-field-helper" }, this.state === 'error' && (h("div", { key: 'dc9368caca14d7fdb4e0ad061181352daeae235b', class: "text-field-helper-error-state" }, h("tds-icon", { key: '07d99458b372b6edb1f9268dcc66f88840005a92', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, this.maxLength > 0 && (h("div", { key: 'c1d143899e66bddb364322537ab3940f7498d63d', class: {
98
98
  'text-field-textcounter': true,
99
99
  'text-field-textcounter-disabled': this.disabled,
100
- } }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: 'e914734efb5f59bf5a3012785d20d1c3caf73b2b', class: {
100
+ } }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: '9bd585768330df043bdcba388fbfb13ec087522d', class: {
101
101
  'text-field-textcounter-divider': true,
102
102
  'text-field-textcounter-disabled': this.disabled,
103
103
  } }, ' ', "/", ' '), this.maxLength))))));
@@ -38,7 +38,7 @@ export class TdsTextarea {
38
38
  }
39
39
  render() {
40
40
  var _a;
41
- return (h("div", { key: 'df1eac7e06beaecb0e0b35acea40e97e2591b67c', class: {
41
+ return (h("div", { key: '20555ab5f931d14f485a30e1dd817143ae5a5b88', class: {
42
42
  'textarea-container': true,
43
43
  'textarea-label-inside': this.labelPosition === 'inside',
44
44
  'textarea-focus': this.focusInput,
@@ -48,7 +48,7 @@ export class TdsTextarea {
48
48
  'textarea-data': this.value !== '',
49
49
  [`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
50
50
  'no-min-width': this.noMinWidth,
51
- } }, this.labelPosition !== 'no-label' && h("span", { key: '01b1b35061500bb6f6d8264f4423b86919e36440', class: 'textarea-label' }, this.label), h("div", { key: '296a6e3373cf1f9390a0d872f8a5234de60ca225', class: "textarea-wrapper" }, h("textarea", { key: '607a50a7f0ac33f97309d45af357a1a77f488f0b', class: 'textarea-input', ref: (inputEl) => {
51
+ } }, this.labelPosition !== 'no-label' && h("span", { key: '5da3048c718ddb65116fdf42d4b11a5f0718c1db', class: 'textarea-label' }, this.label), h("div", { key: '5c7103748771190a3e761cf0f2979c92d68432b4', class: "textarea-wrapper" }, h("textarea", { key: '97a036edf21ec7dad9f52abea52562b6a55ca109', class: 'textarea-input', ref: (inputEl) => {
52
52
  this.textEl = inputEl;
53
53
  }, disabled: this.disabled, readonly: 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) => {
54
54
  if (!this.readOnly) {
@@ -58,7 +58,7 @@ export class TdsTextarea {
58
58
  if (!this.readOnly) {
59
59
  this.handleBlur(event);
60
60
  }
61
- }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event) }), h("span", { key: '93cfa65a73f4a5dd99b1cca32ea7aa43684ebd71', class: "textarea-resizer-icon" }, h("svg", { key: 'c92482caf1c3393de3e17c09a722c6271b6491bd', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f8e559e88a5ae9f9ce56a3fe17805dd13c3cb87b', "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" }))), h("span", { key: 'f6879b23708b98106db17c5365b2d30ead80ef07', class: "textarea-icon__readonly" }, h("tds-icon", { key: '6a9a48dd793bfb3e6e98d4f852de3a1b2d47cdb6', name: "edit_inactive" })), h("span", { key: '45fe2bb6fa1d93ee4b0e819e7f9af56ddbe5069e', class: "textarea-icon__readonly-label" }, "This field is non-editable")), h("span", { key: '3c1e507d0a3e779eee4c1d305c3a049a1de11acc', class: 'textarea-helper' }, this.state === 'error' && h("tds-icon", { key: '0a8acfbb00d0769c80706c0e301a4d80e19f05e8', name: "error", size: "16px" }), this.helper), this.maxLength > 0 && (h("div", { key: '9d5f548efae98ec821ac0d177b966acca9487420', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: '4b65816bace297379425b122624f660f442e8391', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
61
+ }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event) }), h("span", { key: 'bc1422693b7be09e7057e11b76ae781d7b0f4fad', class: "textarea-resizer-icon" }, h("svg", { key: '3836f33d521ec1f35a6dceb3240a61bc750ca875', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '75f1a8d478002b9b3a1febd3ff433c14b4f6470f', "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" }))), h("span", { key: '43899208bb06e613eff34d4a9d73b7003d4e0df4', class: "textarea-icon__readonly" }, h("tds-icon", { key: 'd8610ee288753d67e20571fce9707d9b9f2e4ccc', name: "edit_inactive" })), h("span", { key: '208ada20b1053f93db759d7cc9c7dc653735135a', class: "textarea-icon__readonly-label" }, "This field is non-editable")), h("span", { key: 'f5aee4903c0bf3e7612af6dc84eab08ce0e09180', class: 'textarea-helper' }, this.state === 'error' && h("tds-icon", { key: '4581239d829a9e07dc91f3352042220ab3d334b0', name: "error", size: "16px" }), this.helper), this.maxLength > 0 && (h("div", { key: 'b06905f370babfe0470e914df045c72ef7e12041', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: 'd45f87ccf1ccf4198276b3e2c7fe465aeeb9fe17', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
62
62
  }
63
63
  static get is() { return "tds-textarea"; }
64
64
  static get encapsulation() { return "scoped"; }
@@ -58,12 +58,12 @@ export class TdsToast {
58
58
  const usesHeaderSlot = hasSlot('header', this.host);
59
59
  const usesSubheaderSlot = hasSlot('subheader', this.host);
60
60
  const usesActionsSlot = hasSlot('actions', this.host);
61
- return (h(Host, { key: '5fac1ff9ddf0d4b253128483df7d1fac68e1fa00', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
61
+ return (h(Host, { key: '47e0159502e048c0359a5a17677f0456aa69a4da', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
62
62
  hide: this.hidden,
63
63
  show: !this.hidden,
64
- } }, h("div", { key: 'ba33d3e599bb3d3e5d17e4f53b05928602fdf4fa', class: `
64
+ } }, h("div", { key: '6ae5a9da5c89de7a2336f48f495d61cc11286495', class: `
65
65
  wrapper
66
- ${this.variant}` }, h("tds-icon", { key: 'b9bd3c5a3041c6f66a93d50bc51275eb8cb21b5e', name: this.getIconName(), size: "20px" }), h("div", { key: '2cac0367dca09cbdba1e5a5346ba2274d241edd6', class: `content` }, h("div", { key: '09b084fb15f4cbfc247d07b82058baf968bf042a', class: "header-subheader" }, this.header && h("div", { key: '1a8273285007e20e5c92dee6d7526d30386f0384', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: 'a0600af57cf34e0d02094f1c1c64edca7872cd1a', name: "header" }), this.subheader && h("div", { key: 'c9dae07de1734804e6c86c7e862afc07bd004f39', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'dc520b66747bb6ebdf3438b15b3f33f4e112484c', name: "subheader" })), usesActionsSlot && (h("div", { key: '96d8db293276c1a6f164f098b984ef3b073c06e1', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '42a5984384426088eedea3dd86fafe3abfc8209d', name: "actions" })))), this.closable && (h("button", { key: '16d6a79ce5d9eb619e84d916833d2ffd9409d545', onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'a80152d6d7420fbe3729a9a8e29b79d4790b5294', name: "cross", size: "20px" }))))));
66
+ ${this.variant}` }, h("tds-icon", { key: 'c6ce5ea135bddef0ad0f7172ac8d7be6725a3597', name: this.getIconName(), size: "20px" }), h("div", { key: 'b3db26a1314c8a2d55c7d028cdc2f4951a738eaf', class: `content` }, h("div", { key: '3418ea02c85852fe548130c6c653a8dacdd9437a', class: "header-subheader" }, this.header && h("div", { key: '0a50b5e2a487be36a00ad89ad4f14cf1af83477d', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: 'df199798748ed7ade9cbda7f7ce798bb6f8fa995', name: "header" }), this.subheader && h("div", { key: '4978346a3726aea3af0aa7bb98487c36873045d3', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '49651b229907504dfca5aec35589595b421f6e1b', name: "subheader" })), usesActionsSlot && (h("div", { key: '6dbfa25c49118e92c2a254fb01156a95004f0738', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '85235296f757e0a6306d76ef83c855c3e9bb6cb4', name: "actions" })))), this.closable && (h("button", { key: 'd6946c5ff592b494be06dcb7b46dfc56b5eb5efc', onClick: this.handleClose, class: "close" }, h("tds-icon", { key: '51a93ef789343f24686183ba1747fc853e6d9e04', name: "cross", size: "20px" }))))));
67
67
  }
68
68
  static get is() { return "tds-toast"; }
69
69
  static get encapsulation() { return "shadow"; }
@@ -19,6 +19,7 @@ export class TdsToggle {
19
19
  this.headline = undefined;
20
20
  this.disabled = false;
21
21
  this.toggleId = generateUniqueId();
22
+ this.tdsAriaLabel = undefined;
22
23
  }
23
24
  /** Toggles the Toggle. */
24
25
  async toggle() {
@@ -28,11 +29,19 @@ export class TdsToggle {
28
29
  checked: this.checked,
29
30
  };
30
31
  }
32
+ componentWillLoad() {
33
+ this.labelSlot = this.host.querySelector("[slot='label']");
34
+ }
35
+ connectedCallback() {
36
+ if (!this.tdsAriaLabel) {
37
+ console.warn('Tegel Toggle component: tdsAriaLabel prop is missing');
38
+ }
39
+ }
31
40
  render() {
32
- return (h("div", { key: '1febf92d7a29a70a1e8fc640f33d147c19c926ad', class: "tds-toggle" }, this.headline && (h("div", { key: '5446e78cb419d98ec9c6017b24bf9f10a93f52eb', class: {
41
+ return (h("div", { key: '8f8a77827f524c049aa004d15372a78e7fad41e2', class: "tds-toggle" }, this.headline && (h("div", { key: '8e254412e80362807046a893fc3f7c42a0c376ba', class: {
33
42
  'toggle-headline': true,
34
43
  'disabled': this.disabled,
35
- } }, this.headline)), h("input", { key: '04759f946c1cf0d61d999db2edeed3f29381918b', "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" }), h("label", { key: '6231d78c5f748e8b66f35cd5f3f00a84db575b95', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '930a9f94e4ac17435cb2977f489fcab2c6daaadc', name: "label" }))));
44
+ } }, this.headline)), h("input", { key: '47ed1307b67b61b1594006449fb1b4ccf6d031b8', "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: '75964d686710d6b4f8bbe365cc51c8aab3234d26', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: 'aeeaed1f37a160ce792df3f5115c75eaa0fd2c0a', name: "label" })))));
36
45
  }
37
46
  static get is() { return "tds-toggle"; }
38
47
  static get encapsulation() { return "scoped"; }
@@ -171,6 +180,23 @@ export class TdsToggle {
171
180
  "attribute": "toggle-id",
172
181
  "reflect": false,
173
182
  "defaultValue": "generateUniqueId()"
183
+ },
184
+ "tdsAriaLabel": {
185
+ "type": "string",
186
+ "mutable": false,
187
+ "complexType": {
188
+ "original": "string",
189
+ "resolved": "string",
190
+ "references": {}
191
+ },
192
+ "required": false,
193
+ "optional": false,
194
+ "docs": {
195
+ "tags": [],
196
+ "text": "Defines aria-label attribute for input"
197
+ },
198
+ "attribute": "tds-aria-label",
199
+ "reflect": false
174
200
  }
175
201
  };
176
202
  }